"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Award, Calendar, CheckCircle, DollarSign, Heart, Shield, Smile, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          brandName="Smile Dental"
          bottomLeftText="Open 8am - 6pm"
          bottomRightText="(555) 123-4567"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="SMILE"
          description="Healthy smiles start here—trusted dental care"
          buttons={[
            { text: "Schedule Your Visit", href: "contact" },
            { text: "Learn More", href: "services" },
          ]}
          slides={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg",              imageAlt: "Modern dental office waiting area"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg",              imageAlt: "Happy patient with bright smile"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-girl-thinks_93675-133075.jpg",              imageAlt: "Cosmetic dentistry results"},
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Our Practice"
          description={[
            "Welcome to Smile Dental, where patient comfort and exceptional care are our top priorities. For over 15 years, we've been serving our community with personalized dental solutions tailored to each patient's unique needs and goals.",            "Our experienced team combines cutting-edge technology with a compassionate approach to make every visit a positive experience. Whether you're seeking routine maintenance, cosmetic enhancements, or specialized treatments, we're committed to helping you achieve and maintain a healthy, beautiful smile."]}
          buttons={[{ text: "Book Consultation", href: "contact" }]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureBorderGlow
          title="Our Services"
          description="Comprehensive dental care from routine cleanings to specialized cosmetic and restorative treatments"
          tag="Services"
          tagIcon={Smile}
          features={[
            {
              icon: Sparkles,
              title: "Routine Cleanings",              description: "Professional cleanings and preventative care to maintain optimal oral health"},
            {
              icon: Zap,
              title: "Cosmetic Dentistry",              description: "Teeth whitening, veneers, and smile design to enhance your appearance"},
            {
              icon: Shield,
              title: "Emergency Care",              description: "Prompt, compassionate treatment for dental emergencies and urgent concerns"},
            {
              icon: Heart,
              title: "Pediatric Dentistry",              description: "Specialized care for children in a friendly, anxiety-free environment"},
            {
              icon: CheckCircle,
              title: "Orthodontics",              description: "Modern braces and aligners for straighter, healthier teeth"},
            {
              icon: Award,
              title: "Restorative Care",              description: "Crowns, bridges, and implants to restore function and appearance"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Transparent Pricing"
          description="Quality dental care designed for every budget with flexible payment options"
          tag="Pricing"
          tagIcon={DollarSign}
          plans={[
            {
              id: "basic",              title: "Basic Care",              price: "$150",              period: "per visit",              imageSrc: "http://img.b2bpic.net/free-photo/dentist-is-preparing-reception-doctor-with-syringe-woman-rubber-gloves_1157-40938.jpg",              imageAlt: "Routine dental cleaning",              button: { text: "Schedule Now", href: "contact" },
              features: [
                "Professional dental examination",                "Plaque and tartar removal",                "Fluoride treatment",                "Cleaning and polishing"],
            },
            {
              id: "cosmetic",              title: "Cosmetic Solutions",              price: "$400",              period: "per treatment",              imageSrc: "http://img.b2bpic.net/free-photo/patient-dentist_624325-1625.jpg",              imageAlt: "Cosmetic dentistry treatment",              button: { text: "Schedule Now", href: "contact" },
              features: [
                "Teeth whitening professional",                "Composite bonding",                "Custom treatment plan",                "Follow-up consultation"],
            },
            {
              id: "emergency",              title: "Emergency Care",              price: "$250",              period: "per visit",              imageSrc: "http://img.b2bpic.net/free-photo/medical-nurse-examining-patient-paing-writing-dental-problem-clipboard-while-sitting-dental-hospital-office_482257-4882.jpg",              imageAlt: "Emergency dental care",              button: { text: "Call Now", href: "contact" },
              features: [
                "Same-day appointments available",                "Pain relief and assessment",                "Temporary or permanent solutions",                "Follow-up care plan"],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Why Patients Trust Us"
          description="Proven track record of exceptional dental care and patient satisfaction"
          tag="Achievements"
          tagIcon={Award}
          metrics={[
            { id: "1", value: "15+", description: "Years of Trusted Service" },
            { id: "2", value: "8,500+", description: "Happy Patients" },
            { id: "3", value: "98%", description: "Patient Satisfaction" },
            { id: "4", value: "24/7", description: "Emergency Support" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Patient Success Stories"
          description="Real testimonials from patients who've transformed their smiles"
          tag="Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "Patient since 2019",              testimonial: "Dr. Smith and his team made me feel completely comfortable during my cosmetic treatment. The results exceeded my expectations and my smile has never been better!",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",              imageAlt: "Sarah Johnson"},
            {
              id: "2",              name: "Michael Chen",              handle: "Regular Patient",              testimonial: "I've been coming here for 5 years and the level of care is unmatched. The staff is always friendly and professional, and they genuinely care about your dental health.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Michael Chen"},
            {
              id: "3",              name: "Emily Rodriguez",              handle: "Emergency Patient",              testimonial: "I had a terrible toothache and they fit me in same-day. The pain relief was immediate and the treatment was painless. Highly recommend for emergencies!",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg?_wi=1",              imageAlt: "Emily Rodriguez"},
            {
              id: "4",              name: "David Kim",              handle: "Parent",              testimonial: "My kids actually look forward to their dental visits here. Dr. Smith's gentle approach and the welcoming office make dental care stress-free for the whole family.",              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",              imageAlt: "David Kim"},
            {
              id: "5",              name: "Jessica Martinez",              handle: "Orthodontic Patient",              testimonial: "The orthodontic treatment transformed my smile completely. The team was supportive throughout the entire process and the results are amazing.",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",              imageAlt: "Jessica Martinez"},
            {
              id: "6",              name: "Robert Thompson",              handle: "Patient",              testimonial: "Professional, knowledgeable, and caring. This is truly the best dental practice in the area. I've already recommended them to all my friends.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg?_wi=2",              imageAlt: "Robert Thompson"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={50}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Schedule Your Appointment"
          ctaDescription="Get started with your personalized dental care plan. Book online or call us today for convenient scheduling."
          ctaButton={{ text: "Book Online Now", href: "https://example.com/booking" }}
          ctaIcon={Calendar}
          faqs={[
            {
              id: "1",              title: "What should I expect during my first visit?",              content: "Your first visit includes a comprehensive examination, digital X-rays, and a consultation about your dental health goals. We'll discuss any concerns and create a personalized treatment plan tailored to your needs."},
            {
              id: "2",              title: "Do you accept dental insurance?",              content: "Yes, we accept most major dental insurance plans. Our staff can help verify your coverage and explain your benefits. We also offer flexible payment plans for uninsured patients."},
            {
              id: "3",              title: "How often should I visit for cleanings?",              content: "We recommend routine cleanings and exams every 6 months for most patients. However, patients with gum disease or other concerns may need more frequent visits. We'll customize a schedule based on your individual needs."},
            {
              id: "4",              title: "Are your services suitable for anxious patients?",              content: "Absolutely. We specialize in caring for anxious patients with a compassionate, gentle approach. We offer sedation options and always take time to explain procedures. Your comfort is our priority."},
            {
              id: "5",              title: "What cosmetic treatments do you offer?",              content: "We offer professional teeth whitening, composite bonding, veneers, and smile design consultations. Schedule a consultation to discuss which treatment is best for your goals."},
            {
              id: "6",              title: "Do you treat dental emergencies?",              content: "Yes, we prioritize emergency appointments and offer same-day care when possible. Call us immediately for urgent dental issues. We're available 24/7 for emergencies."},
          ]}
          animationType="slide-up"
          accordionAnimationType="smooth"
          useInvertedBackground={true}
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Smile Dental"
          copyrightText="© 2025 Smile Dental. All rights reserved."
          columns={[
            {
              title: "Practice",              items: [
                { label: "About Us", href: "about" },
                { label: "Services", href: "services" },
                { label: "Team", href: "#" },
                { label: "Careers", href: "#" },
              ],
            },
            {
              title: "Patient Info",              items: [
                { label: "New Patients", href: "#" },
                { label: "Insurance", href: "#" },
                { label: "Payment Plans", href: "#" },
                { label: "Emergency Care", href: "#" },
              ],
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (555) 123-4567", href: "tel:5551234567" },
                { label: "Email: info@smiledental.com", href: "mailto:info@smiledental.com" },
                { label: "123 Dental Ave, City, ST 12345", href: "#" },
                { label: "Hours: Mon-Fri 8am-6pm", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
