rapharehap/components/sections/home/CounterSection.js

57 lines
3.1 KiB
JavaScript

import CounterUp from "@/components/elements/CounterUp"
export default function CounterSection() {
return (
<>
<section className="funfact-section centred" style={{paddingTop:"30px",paddingBottom:"70px"}}>
<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">Qualified Healthcare 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 of Combined 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">Patients Treated Successfully</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 & Success Rate</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</>
)
}