"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Shield, Phone } from "lucide-react";

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

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={navItems}
          brandName="A-1 Discount Tree & Lawn"
          button={{
            text: "Call Now",
            href: "tel:+1-800-TREE-911",
          }}
        />
      </div>

      <div id="reviews-overview" data-section="reviews-overview">
        <MetricCardSeven
          title="Customer Reviews & Ratings"
          description="Read what our satisfied customers have to say about A-1's professional service, fast response times, and quality workmanship."
          metrics={[
            {
              id: "rating",
              value: "4.8★",
              title: "Average Rating",
              items: [
                "Rated 5 stars for emergency response",
                "Praised for thorough cleanup",
                "Customers appreciate honest pricing",
              ],
            },
            {
              id: "reviews",
              value: "150+",
              title: "Verified Reviews",
              items: [
                "Google Business verified reviews",
                "BBB A+ rated company",
                "Trusted by homeowners & property managers",
              ],
            },
            {
              id: "emergency",
              value: "99%",
              title: "Emergency Response Satisfaction",
              items: [
                "Fast dispatch and arrival",
                "Professional crew behavior",
                "Complete problem resolution same-day",
              ],
            },
            {
              id: "recommend",
              value: "98%",
              title: "Would Recommend",
              items: [
                "Customers refer friends and family",
                "Repeat customers return regularly",
                "Insurance companies recommend us",
              ],
            },
          ]}
          tag="Trust Signals"
          tagIcon={Shield}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="featured-review" data-section="featured-review">
        <TestimonialCardFifteen
          testimonial="Our kitchen was flooded when a tree branch crashed through the roof during a storm. A-1 responded within 25 minutes, secured the damage, and coordinated with our insurance company. They handled everything professionally and kept us informed every step of the way. Outstanding work and fantastic people!"
          rating={5}
          author="Jennifer & Robert Thompson"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/portrait-smiling-redhead-female-resting-outdoor_613910-10360.jpg",
              alt: "Jennifer Thompson",
            },
            {
              src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
              alt: "Robert Thompson",
            },
            {
              src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
              alt: "Karen Wilson",
            },
            {
              src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
              alt: "Paul Anderson",
            },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="more-reviews-cta" data-section="more-reviews-cta">
        <ContactCTA
          tag="Join Our Community"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Impressed by Our Reviews?"
          description="Experience the same professional, reliable service that thousands of homeowners trust. Contact A-1 today for a free estimate or emergency service."
          buttons={[
            {
              text: "Call Now (24/7)",
              href: "tel:+1-800-TREE-911",
            },
            {
              text: "Request Free Estimate",
              href: "#contact-form",
            },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="A-1 Discount Tree & Lawn"
          leftLink={{
            text: "Privacy Policy",
            href: "#privacy",
          }}
          rightLink={{
            text: "Terms of Service",
            href: "#terms",
          }}
        />
      </div>
    </ThemeProvider>
  );
}