"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function ReviewsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="medium"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
            { name: "Reviews", id: "/reviews" }
          ]}
          brandName="Stemple Electric"
          bottomLeftText="Licensed • Insured • Fast Response"
          bottomRightText="(307) 555-ELEC"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen 
          title="Customer Reviews"
          description="Real feedback from homeowners and businesses across Wyoming who trust Stemple Electric"
          textboxLayout="default"
          useInvertedBackground={false}
          showRating={true}
          testimonials={[
            {
              id: "1",
              name: "James Mitchell",
              handle: "@jmitchell_wy",
              testimonial: "Stemple Electric fixed our panel issue in less than a day. Professional, clean work, and they explained everything clearly. Will definitely call them again!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2"
            },
            {
              id: "2",
              name: "Sarah Chen",
              handle: "@sarahc_cheyenne",
              testimonial: "Had them install a new EV charger at our home. The installation was seamless and they were incredibly respectful of our space. Highly recommend!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2"
            },
            {
              id: "3",
              name: "Robert Thompson",
              handle: "@rthompson_laramie",
              testimonial: "We needed emergency lighting repairs during a storm. They responded quickly and the work was solid. Great to have a reliable electrician in Laramie.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg?_wi=2"
            },
            {
              id: "4",
              name: "Michelle Garcia",
              handle: "@mgarcia_casper",
              testimonial: "From the estimate to final walkthrough, everything was transparent and professional. Their upfront pricing meant no surprises. Five stars!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=3"
            },
            {
              id: "5",
              name: "David Lee",
              handle: "@dlee_gillette",
              testimonial: "Installed ceiling fans and new outlets throughout our office. Quick, clean work. They really understand the importance of getting it right.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3"
            },
            {
              id: "6",
              name: "Patricia Williams",
              handle: "@pwilliams_wy",
              testimonial: "After a bad experience with another electrician, Stemple Electric restored my confidence. They're honest, skilled, and actually care about their work.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
            }
          ]}
          animationType="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="satisfaction" data-section="satisfaction">
        <MetricCardTwo 
          title="Customer Satisfaction"
          description="Our commitment to excellence reflected in customer feedback"
          metrics={[
            { id: "1", value: "5.0", description: "Average star rating from customers" },
            { id: "2", value: "100%", description: "Customer satisfaction rate" },
            { id: "3", value: "50+", description: "Happy customers served this year" },
            { id: "4", value: "24hr", description: "Typical response time for estimates" }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="service-promise" data-section="service-promise">
        <SocialProofOne 
          title="Our Service Promise"
          description="The commitments that drive every project we complete"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Licensed & Insured", "Free Estimates", "Clean Workmanship", "Warranty Included", "Transparent Pricing", "Fast Response", "Professional Service", "Code Compliant"]}
          showCard={true}
          speed={30}
        />
      </div>

      <FooterMedia 
        imageSrc="http://img.b2bpic.net/free-vector/electrical-works-horizontal-banners_1284-10214.jpg?_wi=5"
        imageAlt="Modern electrical work and safety"
        logoText="Stemple Electric LLC"
        copyrightText="© 2025 Stemple Electric LLC. All rights reserved."
        columns={[
          {
            title: "Services",
            items: [
              { label: "Panel Upgrades", href: "/services#panel-upgrades" },
              { label: "Lighting Installation", href: "/services#lighting" },
              { label: "EV Chargers", href: "/services#ev-chargers" },
              { label: "Troubleshooting & Repairs", href: "/services#repairs" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Contact", href: "/contact" },
              { label: "Reviews", href: "/reviews" },
              { label: "FAQ", href: "/#faq" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Phone: (307) 555-ELEC", href: "tel:+13075551352" },
              { label: "Email: info@stempleelectric.com", href: "mailto:info@stempleelectric.com" },
              { label: "License & Insurance", href: "#" },
              { label: "Privacy Policy", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}