rapharehap/components/sections/home/CounterSection.js

57 lines
3.0 KiB
JavaScript

import CounterUp from "@/components/elements/CounterUp"
export default function CounterSection() {
return (
<>
<section className="funfact-section centred">
<div className="auto-container">
<div className="inner-container">
<div className="row clearfix">
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
<div className="count-outer count-box">
<CounterUp end={10} /><span>+</span>
</div>
<span className="text-new">Professionals</span>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
<div className="count-outer count-box">
<CounterUp end={25} /><span>+</span>
</div>
<span className="text-new">Years Experience</span>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
<div className="count-outer count-box">
<CounterUp end={10} /><span>k+</span>
</div>
<span className="text-new">Happy Customers</span>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
<div className="count-outer count-box">
<CounterUp end={97} /><span>%</span>
</div>
<span className="text-new">Client Satisfaction</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</>
)
}