"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Award, CheckCircle, Star, ThumbsUp } from "lucide-react";

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

  const reviewsNavItems = navItems.map((item) => ({
    name: item.name,
    id: item.id,
  }));

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="Infinity Dental" navItems={reviewsNavItems} />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Patients Say"
          description="Real experiences from our satisfied patients who trust Infinity Dental for their smile."
          testimonials={[
            {
              id: "1",
              name: "Priya Sharma",
              handle: "@priyasharma",
              testimonial:
                "Painless implant experience! Dr. Anmol is very professional and made me feel comfortable. The clinic is extremely hygienic and the staff is friendly. Highly recommended!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg",
              imageAlt: "woman professional headshot portrait",
            },
            {
              id: "2",
              name: "Rajesh Patel",
              handle: "@rajeshp",
              testimonial:
                "Best dental clinic in Indore. My root canal treatment was completed in just one session without any pain. Advanced equipment and expert doctors. Worth every penny!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiley-handsome-man-posing_23-2148911842.jpg",
              imageAlt: "man professional headshot portrait",
            },
            {
              id: "3",
              name: "Anjali Verma",
              handle: "@anjali_v",
              testimonial:
                "Got clear aligners done here and the results are amazing. The staff explained everything clearly and the treatment was smooth. Very happy with the transformation!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dressed-formally-office_273609-4635.jpg",
              imageAlt: "woman professional headshot smile portrait",
            },
            {
              id: "4",
              name: "Vikas Kumar",
              handle: "@vikaskumar",
              testimonial:
                "Emergency treatment done without appointment. Dr. Anmol handled my severe toothache with utmost care. Very impressed with the quick and effective solution!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/businessman-leaning-wall-smiling_1139-654.jpg",
              imageAlt: "man professional headshot confident portrait",
            },
            {
              id: "5",
              name: "Divya Singh",
              handle: "@divyasingh",
              testimonial:
                "My family visits Infinity Dental regularly. The hygiene standards are impeccable and the doctors are very welcoming. Best dental experience ever!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-red-haired-businesswoman-wearing-formal-suit-standing-with-arms-folded-smiling_74855-10034.jpg",
              imageAlt: "woman professional portrait smiling headshot",
            },
            {
              id: "6",
              name: "Arun Gupta",
              handle: "@arungupta",
              testimonial:
                "Teeth whitening treatment gave me a bright, confident smile. The entire process was comfortable and the results exceeded expectations. Excellent service!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg",
              imageAlt: "man professional portrait smiling headshot",
            },
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Patient testimonials section"
        />
      </div>

      <div id="trust-metrics" data-section="trust-metrics">
        <MetricCardThree
          title="Award-Winning Patient Satisfaction"
          description="Our consistent commitment to excellence is reflected in our outstanding patient satisfaction metrics and industry recognition."
          tag="Our Achievement"
          tagIcon={Award}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "rating",
              icon: Star,
              title: "Patient Rating",
              value: "4.9★",
            },
            {
              id: "reviews",
              icon: ThumbsUp,
              title: "Patient Reviews",
              value: "461+",
            },
            {
              id: "experience",
              icon: Award,
              title: "Years Experience",
              value: "15+",
            },
            {
              id: "treatments",
              icon: CheckCircle,
              title: "Successful Treatments",
              value: "8000+",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Patient satisfaction metrics"
        />
      </div>

      <div id="appointment-cta" data-section="appointment-cta">
        <ContactText
          text="Ready for Your Best Smile? Limited appointment slots available this week. Book now and get a complimentary smile consultation!"
          animationType="entrance-slide"
          buttons={[
            {
              text: "Call Now: +91-9876543210",
              href: "tel:+919876543210",
            },
            {
              text: "WhatsApp Us",
              href: "https://wa.me/919876543210",
            },
            {
              text: "Book Online",
              href: "#appointment",
            },
          ]}
          background={{
            variant: "gradient-bars",
          }}
          useInvertedBackground={false}
          ariaLabel="Call to action for appointment booking"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Infinity Dental"
          leftLink={{
            text: "Privacy Policy",
            href: "#",
          }}
          rightLink={{
            text: "Contact Us",
            href: "/contact",
          }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
};

export default ReviewsPage;