"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import Link from 'next/link';

export default function ReviewsPage() {
  const navItems = [
    { name: 'Home', id: '/' },
    { name: 'Services', id: '/services' },
    { name: 'About', id: '/about' },
    { name: 'Reviews', id: '/reviews' },
    { name: 'Contact', id: '/contact' }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Nick and Sons Plumbing"
          navItems={navItems}
          button={{ text: "Call Now", href: "tel:123-456-7890" }}
          className="py-4 lg:py-6"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Homeowners Don’t Just “Recommend”—They Keep Calling Us Back."
          description="We're proud that customers mention the same things again and again: professionalism, thorough work, strong communication, and integrity."
          testimonials={[
            { id: "1", title: "“Communicative, professional, quality work, priced fairly.”", quote: "The team was incredibly communicative and professional throughout the entire process. The quality of work was exceptional, and it was all priced fairly. Highly recommend!", name: "Sarah Johnson", role: "Homeowner", imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Sarah Johnson" },
            { id: "2", title: "“Shows up, gets the job done… Integrity is 100%.”", quote: "Nick and Sons Plumbing truly delivers. They show up on time, get the job done right, and their integrity is 100%. A plumber you can trust.", name: "Michael Chen", role: "Satisfied Client", imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Michael Chen" },
            { id: "3", title: "“Fixed it in less than 10 minutes and explained the process.”", quote: "I had a persistent leak that was driving me crazy. Nick and Sons came, fixed it in less than 10 minutes, and clearly explained what caused it. Fantastic service!", name: "Emily Rodriguez", role: "Local Resident", imageSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "Emily Rodriguez" },
            { id: "4", title: "“Found a second leak while fixing the first.”", quote: "They truly go above and beyond. While fixing an obvious leak, they proactively found a second, smaller one I hadn't even noticed and fixed that too. Saved me future headaches.", name: "David Kim", role: "Property Owner", imageSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageAlt: "David Kim" },
            { id: "5", title: "“Solved plumbing problems multiple other plumbers could not.”", quote: "I had tried several other plumbers for a complex issue, and Nick and Sons was the only one who could actually solve it. Their expertise is unmatched.", name: "Jessica Lee", role: "Grateful Customer", imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Jessica Lee" }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          testimonialTitleClassName="text-2xl font-semibold leading-tight"
          quoteClassName="mt-4 text-lg text-foreground/80"
          nameClassName="font-bold"
          roleClassName="text-sm text-foreground/70"
        />
      </div>
      
      <div id="reviews-reputation" data-section="reviews-reputation">
        <TextSplitAbout
          title="Our Reputation is Everything"
          description={["We're proud to have earned the trust of homeowners across the area. Reading your reviews reminds us why we're committed to delivering exceptional service on every single call. Your feedback is invaluable and helps us maintain the highest standards of quality and professionalism."]}
          useInvertedBackground={true}
          className="py-20 lg:py-28"
          titleClassName="text-4xl md:text-5xl lg:text-6xl font-extrabold"
          descriptionClassName="text-lg md:text-xl max-w-xl"
        />
      </div>

      <div id="reviews-cta" data-section="reviews-cta">
        <ContactCTA
          tag="Experience 5-Star Service"
          title="Ready to See the Difference?"
          description="Join our community of happy homeowners. Contact us today for reliable, professional plumbing service you can count on."
          buttons={[{ text: "Request an Estimate", href: "/contact" }, { text: "Call Us Now", href: "tel:123-456-7890" }]}
          buttonAnimation="bounce-effect"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
          className="py-20 lg:py-28 text-white"
          titleClassName="text-4xl md:text-5xl lg:text-6xl font-extrabold text-white"
          descriptionClassName="text-lg md:text-xl lg:text-2xl mt-4 text-white/90 max-w-2xl mx-auto"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Nick and Sons Plumbing"
          copyrightText="© 2024 | Nick and Sons Plumbing. All rights reserved."
          className="py-16"
          cardClassName="max-w-7xl mx-auto px-6 lg:px-8 bg-card rounded-xl shadow-lg"
          logoClassName="text-3xl font-bold text-foreground"
          copyrightTextClassName="text-sm text-foreground/70"
        />
      </div>
    </ThemeProvider>
  );
}