"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Award, CheckCircle, Heart, Phone, SmilePlus } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="SmileCare Dental"
          button={{
            text: "Book Appointment",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="SmileCare"
          description="Your trusted dental partner for a lifetime of healthy smiles. Professional care with a personal touch."
          buttons={[
            {
              text: "Schedule Now",              href: "contact"
            },
            {
              text: "Learn More",              href: "about"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/stylish-beautiful-spacious-dental-clinic_8353-9586.jpg"
          imageAlt="Modern dental clinic environment"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Excellence in Dental Care Since 2005. We believe every smile deserves the best treatment and compassionate care."
          metrics={[
            {
              icon: SmilePlus,
              label: "Happy Patients",              value: "5,000+"
            },
            {
              icon: Award,
              label: "Years Experience",              value: "19"
            },
            {
              icon: Heart,
              label: "Customer Satisfaction",              value: "98%"
            },
            {
              icon: CheckCircle,
              label: "Treatments Completed",              value: "15,000+"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwelve
          title="Our Comprehensive Services"
          description="We offer a full range of dental services designed to meet all your oral health needs"
          features={[
            {
              id: "cleaning",              label: "Cleaning",              title: "Professional Teeth Cleaning & Prevention",              items: [
                "Routine cleanings and exams",                "Deep scaling and root planing",                "Fluoride treatments",                "Early decay detection"
              ],
              buttons: [
                {
                  text: "Learn More",                  href: "#"
                }
              ]
            },
            {
              id: "implants",              label: "Implants",              title: "Advanced Dental Implant Solutions",              items: [
                "Complete tooth replacement",                "Implant-supported bridges",                "Bone grafting when needed",                "Long-lasting natural look"
              ],
              buttons: [
                {
                  text: "Learn More",                  href: "#"
                }
              ]
            },
            {
              id: "orthodontics",              label: "Orthodontics",              title: "Straighten Your Smile with Modern Treatment",              items: [
                "Traditional and invisible braces",                "Custom treatment plans",                "Comfortable alignment process",                "Lifetime smile maintenance"
              ],
              buttons: [
                {
                  text: "Learn More",                  href: "#"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Featured Treatments & Specialties"
          description="Explore our most requested dental treatments and specialist services"
          metrics={[
            {
              id: "1",              title: "Cosmetic Dentistry",              subtitle: "Veneers, whitening, bonding & smile design",              category: "Cosmetic",              value: "Premium",              buttons: [
                {
                  text: "Discover",                  href: "#"
                }
              ]
            },
            {
              id: "2",              title: "Root Canal Therapy",              subtitle: "Pain relief and tooth preservation treatment",              category: "Restorative",              value: "Essential",              buttons: [
                {
                  text: "Learn More",                  href: "#"
                }
              ]
            },
            {
              id: "3",              title: "Pediatric Dentistry",              subtitle: "Gentle care for children's teeth and smile development",              category: "Family Care",              value: "Friendly",              buttons: [
                {
                  text: "Schedule",                  href: "#"
                }
              ]
            },
            {
              id: "4",              title: "Emergency Dental Care",              subtitle: "Same-day treatment for urgent dental needs",              category: "Urgent Care",              value: "Available",              buttons: [
                {
                  text: "Call Now",                  href: "#"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Expert Team"
          description="Highly trained dental professionals dedicated to your oral health and beautiful smile"
          team={[
            {
              id: "1",              name: "Dr. Sarah Mitchell",              role: "DDS, General & Cosmetic Dentist",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-male-doctor-dressed-uniform_171337-1486.jpg"
            },
            {
              id: "2",              name: "Dr. James Chen",              role: "DDS, MS, Orthodontist Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-male-doctor_171337-1485.jpg"
            },
            {
              id: "3",              name: "Jennifer Rodriguez",              role: "RDH, Dental Hygienist",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-male-dentist_23-2147862083.jpg"
            },
            {
              id: "4",              name: "Dr. Lisa Park",              role: "DDS, Implant & Oral Surgery Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-medical-doctor-posing-against-white-background_1157-44788.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Patient Testimonials"
          description="Hear from our satisfied patients about their SmileCare experience"
          testimonials={[
            {
              id: "1",              title: "Transformed My Smile",              quote: "Dr. Sarah's cosmetic work completely transformed my smile. I'm so confident now, and the entire process was comfortable and professional. Highly recommend!",              name: "Michael Thompson",              role: "Cosmetic Dentistry Patient",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-young-female-doctor-wearing-medical-robe-looking-isolated_141793-68706.jpg"
            },
            {
              id: "2",              title: "Pain-Free Treatment",              quote: "I was terrified of the root canal, but Dr. Chen made it painless. The team's care and attention to detail made all the difference. Thank you!",              name: "Amanda Foster",              role: "Restorative Treatment Patient",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-74076.jpg"
            },
            {
              id: "3",              title: "Best Family Dentist",              quote: "My kids actually look forward to their dental visits now! The pediatric team is so kind and patient. We trust them completely with our family's dental care.",              name: "David Martinez",              role: "Family Care Patient",              imageSrc: "https://img.b2bpic.net/free-photo/doctor-working_1098-21963.jpg"
            },
            {
              id: "4",              title: "Professional & Caring",              quote: "SmileCare saved my tooth with emergency care on the same day. Professional, caring, and efficient. I'm grateful for their expertise and compassion.",              name: "Elizabeth Warren",              role: "Emergency Care Patient",              imageSrc: "https://img.b2bpic.net/free-photo/doctor-green-uniform-face-mask-making-posing-satisfied-position_114579-13403.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our dental services and procedures"
          faqs={[
            {
              id: "1",              title: "How often should I visit the dentist?",              content: "We recommend visiting your dentist every 6 months for routine cleanings and examinations. Patients with specific concerns or gum disease may benefit from more frequent visits. This schedule helps detect issues early and maintain optimal oral health."
            },
            {
              id: "2",              title: "Is dental implant surgery painful?",              content: "Dental implant surgery is performed under local anesthesia, so you won't feel pain during the procedure—just pressure and vibration. Most patients report minimal discomfort afterward. Our team provides comprehensive aftercare instructions to ensure smooth healing."
            },
            {
              id: "3",              title: "What should I expect during my first visit?",              content: "Your first visit includes a comprehensive dental exam, X-rays, and a consultation about your oral health goals. Dr. Mitchell will discuss any concerns and create a personalized treatment plan tailored to your needs. The entire appointment typically takes 60-90 minutes."
            },
            {
              id: "4",              title: "Do you offer payment plans for major treatments?",              content: "Yes! We offer flexible payment plans and accept most major dental insurance plans. We also work with CareCredit and other third-party financing options to make quality dental care accessible and affordable for all our patients."
            },
            {
              id: "5",              title: "Are your services suitable for anxious patients?",              content: "Absolutely. We specialize in caring for anxious and phobic patients. We offer sedation dentistry options, take time to explain procedures, and create a calm, supportive environment. Your comfort and confidence are our top priorities."
            },
            {
              id: "6",              title: "How can I schedule an emergency appointment?",              content: "If you have a dental emergency, call our office immediately at the phone number on our website. We keep emergency slots available daily and typically can see urgent cases same-day. We're here to relieve your pain and address critical issues promptly."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/front-view-smiley-teacher-with-copy-space_23-2148668587.jpg"
          imageAlt="Dental consultation between dentist and patient"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready for a Healthier Smile?"
          ctaDescription="Contact us today to schedule your consultation. Our friendly team is ready to help you achieve optimal oral health."
          ctaButton={{
            text: "Schedule Your Appointment",            href: "#"
          }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What are your office hours?",              content: "Monday - Thursday: 8:00 AM - 5:00 PM | Friday: 8:00 AM - 3:00 PM | Saturday: 9:00 AM - 1:00 PM (by appointment)"
            },
            {
              id: "2",              title: "Do you accept new patients?",              content: "Yes, we welcome new patients! We accept patients of all ages and offer comprehensive dental care. Call us today to schedule your first appointment."
            },
            {
              id: "3",              title: "What is your cancellation policy?",              content: "We ask for 24-hour notice for cancellations. This helps us serve other patients and ensures you get the appointment time that works best for your schedule."
            },
            {
              id: "4",              title: "Do you offer teeth whitening services?",              content: "Yes, we offer professional teeth whitening treatments that are fast, safe, and effective. Ask about our in-office and take-home whitening options at your next visit."
            },
            {
              id: "5",              title: "Is X-ray radiation safe?",              content: "Dental X-rays use minimal radiation and are considered very safe. We use digital X-rays which emit 80% less radiation than traditional film X-rays."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="SmileCare"
          logoLineHeight={1.2}
        />
      </div>
    </ThemeProvider>
  );
}