"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="large"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Smile & Shine"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About Us", id: "about" },
            { name: "Doctors", id: "doctors" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Appointment",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Precise Dental Care with Advanced Technology"
          description="NABH-accredited dental clinic offering painless procedures, ethical treatment planning, and 12+ years of clinical excellence. Trusted by 840+ patients. Located in MVP Colony, Visakhapatnam."
          background={{ variant: "downward-rays-static" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/preparing-utensils-microneedling-procedure_23-2149374080.jpg", alt: "Dr. Mohan" },
            { src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-dentist-dentist-s-clinic_329181-20753.jpg", alt: "Dr. Manasa" },
            { src: "http://img.b2bpic.net/free-photo/portrait-smiley-dentist-clinic_23-2148396204.jpg", alt: "Dr. Monika" }
          ]}
          avatarText="Trusted by 840+ patients · 4.9 rating"
          buttons={[
            { text: "Book Appointment", href: "#contact" },
            { text: "Call: +91-XXXXXXXXX", href: "tel:+91xxxxxxxxx" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Hero section for Smile & Shine Dental"
        />
      </div>

      <div id="credibility" data-section="credibility">
        <TextAbout
          tag="Why Choose Us"
          title="4.9 Rating | NABH Accredited | EHS & ECHS Empanelled | 12+ Years Excellence | Advanced Laser Dentistry"
          useInvertedBackground={false}
          buttons={[
            { text: "Schedule Your Visit", href: "#contact" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Comprehensive Dental Services"
          description="From preventive care to advanced surgical procedures, we offer a full spectrum of dental treatments designed for patient comfort and optimal outcomes."
          tag="Our Services"
          features={[
            {
              id: 1,
              title: "General & Preventive Dentistry",              description: "Dental checkups, professional scaling and cleaning, tooth fillings, pediatric dental care, and preventive treatments for optimal oral health.",              imageSrc: "http://img.b2bpic.net/free-photo/female-patient-opening-her-mouth-doctor-look-her-throat-otolaryngologist-examines-sore-throat-patient_657921-196.jpg",              imageAlt: "General and preventive dental care"
            },
            {
              id: 2,
              title: "Restorative Dentistry",              description: "Root canal treatment (RCT, re-RCT, laser RCT), crowns, bridges, and replacement of missing teeth with precision and minimal discomfort.",              imageSrc: "http://img.b2bpic.net/free-photo/model-tooth-dentist-doctor-shows-patient-tooth-reception-dentist-s-office_1157-40926.jpg",              imageAlt: "Restorative dental procedures"
            },
            {
              id: 3,
              title: "Surgical & Advanced Procedures",              description: "Wisdom tooth extraction, oral & maxillofacial surgery, flap surgery, dental implants, and sedation dentistry for anxiety-free treatment.",              imageSrc: "http://img.b2bpic.net/free-photo/old-man-sitting-dentist-s-office_1157-19454.jpg",              imageAlt: "Advanced surgical dental procedures"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Dental services section"
        />
      </div>

      <div id="about" data-section="about">
        <FeatureCardSix
          title="Our Clinical Approach"
          description="We believe in patient-centered, ethical dentistry with clear communication, advanced equipment, and a commitment to painless, precise care."
          tag="Treatment Philosophy"
          features={[
            {
              id: 1,
              title: "Detailed Diagnosis Explanation",              description: "Every patient receives a comprehensive explanation of their diagnosis, treatment options, and expected outcomes before any procedure begins.",              imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-393.jpg",              imageAlt: "Consultation and diagnosis"
            },
            {
              id: 2,
              title: "Painless Procedures & Gentle Handling",              description: "Specialized techniques for children and senior citizens. Our approach minimizes discomfort, especially for sensitive extractions and RCT treatments.",              imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-393.jpg",              imageAlt: "Painless dental treatment"
            },
            {
              id: 3,
              title: "Hygienic Infrastructure & Modern Equipment",              description: "State-of-the-art laser dentistry technology, strict sterilization protocols, and a clean, well-maintained clinical environment you can trust.",              imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-393.jpg",              imageAlt: "Modern dental clinic infrastructure"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Clinical approach section"
        />
      </div>

      <div id="doctors" data-section="doctors">
        <TeamCardSix
          title="Meet Our Doctors"
          description="A team of experienced, empathetic dental professionals committed to your oral health and comfort."
          tag="Our Team"
          members={[
            {
              id: "1",              name: "Dr. Mohan",              role: "Chief Dentist & Founder",              imageSrc: "http://img.b2bpic.net/free-photo/preparing-utensils-microneedling-procedure_23-2149374080.jpg",              imageAlt: "Dr. Mohan, Chief Dentist"
            },
            {
              id: "2",              name: "Dr. Manasa",              role: "General & Cosmetic Dentist",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-dentist-dentist-s-clinic_329181-20753.jpg",              imageAlt: "Dr. Manasa, General Dentist"
            },
            {
              id: "3",              name: "Dr. Monika",              role: "Restorative Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-dentist-clinic_23-2148396204.jpg",              imageAlt: "Dr. Monika, Restorative Specialist"
            },
            {
              id: "4",              name: "Dr. Hema",              role: "Periodontist",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-dentist-dentist-s-clinic_329181-20753.jpg",              imageAlt: "Dr. Hema, Periodontist"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Doctor team section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Patients Say"
          description="Real stories from patients who've experienced our clinical excellence and patient-focused care."
          tag="Patient Testimonials"
          testimonials={[
            {
              id: "1",              name: "Rajesh Kumar",              role: "Business Owner",              company: "Local Business",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",              imageAlt: "Rajesh Kumar"
            },
            {
              id: "2",              name: "Priya Sharma",              role: "Corporate Professional",              company: "Tech Company",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",              imageAlt: "Priya Sharma"
            },
            {
              id: "3",              name: "Amit Patel",              role: "Entrepreneur",              company: "Startup",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageAlt: "Amit Patel"
            },
            {
              id: "4",              name: "Sneha Reddy",              role: "Healthcare Professional",              company: "Medical Field",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",              imageAlt: "Sneha Reddy"
            },
            {
              id: "5",              name: "Vikram Singh",              role: "Finance Manager",              company: "Corporate Sector",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageAlt: "Vikram Singh"
            },
            {
              id: "6",              name: "Ananya Gupta",              role: "Educator",              company: "Education Sector",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",              imageAlt: "Ananya Gupta"
            }
          ]}
          kpiItems={[
            { value: "840+", label: "Happy Patients" },
            { value: "4.9", label: "Average Rating" },
            { value: "12+", label: "Years of Excellence" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Patient testimonials section"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Clear answers to help you understand our treatments and approach."
          faqs={[
            {
              id: "1",              title: "Are your procedures painless?",              content: "Yes, we specialize in painless dentistry. Our advanced techniques, gentle handling, and modern anesthesia ensure minimal to no discomfort. We also offer sedation dentistry for patients with anxiety."
            },
            {
              id: "2",              title: "How long is a root canal treatment?",              content: "A typical RCT can be completed in 1-2 sessions, depending on complexity. We use laser-assisted RCT technology for faster, more precise treatment with better outcomes."
            },
            {
              id: "3",              title: "Do you treat children?",              content: "Absolutely. We have specialized pediatric dental care with gentle, child-friendly techniques. We take time to make children comfortable and positive about dental visits."
            },
            {
              id: "4",              title: "What is your appointment system like?",              content: "We operate on a structured appointment system to minimize waiting time. We respect your schedule and ensure you receive dedicated attention during your visit."
            },
            {
              id: "5",              title: "Are you LGBTQ+ friendly?",              content: "Yes, we are a welcoming, inclusive clinic that treats all patients with equal respect and dignity. Everyone deserves compassionate, professional dental care."
            },
            {
              id: "6",              title: "What are your accreditations?",              content: "We are NABH-accredited, EHS empanelled, and ECHS empanelled. We meet the highest standards of clinical excellence, hygiene, and patient care."
            }
          ]}
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          ariaLabel="FAQ section"
          faqsAnimation="none"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Schedule Your Appointment"
          description="Book your dental visit today. We offer convenient appointment times and are located in Sector 1, MVP Colony, Visakhapatnam. Call us or use WhatsApp for quick booking."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-vector/appointment-booking-landing-page_23-2148564513.jpg"
          imageAlt="Appointment booking"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Book Now"
          termsText="We respect your privacy. Our team will contact you shortly to confirm your appointment."
          ariaLabel="Contact and appointment section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Smile & Shine Dental"
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Services", href: "#services" },
                { label: "Our Doctors", href: "#doctors" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Contact Info",              items: [
                { label: "Sector 1, MVP Colony, Visakhapatnam", href: "#" },
                { label: "Phone: +91-XXXXXXXXX", href: "tel:+91xxxxxxxxx" },
                { label: "WhatsApp: Available", href: "#" },
                { label: "Email: info@smileshine.com", href: "mailto:info@smileshine.com" }
              ]
            },
            {
              title: "Credentials",              items: [
                { label: "NABH Accredited", href: "#" },
                { label: "EHS Empanelled", href: "#" },
                { label: "ECHS Empanelled", href: "#" },
                { label: "12+ Years Experience", href: "#" }
              ]
            },
            {
              title: "Additional",              items: [
                { label: "Book Appointment", href: "#contact" },
                { label: "Patient Reviews", href: "#" },
                { label: "Pricing Information", href: "#" },
                { label: "Our Approach", href: "#about" }
              ]
            }
          ]}
          copyrightText="© 2025 Smile & Shine Dental. All rights reserved. NABH Accredited | Sector 1, MVP Colony, Visakhapatnam"
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
