"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Activity, MapPin, MessageCircle, Phone } from "lucide-react";


export default function LandingPage() {
  

  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Services",          id: "#services"},
        {
          name: "About",          id: "#about"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="My Family Dental"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Your Brightest Smile Starts Here"
      description="Experience comprehensive dental care designed for your comfort and lasting health. From routine check-ups to advanced treatments, we're dedicated to helping you achieve a confident smile."
      testimonials={[
        {
          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "The team at My Family Dental made my dental visit so comfortable and stress-free. Highly recommend their professional and caring approach!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-curly-haired-adult-woman-smiles-broadly-shows-perfect-well-cared-teeth_273609-40757.jpg",          imageAlt: "Smiling woman with curly hair"},
        {
          name: "David Lee",          handle: "@davidl",          testimonial: "Excellent service! My teeth have never felt cleaner. Dr. Azzoug and his staff are truly the best.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/elder-man-washing-his-teeth_23-2148201295.jpg",          imageAlt: "Elder man washing his teeth"},
        {
          name: "Emily White",          handle: "@emilyw",          testimonial: "I used to dread dental appointments, but not anymore. The clinic is modern, and the staff is incredibly friendly.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-using-ultrasonic-scaler-treating-boy-s-teeth-clinic_23-2147905966.jpg",          imageAlt: "Dentist treating boy's teeth"},
        {
          name: "Michael Brown",          handle: "@michaelb",          testimonial: "Top-notch dental care! They explain everything clearly and ensure you're at ease throughout the process.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-mature-woman-proud-her-toothbrush_23-2148277950.jpg",          imageAlt: "Smiley mature woman with toothbrush"},
        {
          name: "Jessica Green",          handle: "@jessicag",          testimonial: "My Family Dental transformed my smile. I'm so grateful for their expertise and dedication. A truly amazing team!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-male-doctor-smiles-points-away-space-text-white-background-attractive-intern-wearing-uniform-looking-confident-isolated_574295-6094.jpg",          imageAlt: "Positive bearded male doctor smiling"},
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Call Us Now",          href: "tel:+21344926028"},
        {
          text: "WhatsApp Us",          href: "https://wa.me/21344926028"},
        {
          text: "Book an Appointment",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-hospital-cabinet-with-nobody-it_482257-10435.jpg"
      imageAlt="Empty dental clinic with equipment"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",          alt: "Young female patient"},
        {
          src: "http://img.b2bpic.net/free-photo/optimistic-cheerful-european-male-clenches-fists-with-triumph-celebrates-his-success-work-had-friendly-smile-dressed-white-shirt-poses-indoor-successful-businessman-gestures-indoor_176532-6514.jpg",          alt: "Optimistic European male"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-woman-standing-kitchen-bathrobe-posing-smiling-camera_1258-197939.jpg",          alt: "Beautiful happy woman"},
        {
          src: "http://img.b2bpic.net/free-photo/view-from-side-happy-girl-sitting-dentist-office_651396-1709.jpg",          alt: "Happy girl at dentist office"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",          alt: "Beautiful Afro-American woman"},
      ]}
      avatarText="Trusted by 100+ Happy Patients"
      marqueeItems={[
        {
          type: "text",          text: "Advanced Dental Technology"},
        {
          type: "text",          text: "Experienced & Caring Dentists"},
        {
          type: "text",          text: "Painless & Comfortable Treatments"},
        {
          type: "text",          text: "Personalized Care Plans"},
        {
          type: "text",          text: "Award-Winning Service"},
      ]}
    />
  </div>

  <div id="emergency" data-section="emergency">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "em1",          title: "24/7 Emergency Dental Care",          author: "Urgent Situations",          description: "Accidents happen. We're here for you whenever you need immediate dental assistance, day or night.",          tags: [
            "Immediate Care",            "Pain Relief"],
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-denstist-wearing-mask_23-2149164278.jpg",          imageAlt: "Dentist wearing mask"},
        {
          id: "em2",          title: "Toothache Relief",          author: "Sudden Pain",          description: "Don't suffer in silence. Our experts can quickly diagnose and treat the cause of your toothache.",          tags: [
            "Fast Diagnosis",            "Effective Treatment"],
          imageSrc: "http://img.b2bpic.net/free-photo/ouch-my-throat-displeased-unhappy-goodlooking-adult-blonde-girl-with-short-haircut-clenching-teeth_1258-253287.jpg",          imageAlt: "Unhappy girl with toothache"},
        {
          id: "em3",          title: "Broken Tooth Repair",          author: "Dental Trauma",          description: "From chips to fractures, we offer swift and effective solutions to restore your smile and prevent further damage.",          tags: [
            "Restorative Dentistry",            "Aesthetic Repair"],
          imageSrc: "http://img.b2bpic.net/free-vector/dental-problems-design_1212-606.jpg",          imageAlt: "Dental problems design"},
      ]}
      title="Dental Emergencies? We're Here For You."
      description="Unexpected dental issues can be painful and stressful. Our dedicated emergency team is ready to provide immediate care and relief when you need it most."
      buttons={[
        {
          text: "Call Emergency Line",          href: "tel:+21344926028"},
        {
          text: "WhatsApp Emergency",          href: "https://wa.me/21344926028"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "s1",          title: "General Dentistry",          author: "Regular Check-ups",          description: "Maintaining optimal oral health with routine examinations, cleanings, and preventative care for the whole family.",          tags: [
            "Check-ups",            "Cleanings"],
          imageSrc: "http://img.b2bpic.net/free-vector/dentistry-treatment-teeth-healthcare-tools_24877-55021.jpg",          imageAlt: "Dental treatment tools"},
        {
          id: "s2",          title: "Cosmetic Dentistry",          author: "Enhance Your Smile",          description: "Transform your smile with veneers, teeth whitening, and bonding services for a confident, radiant look.",          tags: [
            "Whitening",            "Veneers"],
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doctor-wearing-white-coat-with-stethoscope-hlding-palms-together-leaning-head-palms-wants-sleep-standing-pink-wall_141793-47756.jpg",          imageAlt: "Young woman doctor"},
        {
          id: "s3",          title: "Orthodontics",          author: "Straighten Your Teeth",          description: "Achieve perfectly aligned teeth with our advanced orthodontic solutions, including braces and clear aligners.",          tags: [
            "Braces",            "Aligners"],
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-hands-working-young-woman-patient-with-dental-tools_613910-6133.jpg",          imageAlt: "Dentist hands working with patient"},
        {
          id: "s4",          title: "Pediatric Dentistry",          author: "Kids Dental Care",          description: "Gentle and friendly dental care for children, focusing on healthy habits and positive dental experiences.",          tags: [
            "Child-Friendly",            "Preventative"],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-keeps-hands-cheeks-smiles-broadly-with-white-teeth-dressed-casually-isolated-purple-people-happy-emotions-face-expressions-concept_273609-56498.jpg",          imageAlt: "Woman with white teeth"},
        {
          id: "s5",          title: "Periodontics",          author: "Gum Health",          description: "Specialized care for gum diseases, ensuring the foundation of your smile remains strong and healthy.",          tags: [
            "Gum Treatment",            "Deep Cleaning"],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-shows-peace-sign-eye-winks-smiles-wears-casual-blue-t-shirt-isolated-white-demonstrates-victory-gesture-enjoys-life-body-language-concept_273609-56072.jpg",          imageAlt: "Woman smiles with peace sign"},
        {
          id: "s6",          title: "Dental Implants",          author: "Permanent Solutions",          description: "Replace missing teeth with durable and natural-looking dental implants, restoring function and aesthetics.",          tags: [
            "Tooth Replacement",            "Long-Lasting"],
          imageSrc: "http://img.b2bpic.net/free-vector/structure-dental-implant-white-background_1308-92990.jpg",          imageAlt: "Structure of dental implant"},
      ]}
      title="Our Comprehensive Dental Services"
      description="We offer a full spectrum of dental services to meet all your oral health needs, ensuring a beautiful and healthy smile for life."
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Philosophy"
      title="A Legacy of Trust and Care"
      description="At My Family Dental, we believe in a patient-first approach, combining state-of-the-art technology with compassionate care to deliver exceptional dental experiences."
      subdescription="Our mission is to foster lasting relationships with our patients by prioritizing their comfort, understanding their unique needs, and empowering them with the knowledge to maintain optimal oral health."
      icon={Activity}
      imageSrc="http://img.b2bpic.net/free-photo/doctor-holding-digital-tablet-while-talking-with-patient_107420-74007.jpg"
      imageAlt="Doctor talking with patient"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "rev1",          name: "Aisha Khan",          role: "Marketing Manager",          company: "TechSolutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg",          imageAlt: "Dentist showing dental jaw"},
        {
          id: "rev2",          name: "Ben Carter",          role: "Software Engineer",          company: "InnovateX",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/i-got-covid-19-vaccine-smiling-bearded-elderly-man-shows-shoulder-with-band-aid-after-vaccinating_273609-52650.jpg",          imageAlt: "Elderly man with band-aid on shoulder"},
        {
          id: "rev3",          name: "Chloe Davis",          role: "Graphic Designer",          company: "CreativeHub",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-doing-their-work-pediatrics-office_23-2149224181.jpg",          imageAlt: "Doctor doing their work"},
        {
          id: "rev4",          name: "Daniel Wilson",          role: "Finance Analyst",          company: "GlobalInvest",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-laughing-elderly-woman_171337-7906.jpg",          imageAlt: "Laughing elderly woman"},
        {
          id: "rev5",          name: "Ella Martinez",          role: "Project Manager",          company: "SynergyCorp",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-dentist-taking-selfie-with-patient_23-2148396143.jpg",          imageAlt: "Happy dentist taking selfie with patient"},
        {
          id: "rev6",          name: "Frank Miller",          role: "Consultant",          company: "StrategicGrowth",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-patient-sitting-dentist-chair-while-her-doctor-preparing-syringe-injection_613910-17766.jpg",          imageAlt: "Woman patient sitting in dentist chair"},
      ]}
      kpiItems={[
        {
          value: "5.0",          label: "Average Rating"},
        {
          value: "10+",          label: "Years of Experience"},
        {
          value: "100s",          label: "Happy Patients"},
      ]}
      title="What Our Patients Say"
      description="Our commitment to excellence is reflected in the smiles and positive feedback of our valued patients. Read their stories and see why they trust us with their dental health."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Dental Health Alliance",        "Smile Foundation",        "Oral Care Network",        "Healthy Teeth Project",        "Bright Smiles Initiative",        "National Dental Association",        "Community Oral Health"]}
      title="Trusted by Leading Health Organizations"
      description="Our commitment to quality dental care has earned us recognition and partnerships with prominent health organizations and initiatives, ensuring we meet the highest standards."
      speed={40}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Get in Touch"
      title="Schedule Your Visit Today"
      description="Ready to experience exceptional dental care? Contact us to book your appointment or to learn more about our services. Our friendly team is here to assist you."
      inputPlaceholder="Enter your email"
      buttonText="Send Message"
      termsText="By submitting this form, you agree to our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="My Family Dental"
      copyrightText="© 2025 My Family Dental. All rights reserved."
      socialLinks={[
        {
          icon: Phone,
          href: "tel:+21344926028",          ariaLabel: "Call us"},
        {
          icon: MessageCircle,
          href: "https://wa.me/21344926028",          ariaLabel: "WhatsApp us"},
        {
          icon: MapPin,
          href: "https://www.google.com/maps/search/My+Family+Dental+Dr+AZZOUG+P9JC%2B5FW%E2%80%8E%2C+%E2%80%8F%D8%B9%D8%B2%D8%A7%D8%B2%D9%82%D8%A9",          ariaLabel: "Find us on map"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}