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-12 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">professionals</span>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
                            <div className="funfact-block-one">
                                <div className="inner-box">
                               
                                <div className="count-outer count-box">
                                    <CounterUp end={20} /><span>+</span>
                                </div>
                                <span className="text">Years Experience</span>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
                            <div className="funfact-block-one">
                                <div className="inner-box">
                                
                                <div className="count-outer count-box">
                                    <CounterUp end={1000} /><span>+</span>
                                </div>
                                <span className="text">happy customers</span>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-3 col-md-6 col-sm-12 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">Client Satisfaction</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
            </section>
        </>
    )
}