"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Mail, MapPin, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="grid"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Pro Dental"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Why Choose Us", id: "why-us" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "📞 Call Now",            href: "tel:097053-54860"
          }}
          buttonClassName="bg-primary-cta text-primary-cta-text hover:scale-105 transition-transform"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Trusted 5-Star Dental Care in KPHB, Kukatpally"
          description="Expert Root Canal & Family Dentistry by Dr. Vinay Kumar Vellanki. Gentle, painless treatments in a comfortable environment."
          tag="⭐ 5.0 Rating | 42+ Happy Patients"
          imageSrc="http://img.b2bpic.net/free-photo/female-patient-waiting-teeth-examination-clinic_651396-1389.jpg"
          imageAlt="Happy patient showing confident smile after dental treatment"
          textPosition="bottom-left"
          showDimOverlay={true}
          showBlur={true}
          buttons={[
            {
              text: "📞 Call Now – 097053 54860",              href: "tel:097053-54860"
            },
            {
              text: "📅 Book Appointment",              href: "#appointment"
            }
          ]}
          buttonAnimation="blur-reveal"
          tagAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Dr. Vinay Kumar Vellanki"
          description="With years of specialized experience in endodontics, Dr. Vinay Kumar Vellanki is known for his painless root canal treatments and patient-friendly approach. He builds long-term relationships with families in KPHB by combining clinical expertise with genuine care."
          tag="Expert Endodontist"
          imageSrc="http://img.b2bpic.net/free-photo/preparing-utensils-microneedling-procedure_23-2149374080.jpg?_wi=1"
          imageAlt="Dr. Vinay Kumar Vellanki, experienced endodontist"
          buttons={[
            {
              text: "Learn More",              href: "#services"
            }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Our Dental Services"
          description="Comprehensive dental care designed to keep your family healthy and your smile bright."
          tag="Services"
          features={[
            {
              id: 1,
              title: "Root Canal Treatment",              description: "Painless endodontic procedures to save your natural tooth. Dr. Vinay uses gentle techniques and modern equipment for a comfortable experience.",              imageSrc: "http://img.b2bpic.net/free-photo/model-tooth-dentist-doctor-shows-patient-tooth-reception-dentist-s-office_1157-40926.jpg?_wi=1",              imageAlt: "Modern root canal treatment procedure"
            },
            {
              id: 2,
              title: "Dental Fillings",              description: "Professional restoration of cavities using tooth-colored materials that blend naturally with your smile.",              imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg?_wi=1",              imageAlt: "Professional dental treatment environment"
            },
            {
              id: 3,
              title: "Wisdom Tooth Treatment",              description: "Expert extraction and management of problematic wisdom teeth with minimal discomfort.",              imageSrc: "http://img.b2bpic.net/free-photo/model-tooth-dentist-doctor-shows-patient-tooth-reception-dentist-s-office_1157-40926.jpg?_wi=2",              imageAlt: "Advanced wisdom tooth treatment"
            },
            {
              id: 4,
              title: "Crowns & Caps",              description: "Custom-designed crowns that restore function and enhance the appearance of damaged teeth.",              imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg?_wi=2",              imageAlt: "Dental crown restoration"
            },
            {
              id: 5,
              title: "Scaling & Deep Cleaning",              description: "Professional cleaning to remove tartar and plaque, promoting healthy gums and fresh breath.",              imageSrc: "http://img.b2bpic.net/free-photo/model-tooth-dentist-doctor-shows-patient-tooth-reception-dentist-s-office_1157-40926.jpg?_wi=3",              imageAlt: "Professional dental cleaning service"
            },
            {
              id: 6,
              title: "General Dental Checkups",              description: "Comprehensive oral examinations to catch issues early and maintain optimal dental health.",              imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg?_wi=3",              imageAlt: "Preventive dental examination"
            }
          ]}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={false}
          buttons={[
            {
              text: "Book Consultation",              href: "#appointment"
            }
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardSeven
          title="Why Choose Pro Dental?"
          description="We're committed to delivering exceptional dental care that builds trust and transforms smiles."
          tag="Our Promise"
          features={[
            {
              id: 1,
              title: "5-Star Rated Clinic",              description: "Trusted by 42+ satisfied patients with consistently excellent reviews and ratings.",              imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg?_wi=4",              imageAlt: "Highly-rated dental clinic"
            },
            {
              id: 2,
              title: "Experienced Endodontist",              description: "Dr. Vinay Kumar Vellanki specializes in complex root canal treatments with proven success rates.",              imageSrc: "http://img.b2bpic.net/free-photo/preparing-utensils-microneedling-procedure_23-2149374080.jpg?_wi=2",              imageAlt: "Expert endodontist Dr. Vinay Kumar Vellanki"
            },
            {
              id: 3,
              title: "Gentle & Painless Procedures",              description: "Advanced techniques and compassionate care ensure comfortable treatments, even for anxious patients.",              imageSrc: "http://img.b2bpic.net/free-photo/model-tooth-dentist-doctor-shows-patient-tooth-reception-dentist-s-office_1157-40926.jpg?_wi=4",              imageAlt: "Comfortable modern dental treatment"
            },
            {
              id: 4,
              title: "Transparent Treatment Plans",              description: "Clear explanations of procedures and costs upfront, so you know exactly what to expect.",              imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg?_wi=5",              imageAlt: "Professional patient consultation"
            },
            {
              id: 5,
              title: "Modern Dental Equipment",              description: "State-of-the-art technology ensures accurate diagnoses and effective treatments.",              imageSrc: "http://img.b2bpic.net/free-photo/model-tooth-dentist-doctor-shows-patient-tooth-reception-dentist-s-office_1157-40926.jpg?_wi=5",              imageAlt: "Modern dental equipment"
            },
            {
              id: 6,
              title: "Family-Friendly Environment",              description: "Warm, welcoming clinic designed to make patients of all ages feel comfortable and cared for.",              imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg?_wi=6",              imageAlt: "Friendly dental clinic environment"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Dr. Vinay's painless root canal treatment changed my life. I was terrified, but he made me feel so comfortable. Highly recommend Pro Dental to everyone!"
          rating={5}
          author="Sarah Johnson, Patient"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg",              alt: "Sarah Johnson testimonial photo"
            },
            {
              src: "http://img.b2bpic.net/free-photo/happy-african-american-healthcare-expert-looking-camera_637285-11471.jpg",              alt: "Happy patient testimonial"
            },
            {
              src: "http://img.b2bpic.net/free-photo/natural-beauty-young-woman_329181-1207.jpg",              alt: "Satisfied patient testimonial"
            },
            {
              src: "http://img.b2bpic.net/free-photo/side-view-smiley-doctor-checking-patient_23-2149726926.jpg",              alt: "Positive patient review"
            }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="appointment" data-section="appointment">
        <ContactSplitForm
          title="Book Your Dental Consultation Today"
          description="Schedule an appointment with Dr. Vinay Kumar Vellanki. Fill out the form below or call us directly for immediate assistance."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true
            },
            {
              name: "treatment",              type: "text",              placeholder: "Treatment Needed (e.g., Root Canal, Checkup)",              required: false
            },
            {
              name: "date",              type: "date",              placeholder: "Preferred Date",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Any additional details or concerns...",            rows: 4,
            required: false
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-vector/appointment-booking-landing-page_23-2148564513.jpg"
          imageAlt="Professional dental appointment booking"
          mediaAnimation="opacity"
          mediaPosition="right"
          buttonText="Request Appointment"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our dental services and treatments."
          tag="Help & Support"
          faqs={[
            {
              id: "1",              title: "Is root canal treatment painful?",              content: "No. Modern root canal treatment is no more uncomfortable than having a filling. Dr. Vinay uses gentle techniques and local anesthesia to ensure a painless experience. Most patients report feeling more pain before the procedure than during."
            },
            {
              id: "2",              title: "How many visits are typically required?",              content: "Root canal treatment often takes 1-2 visits depending on the complexity of your case. During the first consultation, Dr. Vinay will assess your tooth and provide a clear estimate. Simpler cases may be completed in one visit."
            },
            {
              id: "3",              title: "Do you treat children?",              content: "Yes, we provide family-friendly dental care for patients of all ages. We understand dental anxiety in children and create a comfortable, welcoming environment to make their visits positive and stress-free."
            },
            {
              id: "4",              title: "Do you offer emergency dental care?",              content: "Yes. We prioritize emergency cases whenever possible. If you experience severe dental pain or an urgent issue, please call us at 097053 54860, and we'll do our best to accommodate you quickly."
            },
            {
              id: "5",              title: "How much does root canal treatment cost?",              content: "Root canal costs vary based on tooth location and complexity. During your consultation, Dr. Vinay will provide a transparent quote after examining your tooth. We offer payment plans to make treatment affordable for families."
            },
            {
              id: "6",              title: "What are your clinic hours?",              content: "We're open Monday to Saturday. Please call 097053 54860 for our exact hours. We offer morning and evening appointments to fit your schedule."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23912.jpg?_wi=7"
          imageAlt="Professional dental clinic environment"
          textboxLayout="default"
          mediaAnimation="opacity"
          mediaPosition="left"
          faqsAnimation="blur-reveal"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Pro Dental – KPHB"
          copyrightText="© 2025 Pro Dental – Vellanki Dentistry. All rights reserved. Opp. Anupama Hospital Lane, KPHB Phase 3, Kukatpally, Hyderabad, Telangana 500072 | Phone: 097053 54860"
          socialLinks={[
            {
              icon: Phone,
              href: "tel:097053-54860",              ariaLabel: "Call Pro Dental"
            },
            {
              icon: MapPin,
              href: "#",              ariaLabel: "Visit our location"
            },
            {
              icon: Mail,
              href: "mailto:contact@prodental.local",              ariaLabel: "Email Pro Dental"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
