"use client";

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

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

  const footerColumns = [
    {
      title: "Company",
      items: [
        { label: "Home", href: "/" },
        { label: "About", href: "/about" },
        { label: "Services", href: "/services" },
        { label: "Reviews", href: "/reviews" },
      ],
    },
    {
      title: "Services",
      items: [
        { label: "Business Strategy", href: "/services" },
        { label: "Marketing Plans", href: "/services" },
        { label: "Website Design", href: "/services" },
        { label: "Growth Advisory", href: "/services" },
      ],
    },
    {
      title: "Contact",
      items: [
        { label: "Schedule Call", href: "/contact" },
        { label: "Email: john@mooseconsulting.com", href: "mailto:john@mooseconsulting.com" },
        { label: "Phone: (555) 123-4567", href: "tel:+15551234567" },
        { label: "Red Bank, NJ 07701", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="noise"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="The Moose Consulting"
          navItems={navItems}
          button={{
            text: "Schedule Consultation",
            href: "/contact",
          }}
        />
      </div>

      <div id="featured-review" data-section="featured-review">
        <TestimonialCardFifteen
          testimonial="John is incredibly knowledgeable in all forms of business and marketing. He took our struggling marketing efforts and turned them into a lead-generation machine. We couldn't recommend him more highly."
          rating={5}
          author="Sarah Johnson, Contractor Owner"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Johnson" },
            { src: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", alt: "Michael Chen" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Emily Rodriguez" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "David Kim" },
            { src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", alt: "Jessica Martinez" },
            { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Robert Thompson" },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="review-metrics" data-section="review-metrics">
        <MetricCardSeven
          title="What Our Clients Say"
          description="Real results and feedback from businesses we've worked with across Red Bank and Monmouth County."
          tag="Reviews & Testimonials"
          tagIcon={Zap}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",
              value: "4.9★",
              title: "Average Rating Across All Reviews",
              items: ["6+ verified testimonials", "100% would refer us", "Consistent 5-star feedback"],
            },
            {
              id: "2",
              value: "92%",
              title: "Lead Generation Improvement",
              items: ["Average increase within 6 months", "Sustainable long-term growth", "Quantifiable ROI for clients"],
            },
            {
              id: "3",
              value: "95%",
              title: "Client Retention & Referral Rate",
              items: ["Repeat engagements", "Referral-based growth", "Long-term partnerships"],
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="reviews-cta" data-section="reviews-cta">
        <ContactCTA
          tag="Join Our Success Stories"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Become Your Next Success Story"
          description="See how The Moose Consulting can transform your business. Schedule a free strategy session and discover the specific opportunities and strategies that will accelerate your growth."
          buttons={[
            { text: "Schedule Consultation", href: "mailto:john@mooseconsulting.com?subject=Review%20Inquiry" },
            { text: "Call (555) 123-4567", href: "tel:+15551234567" },
          ]}
          buttonAnimation="blur-reveal"
          background={{ variant: "noise" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="The Moose Consulting"
          copyrightText="© 2025 The Moose Consulting. All rights reserved."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
}