"use client";
import Image from "next/image";
import Slider from "react-slick";  // Import Slider component from react-slick
import "slick-carousel/slick/slick.css";  // Import Slick Carousel styles
import "slick-carousel/slick/slick-theme.css"; // Import theme styl

export default function Home() {
  // Slider settings for react-slick
  const sliderSettings = {
    slidesToShow: 1,
    slidesToScroll: 1,
    autoplay: true,
    arrows: false,
    autoplaySpeed: 2000,
  };
  return (
    <section className="testimonial-sec test-pading">
        <div className="container">
            <div className="row justify-content-center">
                <div className="col-xxl-9 col-xl-9 col-lg-10 col-md-11 col-sm-12 col-12">
                    <div className="title" data-aos="fade-up" data-aos-delay="100">
                        <h2>What Our Clients Say</h2>
                        <p>Authors across the USA trust The Book Quill for high-quality writing, editing, and publishing support. Here’s what our clients say about their experience with our team.</p>
                    </div>
                </div>
            </div>
        </div>
        <div className="testimonial">
            <div className="container">
                <div className="row justify-content-center">
                    <div className="col-xxl-10 col-xl-10 col-lg-11 col-md-12 col-sm-12 col-12">

                        <Slider {...sliderSettings} className="testi-slider">
                            <div>
                                <div className="row align-items-center flex-row-reverse">
                                    <div className="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-12">
                                        <div className="content"  data-aos="fade-left" data-aos-delay="150">
                                            <h2>The Best Book Publishing</h2>
                                            <p>The Book Quill transformed my manuscript into a masterpiece. Their team of 
                                            professional experts handled everything from editing to final distribution with 
                                            immense care and precision. I highly recommend their services to any 
                                            aspiring author looking for top-tier publishing quality in the USA. 
                                            Truly a remarkable experience!</p>
                                            <ul>
                                                <li>
                                                    <Image src="/assets/images/star.webp" alt="5 Star Customer Rating" title="Top Rated Service" className="img-fluid" width={19} height={18} />
                                                </li>
                                                <li>
                                                    <Image src="/assets/images/star.webp" alt="Verified Review" title="Excellent Quality" className="img-fluid" width={19} height={18} />
                                                </li>
                                                <li>
                                                    <Image src="/assets/images/star.webp" alt="Author Testimonial Star" title="Trusted by Authors" className="img-fluid" width={19} height={18} />
                                                </li>
                                                <li>
                                                    <Image src="/assets/images/star.webp" alt="Professional Publishing Rating" title="100% Satisfaction" className="img-fluid" width={19} height={18}/>
                                                </li>
                                                <li>
                                                    <Image src="/assets/images/star.webp" alt="The Book Quill Highly Recommended" title="Best Book Writing Agency" className="img-fluid" width={19} height={18} />
                                                </li>
                                            </ul>
                                            <h3>Jay Sferra - Author</h3>
                                            <Image src="/assets/images/trustpilot.webp" alt="Verified Trustpilot Review for Jay Sferra" title="Read Jay Sferra's Full Story" className="img-fluid" width={115} height={28}/>
                                        </div>
                                    </div>
                                    <div className="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
                                        <div className="img-testi" data-aos="fade-right" data-aos-delay="250">
                                            <Image src="/assets/images/testi-img.webp" alt="The Book Quill Trustpilot Rating for Jay Sferra" title="View Jay Sferra's Review on Trustpilot" className="img-fluid" width={216} height={270}/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div className="row align-items-center flex-row-reverse">
                                    <div className="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-12">
                                        <div className="content">
                                            <h2>Trusted Book Publishing Solutions</h2>
                                            <p>Working with The Book Quill was a game-changer for my career. Their 
                                            dedicated publishing team provided seamless guidance from the initial 
                                            draft to the final launch on global platforms. I am impressed by their 
                                            commitment to quality and timely delivery for authors across the USA. 
                                            The best choice for professional writers!</p>
                                            <ul>
                                                <li>
                                                    <Image src="/assets/images/star.webp" alt="5 Star Customer Rating" title="Top Rated Service" className="img-fluid" width={19} height={18} />
                                                </li>
                                                <li>
                                                    <Image src="/assets/images/star.webp" alt="Verified Review" title="Excellent Quality" className="img-fluid" width={19} height={18} />
                                                </li>
                                                <li>
                                                    <Image src="/assets/images/star.webp" alt="Author Testimonial Star" title="Trusted by Authors" className="img-fluid" width={19} height={18} />
                                                </li>
                                                <li>
                                                    <Image src="/assets/images/star.webp" alt="Professional Publishing Rating" title="100% Satisfaction" className="img-fluid" width={19} height={18}/>
                                                </li>
                                                <li>
                                                    <Image src="/assets/images/star.webp" alt="The Book Quill Highly Recommended" title="Best Book Writing Agency" className="img-fluid" width={19} height={18} />
                                                </li>
                                            </ul>
                                            <h3>Sarah Jenkins - Novelist</h3>
                                            <Image src="/assets/images/trustpilot.webp" alt="Verified Trustpilot Review for Sarah Jenkins" title="Read Sarah's Full Story" className="img-fluid" width={115} height={28} />
                                        </div>
                                    </div>
                                    <div className="col-xl-3 col-lg-3 col-md-3 col-sm-12 col-12">
                                        <div className="img-testi">
                                            <Image src="/assets/images/testi-img.webp" alt="Sarah Jenkins - Satisfied Author Review" title="Success Story of Our Published Author" className="img-fluid"  width={216} height={270}/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </Slider>

                    </div>
                </div>
            </div>
        </div>
    </section>
  );
}
