"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Heart, Phone, Mail, MapPin } from "lucide-react";

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

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Dynamite Plumbing"
          navItems={navItems}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            { id: "1", name: "John Martinez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "John Martinez" },
            { id: "2", name: "Sarah Thompson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=4", imageAlt: "Sarah Thompson" },
            { id: "3", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "Michael Chen" },
            { id: "4", name: "Lisa Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=5", imageAlt: "Lisa Rodriguez" },
            { id: "5", name: "David Wilson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6", imageAlt: "David Wilson" },
            { id: "6", name: "Jennifer Lee", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=6", imageAlt: "Jennifer Lee" },
          ]}
          cardTitle="Trusted by hundreds of satisfied customers across Hunt County"
          cardTag="Real Reviews from Real Customers"
          cardTagIcon={Heart}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="review-metrics" data-section="review-metrics">
        <MetricCardTwo
          title="5-Star Service Excellence"
          description="Our customers speak for themselves with consistently outstanding ratings and feedback"
          tag="Customer Satisfaction"
          tagAnimation="slide-up"
          metrics={[
            { id: "1", value: "5.0★", description: "Average Rating" },
            { id: "2", value: "29", description: "Verified Reviews" },
            { id: "3", value: "98%", description: "Satisfaction Rate" },
            { id: "4", value: "1000+", description: "Happy Customers" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Dynamite Plumbing"
          copyrightText="© 2025 Dynamite Plumbing of Texas. All rights reserved."
          socialLinks={[
            { icon: Phone, href: "tel:469-410-2657", ariaLabel: "Call us" },
            { icon: Mail, href: "mailto:contact@dynamiteplumbing.com", ariaLabel: "Email us" },
            { icon: MapPin, href: "#", ariaLabel: "Visit us" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}