"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="blurBottom"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Dr. Smile Dental"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "Services", id: "#services" },
            { name: "Treatments", id: "#treatments" },
            { name: "Why Us", id: "#why-us" },
            { name: "Testimonials", id: "#testimonials" },
            { name: "FAQs", id: "#faqs" },
            { name: "Contact", id: "#contact" }
          ]}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Brighten Your Smile, Brighten Your Life."
          description="Expert dental care in Kanpur, specializing in advanced teeth whitening, implants, and comprehensive oral health services for a confident, healthy you."
          background={{
            variant: "plain"
          }}
          testimonials={[
            { name: "Anjali Sharma", handle: "@anjalish", testimonial: "My teeth whitening results were amazing! Dr. Smile Dental has the most professional team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg" },
            { name: "Rahul Verma", handle: "@rahulv", testimonial: "Highly recommend for dental implants. The procedure was smooth and the care was excellent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg" },
            { name: "Priya Singh", handle: "@priyas", testimonial: "The clinic ambience is so calming, and the staff are incredibly friendly. Best dental experience!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg" },
            { name: "Amit Kumar", handle: "@amitk", testimonial: "Finally found a dentist I trust. Their general dentistry services are thorough and gentle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186679.jpg" },
            { name: "Sonia Devi", handle: "@soniad", testimonial: "Absolutely thrilled with my new veneers! The attention to detail here is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-girl-entrepreneur-office-woman-glasses-looking-happy-confident-standing-white-blouse-studio-background_1258-122706.jpg" }
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          buttons={[
            { text: "Book Appointment", href: "#contact" },
            { text: "Our Services", href: "#services" }
          ]}
          mediaAnimation="hover-magnetic"
          imageSrc="http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg"
          imageAlt="Dentist with patient, bright smile"
          imagePosition="right"
        />
      </div>
      <div id="about" data-section="about">
        <TextSplitAbout
          title="Your Journey to a Healthier Smile Starts Here"
          description={[
            "At Dr. Smile Dental, we are dedicated to providing exceptional dental care tailored to your needs. Located in Kanpur, our clinic combines advanced technology with a compassionate approach to ensure your comfort and satisfaction. We believe in creating beautiful, healthy smiles that last a lifetime.",            "Our team of experienced dentists and specialists is committed to staying abreast of the latest advancements in dental science. From routine check-ups to complex procedures, we offer a full spectrum of services designed to achieve optimal oral health and aesthetics for every patient."
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Meet Our Team", href: "#" }
          ]}
        />
      </div>
      <div id="services" data-section="services">
        <FeatureCardTwentySeven
          title="Our Comprehensive Dental Services"
          description="Experience a full range of dental treatments, from preventive care to advanced cosmetic and restorative procedures, all under one roof."
          features={[
            { id: "f1", title: "Advanced Teeth Whitening", descriptions: ["Achieve a dazzling, brighter smile safely and effectively with our professional teeth whitening solutions tailored to your needs."], imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauitful-blonde-woman-with-short-hair-deep-blue-eyes_8353-5483.jpg", imageAlt: "Professional teeth whitening procedure" },
            { id: "f2", title: "Painless Dental Implants", descriptions: ["Restore missing teeth with durable, natural-looking dental implants that provide a long-lasting solution for a complete smile."], imageSrc: "http://img.b2bpic.net/free-photo/female-patient-having-procedure-done-dentist_23-2148985788.jpg", imageAlt: "Dental implant diagram" },
            { id: "f3", title: "Expert Root Canal Treatment", descriptions: ["Save your natural tooth from decay and infection with our gentle and efficient root canal therapy, ensuring comfort and quick recovery."], imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampons_23-2148026045.jpg", imageAlt: "Root canal treatment" },
            { id: "f4", title: "General & Preventive Care", descriptions: ["Maintain optimal oral health with our routine check-ups, cleanings, and personalized preventive strategies for all ages."], imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-patient-s-teeth_1098-4018.jpg", imageAlt: "Dentist examining patient's teeth" }
          ]}
          animationType="reveal-blur"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="treatments" data-section="treatments">
        <ProductCardTwo
          title="Discover Our Signature Dental Treatments"
          description="Explore our specialized treatments and packages designed to give you the perfect smile you've always dreamed of."
          products={[
            { id: "p1", brand: "Cosmetic", name: "Advanced Whitening Package", price: "₹ 7,500", rating: 5, reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/teenager-having-fun-together-with-her-friends_23-2149280905.jpg", imageAlt: "Teeth whitening kit" },
            { id: "p2", brand: "Restorative", name: "Full Mouth Dental Implants", price: "₹ 1,50,000", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-performing-service_23-2149103848.jpg", imageAlt: "Full mouth dental implants" },
            { id: "p3", brand: "Aesthetic", name: "Cosmetic Veneers", price: "₹ 15,000", rating: 5, reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230932.jpg", imageAlt: "Cosmetic dental veneers" },
            { id: "p4", brand: "Orthodontics", name: "Invisible Aligners Program", price: "₹ 60,000", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-young-girl-nervous-pink_179666-1686.jpg", imageAlt: "Invisible aligners" },
            { id: "p5", brand: "Restorative", name: "Ceramic Crowns & Bridges", price: "₹ 8,000", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/dentist-measuring-plastic-teeth-model-with-vernier-caliper_23-2147862041.jpg", imageAlt: "Ceramic crowns and bridges" },
            { id: "p6", brand: "Preventive", name: "Comprehensive Care Plan", price: "₹ 2,500/year", rating: 5, reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-working-dental-unit-with-nurse-senior-patient-orthodontist-speaking-woman-sitting-stomatological-chair-while-nurse-preparing-tools-examination-modern-clinic_482257-13355.jpg", imageAlt: "Comprehensive dental care plan" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="reveal-blur"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="why-us" data-section="why-us">
        <MetricCardEleven
          title="Excellence in Every Smile"
          description="Our unwavering commitment to quality, patient-centric care, and outstanding results consistently sets us apart as a leading dental clinic."
          metrics={[
            { id: "m1", value: "10,000+", title: "Happy Patients", description: "Trusted by thousands for exceptional dental health and aesthetic transformations.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-high-five_23-2149164330.jpg", imageAlt: "Happy patient and dentist" },
            { id: "m2", value: "15+ Years", title: "Experience & Expertise", description: "A decade and a half of dedicated service, continuous learning, and advanced dental practice.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780288.jpg", imageAlt: "Experienced dentist" },
            { id: "m3", value: "99% Success Rate", title: "Successful Procedures", description: "Achieving highly predictable and successful outcomes across all our dental treatments.", imageSrc: "http://img.b2bpic.net/free-photo/client-equipment-clinic-patient-women_1303-487.jpg", imageAlt: "Successful dental procedure" }
          ]}
          animationType="reveal-blur"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Hear From Our Happy Patients"
          description="Discover what our valued patients have to say about their experience at Dr. Smile Dental. Real stories from individuals whose smiles we've transformed."
          testimonials={[
            { id: "t1", title: "Life-Changing Whitening!", quote: "I've always been self-conscious about my smile, but after the teeth whitening at Dr. Smile Dental, I feel like a new person! The process was comfortable, and the results are incredible. Highly recommended!", name: "Neha Gupta", role: "Marketing Executive", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", imageAlt: "Neha Gupta" },
            { id: "t2", title: "Professional and Gentle Care", quote: "The team at Dr. Smile Dental is truly exceptional. I had a complex root canal, and they made sure I was comfortable throughout. Dr. Sharma's expertise and gentle approach were outstanding.", name: "Vikramjeet Singh", role: "Software Engineer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-carefree-man-has-toothy-smile-shows-perfect-white-teeth-looks-gladfully_273609-33584.jpg", imageAlt: "Vikramjeet Singh" },
            { id: "t3", title: "My Smile Makeover Success", quote: "Getting veneers was a big decision, but Dr. Smile Dental guided me through every step. My new smile is flawless, and I couldn't be happier. Thank you for making my dream smile a reality!", name: "Pooja Khanna", role: "Fashion Designer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-smiling-camera_74855-3966.jpg", imageAlt: "Pooja Khanna" },
            { id: "t4", title: "Best Dental Clinic in Kanpur", quote: "From the friendly reception to the detailed check-up, every visit is a pleasure. They genuinely care about their patients' oral health and provide the best advice and treatment.", name: "Rajesh Kumar", role: "Retired Educator", imageSrc: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186679.jpg", imageAlt: "Rajesh Kumar" },
            { id: "t5", title: "Highly Recommended for Implants", quote: "I had a dental implant procedure, and I'm very impressed with the professionalism and results. The recovery was quick, and it feels completely natural. Fantastic service!", name: "Shreya Bhatt", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-girl-entrepreneur-office-woman-glasses-looking-happy-confident-standing-white-blouse-studio-background_1258-122706.jpg", imageAlt: "Shreya Bhatt" },
            { id: "t6", title: "Caring and Efficient", quote: "The staff are incredibly welcoming and efficient. They answered all my questions patiently and provided a treatment plan that perfectly suited my needs. Truly a top-rated clinic.", name: "Arjun Reddy", role: "Bank Manager", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-nurse-hospital_23-2150796748.jpg", imageAlt: "Arjun Reddy" }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="faqs" data-section="faqs">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find quick answers to common questions about our services, appointments, payment options, and general dental care."
          faqs={[
            { id: "faq1", title: "What are your clinic hours?", content: "Our clinic is open Monday to Saturday, from 10:00 AM to 8:00 PM. We are closed on Sundays and public holidays. Please call us to confirm." },
            { id: "faq2", title: "Do you accept new patients?", content: "Yes, we are always happy to welcome new patients to Dr. Smile Dental! You can book your first appointment easily through our website or by calling our reception." },
            { id: "faq3", title: "What payment methods do you accept?", content: "We accept various payment methods including cash, major credit/debit cards, and UPI. We also offer flexible payment plans for extensive treatments. Please discuss with our front desk for details." },
            { id: "faq4", title: "Is teeth whitening safe?", content: "Yes, professional teeth whitening conducted by a qualified dentist is very safe. We use high-quality, approved products and ensure the procedure is customized to protect your dental health and deliver optimal results." }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/doctor-discussing-reports-with-patient-clinic_107420-74003.jpg"
          imageAlt="Dentist explaining to a patient"
          mediaAnimation="hover-magnetic"
          mediaPosition="left"
          faqsAnimation="hover-magnetic"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Schedule Your Visit"
          description="Reach out to us to book an appointment or inquire about our services. We look forward to welcoming you to Dr. Smile Dental."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your dental needs...",            rows: 4,
            required: true
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/glass-designed-building-view_23-2148230382.jpg"
          imageAlt="Modern dental clinic exterior"
          mediaAnimation="hover-magnetic"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Dr. Smile Dental"
          columns={[
            { title: "Services", items: [{ label: "Teeth Whitening", href: "#services" }, { label: "Dental Implants", href: "#services" }, { label: "Root Canal", href: "#services" }, { label: "General Dentistry", href: "#services" }] },
            { title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Why Choose Us", href: "#why-us" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQs", href: "#faqs" }] },
            { title: "Contact", items: [{ label: "Book Appointment", href: "#contact" }, { label: "Location", href: "#contact" }, { label: "Call Us", href: "tel:+919876543210" }, { label: "Email Us", href: "mailto:info@drsmiledental.com" }] }
          ]}
          copyrightText="© 2024 Dr. Smile Dental. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
