Chiefsoft/FinMarket
1
0
Fork 0
Code Issues Pull Requests Releases Activity

first commit

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-02-12 23:25:43 -05:00
commit d8c7ec4866
1400 changed files with 90826 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/counter/CounterFive.jsx
+84
View File
@@ -0,0 +1,84 @@
'use client'
import React from "react";
import CountUp from "react-countup";
import VisibilitySensor from "react-visibility-sensor";
const counterUpContent = [
{
startCount: "0",
endCount: "1500",
endPointText: "+",
countMeta: "Positive Review",
meta: "A place to think and track ideas",
animationDelay: "0",
},
{
startCount: "0",
endCount: "200",
endPointText: "+",
countMeta: "Branches",
meta: "A home for your iqu team, best",
animationDelay: "100",
},
{
startCount: "0",
endCount: "2",
endPointText: "k+",
countMeta: "Work Done",
meta: "Beautiful docs for your APIs, Products",
animationDelay: "200",
},
];
const CounterFive = () => {
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-two">
<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>
<em>{val.countMeta}</em>
<p className="font-rubik">{val.meta}</p>
</div>
</div>
))}
</div>
);
};
export default CounterFive;
components/counter/CounterFiveColored.jsx
+82
View File
@@ -0,0 +1,82 @@
'use client'
import React from "react";
import CountUp from "react-countup";
import VisibilitySensor from "react-visibility-sensor";
const counterUpContent = [
{
startCount: "0",
endCount: "1200",
endPointText: "+",
countMeta: "Positive Review",
meta: "A place to think and track ideas",
animationDelay: "0",
},
{
startCount: "0",
endCount: "200",
endPointText: "+",
countMeta: "Branches",
meta: "A home for your iqu team, best",
animationDelay: "100",
},
{
startCount: "0",
endCount: "3",
endPointText: "k+",
countMeta: "Work Done",
meta: "Beautiful docs for your APIs, Products",
animationDelay: "200",
},
];
const CounterFiveColored = () => {
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-two">
<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>
<em>{val.countMeta}</em>
<p className="font-rubik">{val.meta}</p>
</div>
</div>
))}
</div>
);
};
export default CounterFiveColored;
components/counter/CounterFour.jsx
+78
View File
@@ -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: "5",
endPointText: "",
meta: "Positive review and counting",
animationDelay: "0",
},
{
startCount: "0",
endCount: "29",
endPointText: "k",
meta: "Subscirber trust on our services",
animationDelay: "100",
},
{
startCount: "0",
endCount: "73",
endPointText: "k+",
meta: "Order complete successfully",
animationDelay: "200",
},
];
const CounterFour = () => {
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-two">
<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 CounterFour;
components/counter/CounterOne.jsx
+77
View File
@@ -0,0 +1,77 @@
'use client'
import Image from "next/image";
import React from "react";
import CountUp from "react-countup";
import VisibilitySensor from "react-visibility-sensor";
const counterUpContent = [
{
startCount: "0",
endCount: "13",
meta: "Projects",
colorClass: "color-one",
},
{
startCount: "0",
endCount: "3",
meta: "Workers",
colorClass: "color-two",
},
{
startCount: "0",
endCount: "123",
meta: "Offices",
colorClass: "color-three",
},
];
const CounterOne = () => {
const [focus, setFocus] = React.useState(false);
return (
<div className="counter-info-classic">
{counterUpContent.map((val, i) => (
<div className={`counter-box-one ${val.colorClass}`} key={i}>
<h2 className="number font-rubik">
<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>{" "}
k
</h2>
<p className="font-rubik">{val.meta}</p>
</div>
))}
<div className="bubble-one"></div>
<div className="bubble-two"></div>
<div className="bubble-three"></div>
<div className="bubble-four"></div>
<div className="bubble-five"></div>
<div className="bubble-six"></div>
<div className="bubble-seven"></div>
<Image width="242" height="387" src="/images/shape/8.svg" alt="image" className="cs-screen dot-shape" />
</div>
);
};
export default CounterOne;
components/counter/CounterSix.jsx
+82
View File
@@ -0,0 +1,82 @@
'use client'
import React from "react";
import CountUp from "react-countup";
import VisibilitySensor from "react-visibility-sensor";
const counterUpContent = [
{
startCount: "0",
endCount: "13",
endPointText: "k",
meta: "Job done successfully",
animationDelay: "0",
bgColor: "#25E5DA",
},
{
startCount: "0",
endCount: "20",
endPointText: "million",
meta: "3,280 avg rating",
animationDelay: "100",
bgColor: "#FF36AF",
},
{
startCount: "0",
endCount: "3000",
endPointText: "+",
meta: "Using Deski",
animationDelay: "200",
bgColor: "#FFB13A",
},
];
const CounterSix = () => {
const [focus, setFocus] = React.useState(false);
return (
<div className="row justify-content-center">
{counterUpContent.map((val, i) => (
<div
className="col-lg-4 "
data-aos="fade-up"
data-aos-duration="1200"
data-aos-delay={val.animationDelay}
key={i}
>
<div className="counter-box-five text-center mb-65">
<div className="dot" style={{ background: val.bgColor }}></div>
<h2 className="number font-gordita">
<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>{val.meta}</p>
</div>
</div>
))}
</div>
);
};
export default CounterSix;
components/counter/CounterThree.jsx
+77
View File
@@ -0,0 +1,77 @@
'use client'
import React from "react";
import CountUp from "react-countup";
import VisibilitySensor from "react-visibility-sensor";
import Image from "next/image";
const counterUpContent = [
{
icon: "23",
startCount: "0",
endCount: "13",
meta: "Ticket Sold",
},
{
icon: "24",
startCount: "0",
endCount: "3000",
meta: "Event organisers",
},
{
icon: "25",
startCount: "0",
endCount: "134",
meta: "Countries",
},
];
const CounterThree = () => {
const [focus, setFocus] = React.useState(false);
return (
<div className="row justify-content-center">
{counterUpContent.map((val, i) => (
<div
className="col-lg-4 col-6"
data-aos="fade-up"
data-aos-duration="1200"
key={i}
>
<div className="counter-box-three">
<div className="icon">
<Image width={72} height={62} style={{objectFit:'contain'}} src={`/images/icon/${val.icon}.svg`} alt="icon" />
</div>
<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>{" "}
m
</h2>
<p className="font-rubik">{val.meta}</p>
</div>
</div>
))}
</div>
);
};
export default CounterThree;
components/counter/CounterThreeColored.jsx
+77
View File
@@ -0,0 +1,77 @@
'use client'
import React from "react";
import CountUp from "react-countup";
import VisibilitySensor from "react-visibility-sensor";
import Image from "next/image";
const counterUpContent = [
{
icon: "31",
startCount: "0",
endCount: "13",
meta: "Ticket Sold",
},
{
icon: "32",
startCount: "0",
endCount: "3000",
meta: "Event organisers",
},
{
icon: "33",
startCount: "0",
endCount: "134",
meta: "Countries",
},
];
const CounterThreeColored = () => {
const [focus, setFocus] = React.useState(false);
return (
<div className="row justify-content-center">
{counterUpContent.map((val, i) => (
<div
className="col-lg-4 col-6"
data-aos="fade-up"
data-aos-duration="1200"
key={i}
>
<div className="counter-box-three">
<div className="icon">
<Image width={31} height={28} style={{objectFit:'contain'}} src={`/images/icon/${val.icon}.svg`} alt="icon" />
</div>
<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>{" "}
m
</h2>
<p className="font-rubik">{val.meta}</p>
</div>
</div>
))}
</div>
);
};
export default CounterThreeColored;
components/counter/CounterTwo.jsx
+78
View File
@@ -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;