first commit

2025-02-12 23:25:43 -05:00
commit d8c7ec4866
1400 changed files with 90826 additions and 0 deletions
@@ -0,0 +1,78 @@
+'use client'
+
+
+
+import React from "react";
+import CountUp from "react-countup";
+import VisibilitySensor from "react-visibility-sensor";
+
+const counterUpContent = [
+  {
+    startCount: "0",
+    endCount: "3",
+    endPointText: "k",
+    meta: "Job done successfully",
+    animationDelay: "0",
+  },
+  {
+    startCount: "0",
+    endCount: "20",
+    endPointText: "million",
+    meta: "3,280 avg rating",
+    animationDelay: "100",
+  },
+  {
+    startCount: "0",
+    endCount: "3000",
+    endPointText: "+",
+    meta: "Using Deski",
+    animationDelay: "200",
+  },
+];
+
+const CounterTwo = () => {
+  const [focus, setFocus] = React.useState(false);
+  return (
+    <div className="row justify-content-center">
+      {counterUpContent.map((val, i) => (
+        <div
+          className="col-lg-4 col-sm-6"
+          data-aos="fade-up"
+          data-aos-duration="1200"
+          data-aos-delay={val.animationDelay}
+          key={i}
+        >
+          <div className="counter-box-four">
+            <h2 className="number">
+              <span className="timer">
+                {" "}
+                <CountUp
+                  start={focus ? val.startCount : null}
+                  end={val.endCount}
+                  duration={1}
+                  redraw={true}
+                >
+                  {({ countUpRef }) => (
+                    <VisibilitySensor
+                      onChange={(isVisible) => {
+                        if (isVisible) {
+                          setFocus(true);
+                        }
+                      }}
+                    >
+                      <span ref={countUpRef} />
+                    </VisibilitySensor>
+                  )}
+                </CountUp>
+              </span>
+              {val.endPointText}
+            </h2>
+            <p className="font-rubik">{val.meta}</p>
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default CounterTwo;