import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
import Link from "next/link";
import Image from 'next-image-export-optimizer';
import exportableLoader from 'next-image-export-optimizer';



export default function Testimonial() {
    return (
        <>
            <section className="testimonial-section sec-pad bg-color-1">
                <div className="bg-layer">
                    <Image
                        loader={exportableLoader}
                        src="/assets/images/home/testimonial-left.webp"
                        alt="Physiotherapy at Rapharehab"
                        fill
                        style={{ objectFit: "cover" }}
                    />
                </div>

                <div className="pattern-layer">
                    <Image
                        loader={exportableLoader}
                        src="/assets/images/shape/shape-21.webp"
                        alt="Physiotherapy at Rapharehab"
                        fill
                        style={{ objectFit: "cover" }}
                    />
                </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 className="btn-box mt-3 mb-5">
                                    <Link
                                        href="https://g.page/r/CYOR2OnruwHpEAE/review"
                                        target="_blank"
                                        rel="noopener noreferrer"
                                        className="theme-btn btn-one-new-raw"
                                    >
                                        <span>Review us on Google</span>
                                    </Link>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </>
    )
}