"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";

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

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmall"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Jennifer A. Sylvia, D.M.D."
          navItems={navItems}
          button={{
            text: "Book Appointment",
            href: "#contact",
          }}
        />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero">
        <div className="mx-auto px-4 md:px-6">
          <HeroSplitKpi
            title="Your Trusted Dentist in West Harrison"
            description="Experience compassionate, attentive dental care in a comfortable, welcoming environment. Dr. Jennifer A. Sylvia and her friendly staff are dedicated to your smile and overall oral health. From routine cleanings to cosmetic dentistry, we provide gentle, professional care for the entire family."
            background={{ variant: "plain" }}
            kpis={[
              { value: "4.3★", label: "Patient Rating" },
              { value: "17+", label: "Reviews" },
              { value: "15+", label: "Years Experience" },
            ]}
            enableKpiAnimation={true}
            buttons={[
              { text: "Book Appointment", href: "#contact" },
              { text: "Call Now", href: "tel:(914)948-0406" },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/female-dentist-treats-patients-teeth-stomatologist-working-with-professional-equipment_169016-67020.jpg"
            imageAlt="Modern dental office with bright, welcoming environment"
            mediaAnimation="slide-up"
            imagePosition="right"
          />
        </div>
      </div>

      {/* About Section */}
      <div id="about" data-section="about">
        <div className="mx-auto px-4 md:px-6">
          <InlineImageSplitTextAbout
            heading={[
              {
                type: "text",
                content: "About Dr. Jennifer A. Sylvia",
              },
              {
                type: "text",
                content: "With over 15 years of experience in dentistry, Dr. Jennifer A. Sylvia is committed to providing personalized, compassionate care to every patient. She believes in taking the time to listen to her patients' concerns and creating individualized treatment plans that prioritize comfort and results.\n\nDr. Sylvia maintains the highest standards of clinical excellence while creating a relaxed, welcoming atmosphere. Her friendly staff shares her commitment to patient care, ensuring every visit feels like visiting a friend rather than undergoing a medical procedure.\n\nAt our practice, we believe preventive care is the foundation of a healthy smile. We work closely with each patient to develop sustainable oral health habits that lead to lifelong dental wellness.",
              },
            ]}
            useInvertedBackground={false}
            buttons={[
              { text: "Schedule Consultation", href: "#contact" },
            ]}
          />
        </div>
      </div>

      {/* Services Section */}
      <div id="services" data-section="services">
        <div className="mx-auto px-4 md:px-6">
          <FeatureCardOne
            title="Comprehensive Dental Services"
            description="We offer a full range of dental services to meet your entire family's oral health needs. From preventive care to cosmetic enhancements, our practice is equipped to provide professional, gentle treatment."
            features={[
              {
                title: "General Dentistry",
                description: "Routine exams, cleanings, and preventive care to maintain your healthy smile.",
                imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg",
                imageAlt: "General dental checkup and examination",
              },
              {
                title: "Professional Cleanings",
                description: "Thorough, gentle cleanings that remove plaque and tartar while protecting your gums.",
                imageSrc: "http://img.b2bpic.net/free-photo/dentist-checking-patient-mounth-care_23-2149195924.jpg",
                imageAlt: "Professional dental cleaning procedure",
              },
              {
                title: "Teeth Whitening",
                description: "Professional teeth whitening treatments for a brighter, more confident smile.",
                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-28567.jpg",
                imageAlt: "Cosmetic teeth whitening treatment",
              },
              {
                title: "Preventive Care",
                description: "Personalized prevention strategies and patient education for long-term oral health.",
                imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23918.jpg",
                imageAlt: "Preventive dental care consultation",
              },
            ]}
            gridVariant="two-columns-alternating-heights"
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>
      </div>

      {/* Testimonials Section */}
      <div id="testimonials" data-section="testimonials">
        <div className="mx-auto px-4 md:px-6">
          <TestimonialCardThirteen
            title="What Our Patients Say"
            description="Our patients trust us with their smiles and consistently praise our attentive care, comfortable environment, and professional expertise."
            testimonials={[
              {
                id: "1",
                name: "Sarah Johnson",
                handle: "Verified Patient",
                testimonial: "Hands down the best dentist and dental experience I've EVER had. Dr. Sylvia and her team made me feel completely comfortable and cared for.",
                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-smiling-sincerely-young-natural-looking-lady-student-age-wearing-blue-cotton-shirt_285396-4376.jpg",
                imageAlt: "Sarah Johnson testimonial",
              },
              {
                id: "2",
                name: "Michael Chen",
                handle: "Verified Patient",
                testimonial: "Dr. Sylvia, Jason and staff were very attentive and reassuring! They answered all my questions and made the entire process painless.",
                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5370.jpg",
                imageAlt: "Michael Chen testimonial",
              },
              {
                id: "3",
                name: "Emily Rodriguez",
                handle: "Verified Patient",
                testimonial: "The best cleaning I ever had—thorough and gentle. The staff is incredibly friendly and professional. Highly recommended!",
                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-woman-with-crossed-arms_231208-5817.jpg",
                imageAlt: "Emily Rodriguez testimonial",
              },
              {
                id: "4",
                name: "David Kim",
                handle: "Verified Patient",
                testimonial: "Finally found a dentist who listens and cares. Dr. Sylvia's attention to detail and compassionate approach made all the difference for my family.",
                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
                imageAlt: "David Kim testimonial",
              },
            ]}
            showRating={true}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>
      </div>

      {/* Metrics Section */}
      <div id="metrics" data-section="metrics">
        <div className="mx-auto px-4 md:px-6">
          <MetricCardTen
            title="Practice Excellence"
            description="Our commitment to quality care is reflected in our patient satisfaction and years of experience."
            metrics={[
              {
                id: "1",
                title: "4.3",
                subtitle: "Stars",
                category: "Patient Rating",
                value: "from 17 Reviews",
              },
              {
                id: "2",
                title: "15+",
                subtitle: "Years",
                category: "Professional Experience",
                value: "Dr. Sylvia's Expertise",
              },
              {
                id: "3",
                title: "100%",
                subtitle: "Commitment",
                category: "Patient Satisfaction",
                value: "Compassionate Care Focus",
              },
            ]}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>
      </div>

      {/* FAQ Section */}
      <div id="faq" data-section="faq">
        <div className="mx-auto px-4 md:px-6">
          <FaqSplitMedia
            title="Frequently Asked Questions"
            description="Get answers to common questions about our practice, services, and what to expect during your visit."
            faqs={[
              {
                id: "1",
                title: "What are your office hours?",
                content: "We're open daily and close at 6 PM to accommodate your schedule. Contact us for specific hours and to schedule your appointment.",
              },
              {
                id: "2",
                title: "How can I book an appointment?",
                content: "You can book online through our website, call us at (914) 948-0406, or visit our office at 282 Columbus Ave, West Harrison, NY 10604.",
              },
              {
                id: "3",
                title: "Is the office family-friendly?",
                content: "Absolutely! We welcome patients of all ages and create a comfortable, welcoming environment for the entire family.",
              },
              {
                id: "4",
                title: "Do you offer emergency dental services?",
                content: "For emergency dental situations, please call us immediately at (914) 948-0406. We do our best to accommodate urgent care needs.",
              },
              {
                id: "5",
                title: "What payment methods do you accept?",
                content: "We accept most major insurance plans and offer flexible payment options. Please call us to discuss your specific coverage.",
              },
              {
                id: "6",
                title: "Is the first consultation free?",
                content: "We offer comprehensive initial consultations. Contact us to learn about our consultation options and fees.",
              },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/doctor-talks-patient-hospital-room_482257-62916.jpg"
            imageAlt="Welcoming dental office consultation room"
            mediaAnimation="slide-up"
            mediaPosition="right"
            faqsAnimation="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>
      </div>

      {/* Contact Section */}
      <div id="contact" data-section="contact">
        <div className="mx-auto px-4 md:px-6">
          <ContactSplitForm
            title="Contact & Appointment Request"
            description="Ready to experience exceptional dental care? Reach out to us today to schedule your appointment or ask any questions."
            inputs={[
              {
                name: "fullName",
                type: "text",
                placeholder: "Your Full Name",
                required: true,
              },
              {
                name: "email",
                type: "email",
                placeholder: "Your Email Address",
                required: true,
              },
              {
                name: "phone",
                type: "tel",
                placeholder: "(914) 948-0406",
                required: true,
              },
              {
                name: "preferredDate",
                type: "date",
                placeholder: "Preferred Appointment Date",
                required: false,
              },
            ]}
            textarea={{
              name: "message",
              placeholder: "Tell us about your dental needs or any specific concerns...",
              rows: 4,
              required: false,
            }}
            useInvertedBackground={false}
            mediaAnimation="slide-up"
            mediaPosition="right"
            buttonText="Request Appointment"
          />
        </div>
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Jennifer A. Sylvia, D.M.D."
          copyrightText="© 2025 Jennifer A. Sylvia, D.M.D. | 282 Columbus Ave, West Harrison, NY 10604 | (914) 948-0406"
        />
      </div>
    </ThemeProvider>
  );
}