import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'

export default function Testimonial() {
    return (
        <>
            <section className="testimonial-section sec-pad bg-color-1">
                <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/testimonial-left.webp)' }}></div>
                <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.webp)' }}></div>
                <div className="auto-container">
                    <div className="row clearfix">
                        <div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
                            <div className="content-box p_relative ml_45">
                                <div className="sec-title-1 mb_50">
                                    <span className="sub-title-1 mb-1">Google Reviews</span>

                                    {/* Exact same stars as testimonial */}
                                    <ul className="rating clearfix mb_15 d-flex gap-2">
                                        <li><i className="fas fa-star"></i></li>
                                        <li><i className="fas fa-star"></i></li>
                                        <li><i className="fas fa-star"></i></li>
                                        <li><i className="fas fa-star"></i></li>
                                        <li><i className="fas fa-star-half-alt"></i></li>
                                    </ul>

                                    <h2>What Our Clients Say About Rapha Rehab</h2>
                                </div>
                                <div className="content-box">
                                    <TestimonialSlider1 />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </>
    )
}