"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, Heart, Shield, Smile, Sparkles, Zap, RefreshCw, Users, Stethoscope, DollarSign, Star, Checkmark, Calendar, Facebook, Instagram, Twitter, Linkedin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Shine Dental"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Your Smile, Our Priority"
          description="Welcome to Shine Dental, where we provide comprehensive dental care in a clean, comfortable environment. Book your appointment today and experience professional dental excellence with a caring touch."
          tag="Professional Dental Care"
          tagIcon={Smile}
          tagAnimation="slide-up"
          buttons={[
            { text: "Book Appointment", href: "#contact" },
            { text: "Learn More", href: "#services" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23917.jpg"
          imageAlt="Modern Shine Dental clinic interior"
          mediaAnimation="slide-up"
          background={{ variant: "plain" }}
          imagePosition="right"
          ariaLabel="Hero section for Shine Dental"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureHoverPattern
          title="Our Dental Services"
          description="We offer a full range of professional dental services to keep your smile healthy and bright."
          tag="Comprehensive Care"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            { icon: Smile, title: "Regular Checkups", description: "Preventive care and routine examinations to maintain optimal oral health and catch issues early." },
            { icon: Zap, title: "Professional Cleaning", description: "Deep cleaning and polishing to remove tartar buildup and keep your teeth sparkling clean." },
            { icon: RefreshCw, title: "Orthodontics", description: "Modern braces and alignment solutions to straighten your teeth and improve your smile." },
            { icon: Shield, title: "Cosmetic Dentistry", description: "Teeth whitening, veneers, and cosmetic treatments to enhance the beauty of your smile." },
            { icon: Heart, title: "Emergency Care", description: "Urgent dental treatment available for pain relief and emergency dental situations." },
            { icon: Award, title: "Root Canal Treatment", description: "Advanced endodontic treatment to save infected or damaged teeth and restore function." }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Choose Shine Dental?"
          description="At Shine Dental, we combine advanced technology with compassionate care to provide you with the best dental experience possible. Our team is committed to creating a comfortable environment where your oral health is our top priority."
          tag="Excellence in Dental Care"
          tagIcon={Checkmark}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-as-nurse_23-2151061659.jpg"
          imageAlt="Professional dental team"
          mediaAnimation="slide-up"
          imagePosition="left"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            { title: "Expert Dentists", description: "Our highly qualified team brings years of experience in modern dental practice.", icon: Users },
            { title: "State-of-the-Art Equipment", description: "We use the latest technology to ensure accurate diagnosis and comfortable treatments.", icon: Stethoscope },
            { title: "Patient-Centric Approach", description: "Your comfort and satisfaction are at the heart of everything we do.", icon: Heart },
            { title: "Affordable Care", description: "Quality dental care at competitive prices with flexible payment options available.", icon: DollarSign }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Patients Say"
          description="Real feedback from our satisfied patients about their experience at Shine Dental."
          tag="Patient Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            { id: "1", name: "Sarah Johnson", role: "Patient", testimonial: "Shine Dental provided exceptional care. The entire team was professional and made me feel comfortable throughout my treatment. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-young-confident-woman-model-white-t-shirt-isolated-white-background_1258-80565.jpg", imageAlt: "Sarah Johnson" },
            { id: "2", name: "Michael Chen", role: "Patient", testimonial: "I was nervous about my root canal, but the dentist's expertise and kindness made all the difference. Best dental experience I've had.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-adult-man-smiling_23-2148531043.jpg", imageAlt: "Michael Chen" },
            { id: "3", name: "Emily Rodriguez", role: "Patient", testimonial: "The teeth whitening results were amazing! The staff is welcoming and the clinic is very clean. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-library_273609-15845.jpg", imageAlt: "Emily Rodriguez" },
            { id: "4", name: "David Kim", role: "Patient", testimonial: "Finally found a dentist I trust. Dr. Smith explained everything clearly and answered all my questions. Will definitely come back!", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-woman-doctor-with-toothy-smile-generated-by-ai_188544-29156.jpg", imageAlt: "David Kim" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about our services and booking process."
          useInvertedBackground={false}
          animationType="smooth"
          faqsAnimation="slide-up"
          faqs={[
            { id: "1", title: "How do I book an appointment?", content: "You can book an appointment through our website contact form, call us directly, or visit our clinic in person. We'll find a time that works best for you." },
            { id: "2", title: "What are your office hours?", content: "We are open Monday to Friday from 9:00 AM to 6:00 PM, and Saturday from 10:00 AM to 4:00 PM. We're closed on Sundays." },
            { id: "3", title: "Do you accept insurance?", content: "Yes, we accept most major dental insurance plans. Please contact us to verify your coverage or discuss payment options." },
            { id: "4", title: "How often should I visit the dentist?", content: "We recommend regular checkups every 6 months. However, your dentist may suggest more frequent visits based on your individual needs." },
            { id: "5", title: "Is your clinic suitable for children?", content: "Absolutely! We provide pediatric dental care and have a welcoming environment designed to make children feel comfortable." },
            { id: "6", title: "What should I do in case of a dental emergency?", content: "Contact us immediately for emergency appointments. We keep slots available for urgent cases and provide same-day treatment when possible." }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Book Your Visit"
          title="Schedule Your Dental Appointment Today"
          description="Take the first step towards a healthier smile. Book your appointment with Shine Dental now. Our friendly team is ready to help you."
          tagIcon={Calendar}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/man-using-external-storage-used_23-2149388511.jpg"
          imageAlt="Appointment booking"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Book Now"
          termsText="By booking an appointment, you agree to our Terms of Service and Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Shine Dental"
          copyrightText="© 2025 Shine Dental Clinic. All rights reserved."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Visit our Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Visit our Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Visit our Twitter" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Visit our LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}