import { FreeMode, Navigation, Pagination } from "swiper";
import { Swiper, SwiperSlide } from "swiper/react";
import Link from "next/link";
import Testimonial1 from "../../../public/assets/imgs/testimonial/4/testimonial-logo1.jpg";
import Testimonial2 from "../../../public/assets/imgs/testimonial/4/testimonial-logo2.jpg";
import Testimonial3 from "../../../public/assets/imgs/testimonial/4/testimonial-logo3.jpg";
import Testimonial4 from "../../../public/assets/imgs/testimonial/4/testimonial-logo4.jpg";
import Testimonial5 from "../../../public/assets/imgs/testimonial/4/testimonial-logo5.jpg";
import Testimonial6 from "../../../public/assets/imgs/testimonial/4/testimonial-logo6.jpg";
import Testimonial7 from "../../../public/assets/imgs/testimonial/4/testimonial-logo7.jpg";

// Import Swiper styles
import "swiper/css";
import "swiper/css/free-mode";
import "swiper/css/navigation";
import "swiper/css/pagination";
import Image from "next/image";

const StartupAgencyTestimonial = () => {
  return (
    <div></div>
    // <>
    //   <section className="testimonial__area-4 ">
    //     <div className="container g-0 line_4">
    //       <div className="line-col-4">
    //         <div></div>
    //         <div></div>
    //         <div></div>
    //         <div></div>
    //       </div>

    //       <div className="row">
    //         <div className="col-xxl-12">
    //           <div className="testimonial__sec-title text-anim">
    //             <h2 className="sec-subtile-6">Testimonials</h2>
    //             <h3 className="sec-title-6 title-anim">Why SyncROI?</h3>
    //             <p>
    //               See why professionals like you recommend SyncROI
    //             </p>
    //           </div>
    //         </div>
    //         <div className="testimonial__slider-4">
    //           <Swiper
    //             modules={[FreeMode, Navigation, Pagination]}
    //             spaceBetween={20}
    //             slidesPerView={3}
    //             freeMode={true}
    //             loop={true}
    //             speed={2000}
    //             navigation={{
    //               prevEl: ".next-button",
    //               nextEl: ".prev-button",
    //             }}
    //             breakpoints={{
    //               0: {
    //                 slidesPerView: 1,
    //               },
    //               768: {
    //                 slidesPerView: 2,
    //               },
    //               1024: {
    //                 slidesPerView: 3,
    //               },
    //             }}
    //             pagination={{
    //               el: ".pagination",
    //               type: "custom",
    //             }}
    //             className="swiper testimonial__slider-4"
    //           >
    //             <div className="swiper-wrapper">
    //               <SwiperSlide>
    //                 <div className="testimonial__slide-4">
    //                   <Image
    //                     priority
    //                     width={85}
    //                     height={85}
    //                     className="testimonial__img-4"
    //                     src={Testimonial1}
    //                     alt="Testimonial Image"
    //                   />
    //                   <div className="testimonial__info-4">
    //                     <h4 className="testimonial__feedback-4">
    //                       Company Website
    //                     </h4>
    //                     <p>
    //                       I’m extremely satisfied with the service provided by SyncROI. My website was launched in a very short time, and the developers have been consistently helpful with any updates and maintenance.
    //                       Highly recommend for anyone looking for efficient and reliable web development support!
    //                     </p>
    //                     <h5 className="testimonial__name-4">
    //                       Shaden Hilaly
    //                     </h5>
    //                     <h6 className="testimonial__role-4">
    //                       Marketing Manager,&nbsp;
    //                       <Link href="https://brandoptions.ae/"
    //                         target="#"
    //                         style={{ color: "#4a696f", textDecoration: "underline" }}>
    //                         Brand Options - UAE & KSA{" "}
    //                       </Link>
    //                     </h6>
    //                   </div>
    //                 </div>
    //               </SwiperSlide>
    //               <SwiperSlide>
    //                 <div className="testimonial__slide-4">
    //                   <Image
    //                     priority
    //                     width={85}
    //                     height={85}
    //                     className="testimonial__img-4"
    //                     src={Testimonial2}
    //                     alt="Testimonial Image"
    //                   />
    //                   <div className="testimonial__info-4">
    //                     <h4 className="testimonial__feedback-4">Company Website</h4>
    //                     <p>
    //                       We are highly satisfied with the professional service provided by SyncROI in developing our website. Their expertise, attention to detail, and commitment to delivering a high-quality product have greatly contributed to the success of our online presence. We highly recommend their services to any organization looking for a reliable and skilled web development partner.
    //                     </p>
    //                     <h5 className="testimonial__name-4">Hady Hashish</h5>
    //                     <h6 className="testimonial__role-4">CMO,&nbsp;
    //                       <Link href="https://masar.med.sa/"
    //                         target="#"
    //                         style={{ color: "#4a696f", textDecoration: "underline" }}>
    //                         Masar Center - KSA{" "}
    //                       </Link>
    //                     </h6>
    //                   </div>
    //                 </div>
    //               </SwiperSlide>
    //               <SwiperSlide>
    //                 <div className="testimonial__slide-4">
    //                   <Image
    //                     priority
    //                     width={85}
    //                     height={85}
    //                     className="testimonial__img-4"
    //                     src={Testimonial3}
    //                     alt="Testimonial Image"
    //                   />
    //                   <div className="testimonial__info-4">
    //                     <h4 className="testimonial__feedback-4">
    //                       E-Commerce Website
    //                     </h4>
    //                     <p>
    //                       Partnering with SyncROI for our e-commerce platform development was a seamless experience. Their professional approach, technical proficiency, and dedication to delivering a high-quality website have significantly enhanced our online business operations. We are impressed with the results and highly recommend their services for any e-commerce project.
    //                     </p>
    //                     <h5 className="testimonial__name-4">Hala El-Malky</h5>
    //                     <h6 className="testimonial__role-4">
    //                       Founder,&nbsp;
    //                       <Link href="https://nobilita.homes/"
    //                         target="#"
    //                         style={{ color: "#4a696f", textDecoration: "underline" }}>
    //                         nobilità - EG{" "}
    //                       </Link>
    //                     </h6>
    //                   </div>
    //                 </div>
    //               </SwiperSlide>
    //               <SwiperSlide>
    //                 <div className="testimonial__slide-4">
    //                   <Image
    //                     priority
    //                     width={85}
    //                     height={85}
    //                     className="testimonial__img-4"
    //                     src={Testimonial4}
    //                     alt="Testimonial Image"
    //                   />
    //                   <div className="testimonial__info-4">
    //                     <h4 className="testimonial__feedback-4">
    //                       Technical SEO
    //                     </h4>
    //                     <p>
    //                       SyncROI has been a crucial technical partner for our SEO projects. Their expertise in technical SEO has greatly enhanced our clients’ website performance and search engine rankings. Their reliable and efficient service has consistently met our high standards. We highly recommend SyncROI for their technical excellence in web development.
    //                     </p>
    //                     <h5 className="testimonial__name-4">
    //                       Dean Thornton
    //                     </h5>
    //                     <h6 className="testimonial__role-4">
    //                       Head of Client Accounts,&nbsp;
    //                       <Link href="https://www.unitedseo.ae/"
    //                         target="#"
    //                         style={{ color: "#4a696f", textDecoration: "underline" }}>
    //                         USEO - UAE{" "}
    //                       </Link>
    //                     </h6>
    //                   </div>
    //                 </div>
    //               </SwiperSlide>
    //               <SwiperSlide>
    //                 <div className="testimonial__slide-4">
    //                   <Image
    //                     priority
    //                     width={85}
    //                     height={85}
    //                     className="testimonial__img-4"
    //                     src={Testimonial5}
    //                     alt="Testimonial Image"
    //                   />
    //                   <div className="testimonial__info-4">
    //                     <h4 className="testimonial__feedback-4">Company Website</h4>
    //                     <p>
    //                       Our collaboration with SyncROI has been transformative. They combined creativity with technical skill to deliver a website that exceeds our expectations. Their innovative approach and professionalism set them apart. We highly recommend SyncROI for their exceptional web development services.
    //                     </p>
    //                     <h5 className="testimonial__name-4">Yara Akram</h5>
    //                     <h6 className="testimonial__role-4">CEO,&nbsp;
    //                       <Link href="https://www.bonobos.agency/"
    //                         target="#"
    //                         style={{ color: "#4a696f", textDecoration: "underline" }}>
    //                         Bonobos Ad Agency - EG
    //                       </Link>
    //                     </h6>
    //                   </div>
    //                 </div>
    //               </SwiperSlide>
    //               <SwiperSlide>
    //                 <div className="testimonial__slide-4">
    //                   <Image
    //                     priority
    //                     width={85}
    //                     height={85}
    //                     className="testimonial__img-4"
    //                     src={Testimonial7}
    //                     alt="Testimonial Image"
    //                   />
    //                   <div className="testimonial__info-4">
    //                     <h4 className="testimonial__feedback-4">Learning Management System</h4>
    //                     <p>
    //                       SyncROI built a great platform for us. It’s fast, user-friendly, and supports our diverse range of courses perfectly. Simple, effective, and exactly what we needed.
    //                     </p>
    //                     <h5 className="testimonial__name-4">Amr Hussein</h5>
    //                     <h6 className="testimonial__role-4">Co-Founder,&nbsp;
    //                       <Link href="https://www.instalearn.school/"
    //                         target="#"
    //                         style={{ color: "#4a696f", textDecoration: "underline" }}>
    //                         instalearn School - EG
    //                       </Link>
    //                     </h6>
    //                   </div>
    //                 </div>
    //               </SwiperSlide>
    //               <SwiperSlide>
    //                 <div className="testimonial__slide-4">
    //                   <Image
    //                     priority
    //                     width={85}
    //                     height={85}
    //                     className="testimonial__img-4"
    //                     src={Testimonial6}
    //                     alt="Testimonial Image"
    //                   />
    //                   <div className="testimonial__info-4">
    //                     <h4 className="testimonial__feedback-4">
    //                       Branding
    //                     </h4>
    //                     <p>
    //                       Thanks to SyncROI, our brand identity has reached new heights. Their creative vision and strategic approach have made a noticeable difference in how we connect with our audience. We’re truly impressed by the results they’ve achieved.
    //                     </p>
    //                     <h5 className="testimonial__name-4">Hamood Al-Azri</h5>
    //                     <h6 className="testimonial__role-4">
    //                       Founder,&nbsp;
    //                       <Link href="https://www.instagram.com/cometooman/"
    //                         target="#"
    //                         style={{ color: "#4a696f", textDecoration: "underline" }}>
    //                         Oman Visitors - OM
    //                       </Link>
    //                     </h6>
    //                   </div>
    //                 </div>
    //               </SwiperSlide>
    //             </div>
    //             <div className="testimonial__btn-4">
    //               <div
    //                 style={{ cursor: "pointer" }}
    //                 className="next-button swipper-btn"
    //               >
    //                 <i className="fa-solid fa-arrow-left"></i>
    //               </div>
    //               <div
    //                 style={{ cursor: "pointer" }}
    //                 className="prev-button swipper-btn"
    //               >
    //                 <i className="fa-solid fa-arrow-right"></i>
    //               </div>
    //               <div className="pagination testimonial__pagination-4">
    //                 <div className="pag"></div>
    //               </div>
    //             </div>
    //           </Swiper>
    //         </div>
    //       </div>
    //     </div>
    //   </section>
    // </>
  );
};

export default StartupAgencyTestimonial;