"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 – Dr AZZOUG"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      imagePosition="right"
      title="High-quality, gentle dental care you can trust — right in your neighborhood."
      description="My Family Dental – Dr AZZOUG. ⭐ 5.0 rating based on 10 reviews. Located in عزازقة, Algeria. Open from 7:30 AM. Offering gentle & modern dental care."
      testimonials={[
        {
          name: "Sarah M.",
          handle: "@Sarah_Azazga",
          testimonial: "Dr. Azzoug is incredibly gentle and professional. Best dental experience I've ever had in Azazga!",
          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 Sarah M.",
        },
        {
          name: "Ahmed L.",
          handle: "@Ahmed_Azazga",
          testimonial: "خدمة ممتازة وعناية فائقة. أوصي بشدة عيادة الدكتور عزوق!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/elder-man-washing-his-teeth_23-2148201295.jpg",
          imageAlt: "Smiling Ahmed L.",
        },
        {
          name: "Fatima Z.",
          handle: "@Fatima_Parents",
          testimonial: "Mon enfant n'a plus peur du dentiste grâce à Dr. Azzoug. Très doux avec les petits!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-using-ultrasonic-scaler-treating-boy-s-teeth-clinic_23-2147905966.jpg",
          imageAlt: "Smiling Fatima Z.",
        },
        {
          name: "Yacine R.",
          handle: "@Yacine_Local",
          testimonial: "Professional, punctual, and truly caring. My Family Dental is a gem in Azazga.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-mature-woman-proud-her-toothbrush_23-2148277950.jpg",
          imageAlt: "Smiling Yacine R.",
        },
        {
          name: "Amira H.",
          handle: "@Amira_Family",
          testimonial: "أشعر بالراحة والثقة التامة في كل زيارة. فريق عمل ودود وأطباء ممتازون.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-male-doctor-smiling-points-away-space-text-white-background-attractive-intern-wearing-uniform-looking-confident-isolated_574295-6094.jpg",
          imageAlt: "Smiling Amira H.",
        },
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "📞 Call Now",
          href: "tel:+21344926028",
        },
        {
          text: "💬 WhatsApp",
          href: "https://wa.me/21344926028",
        },
        {
          text: "📅 Book Appointment",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-hospital-cabinet-with-nobody-it_482257-10435.jpg"
      imageAlt="A friendly dentist examining a patient in a modern dental clinic"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-female-patient-waiting-have-dental-procedure-dentist_23-2148985766.jpg",
          alt: "Smiling patient looking healthy",
        },
        {
          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: "Confident man smiling",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-woman-standing-kitchen-bathrobe-posing-smiling-camera_1258-197939.jpg",
          alt: "Happy woman with clean teeth",
        },
        {
          src: "http://img.b2bpic.net/free-photo/view-from-side-happy-girl-sitting-dentist-office_651396-1709.jpg",
          alt: "Young patient smiling",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
          alt: "Friendly staff member",
        },
      ]}
      avatarText="Join our growing family of happy patients!"
      marqueeItems={[
        {
          type: "text",
          text: "Gentle Care",
        },
        {
          type: "text",
          text: "Modern Dentistry",
        },
        {
          type: "text",
          text: "Patient Comfort",
        },
        {
          type: "text",
          text: "Trusted Professionals",
        },
        {
          type: "text",
          text: "Healthy Smiles",
        },
      ]}
    />
  </div>

  <div id="emergency" data-section="emergency">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "em1",
          title: "Urgent Pain Relief",
          author: "24/7 Support",
          description: "Quick diagnosis and treatment for acute dental pain, ensuring your comfort.",
          tags: [
            "Emergency",
            "Pain Management",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-denstist-wearing-mask_23-2149164278.jpg",
          imageAlt: "Tooth pain relief icon",
        },
        {
          id: "em2",
          title: "Accident Support",
          author: "Trauma Care",
          description: "Immediate care for chipped, broken, or knocked-out teeth caused by accidents.",
          tags: [
            "Trauma",
            "Restoration",
          ],
          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: "Broken tooth repair icon",
        },
        {
          id: "em3",
          title: "Lost Filling/Crown",
          author: "Rapid Repair",
          description: "Fast and effective solutions for lost fillings or crowns to prevent further damage.",
          tags: [
            "Restoration",
            "Preventative",
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/dental-problems-design_1212-606.jpg",
          imageAlt: "Lost filling icon",
        },
      ]}
      title="🚨 Dental Emergency? Immediate Assistance Available."
      description="Don't wait if you're experiencing severe dental pain or an urgent issue. Call us immediately for rapid, compassionate care. Your comfort is our priority."
      buttons={[
        {
          text: "📞 Call Emergency",
          href: "tel:+21344926028",
        },
        {
          text: "💬 WhatsApp Now",
          href: "https://wa.me/21344926028",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "s1",
          title: "Dental Cleaning (تنظيف الأسنان)",
          author: "Preventative Care",
          description: "Keep your smile bright and healthy with professional dental cleaning.",
          tags: [
            "Hygiene",
            "Prevention",
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/dentistry-treatment-teeth-healthcare-tools_24877-55021.jpg",
          imageAlt: "Dental Cleaning icon",
        },
        {
          id: "s2",
          title: "Tooth Extraction (خلع الأسنان)",
          author: "Gentle Removal",
          description: "Safe and comfortable tooth removal when necessary, minimizing discomfort.",
          tags: [
            "Surgery",
            "Relief",
          ],
          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: "Tooth Extraction icon",
        },
        {
          id: "s3",
          title: "Fillings (حشوات)",
          author: "Restorative Solutions",
          description: "Restore damaged teeth with durable and natural-looking fillings.",
          tags: [
            "Restoration",
            "Cavity",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-hands-working-young-woman-patient-with-dental-tools_613910-6133.jpg",
          imageAlt: "Dental Fillings icon",
        },
        {
          id: "s4",
          title: "Teeth Whitening (تبييض الأسنان)",
          author: "Brighten Your Smile",
          description: "Achieve a dazzling, brighter smile with our professional whitening treatments.",
          tags: [
            "Cosmetic",
            "Aesthetics",
          ],
          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: "Teeth Whitening icon",
        },
        {
          id: "s5",
          title: "Braces / Orthodontics (تقويم الأسنان)",
          author: "Straighten Your Smile",
          description: "Correct alignment issues and achieve a perfectly straight smile with braces.",
          tags: [
            "Orthodontics",
            "Alignment",
          ],
          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: "Dental Braces icon",
        },
        {
          id: "s6",
          title: "Dental Implants (زرع الأسنان)",
          author: "Permanent Replacements",
          description: "Replace missing teeth with natural-looking and durable dental implants.",
          tags: [
            "Implants",
            "Restoration",
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/structure-dental-implant-white-background_1308-92990.jpg",
          imageAlt: "Dental Implants icon",
        },
      ]}
      title="Our Comprehensive Dental Services"
      description="At My Family Dental, we offer a full range of modern dental treatments designed to keep your smile healthy and beautiful. From routine check-ups to advanced cosmetic procedures, we're here for you."
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Philosophy"
      title="Meet Dr. AZZOUG: Your Trusted Dental Partner"
      description="Dr. Azzoug is committed to providing gentle, precise dental care using modern techniques focused on patient comfort and long-term oral health. With years of experience serving the عزازقة community, Dr. Azzoug builds lasting relationships based on trust and clear communication."
      subdescription="Our clinic is equipped with the latest technology to ensure safe, effective, and pain-free treatments for the entire family. We believe in personalized care that addresses your unique needs."
      icon={Activity}
      imageSrc="http://img.b2bpic.net/free-photo/doctor-holding-digital-tablet-while-talking-with-patient_107420-74007.jpg"
      imageAlt="Portrait of Dr. Azzoug, a professional male dentist smiling in his clinic."
      mediaAnimation="slide-up"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "rev1",
          name: "Nour B.",
          role: "Local Resident",
          company: "Azazga",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-showing-dental-jaw-female-patient-clinic_23-2147862036.jpg",
          imageAlt: "Nour B.",
        },
        {
          id: "rev2",
          name: "Karim M.",
          role: "Businessman",
          company: "Local Business",
          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: "Karim M.",
        },
        {
          id: "rev3",
          name: "Lina T.",
          role: "Parent",
          company: "Azazga Families",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-doing-their-work-pediatrics-office_23-2149224181.jpg",
          imageAlt: "Lina T.",
        },
        {
          id: "rev4",
          name: "Omar D.",
          role: "Educator",
          company: "Community Member",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-laughing-elderly-woman_171337-7906.jpg",
          imageAlt: "Omar D.",
        },
        {
          id: "rev5",
          name: "Zina F.",
          role: "Student",
          company: "Azazga",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-dentist-taking-selfie-with-patient_23-2148396143.jpg",
          imageAlt: "Zina F.",
        },
        {
          id: "rev6",
          name: "Rami S.",
          role: "Engineer",
          company: "Local Professional",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-patient-sitting-dentist-chair-while-her-doctor-preparing-syringe-injection_613910-17766.jpg",
          imageAlt: "Rami S.",
        },
      ]}
      kpiItems={[
        {
          value: "5.0",
          label: "Rating",
        },
        {
          value: "10+",
          label: "Years Experience",
        },
        {
          value: "100s",
          label: "Happy Smiles",
        },
      ]}
      title="What Our Patients Say"
      description="Hear directly from families in عزازقة who trust My Family Dental for their oral health. Your satisfaction and comfort are our greatest rewards."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Happy Families",
        "Community Health",
        "Local Patients",
        "Gentle Care",
        "Trusted Partners",
        "Health Alliance",
        "Patient Advocates",
      ]}
      title="Trusted by Families Across Azazga"
      description="Our commitment to quality dental care has earned the trust of countless patients in عزازقة and the surrounding communities. Join our growing family!"
      speed={40}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Book Your Visit"
      title="Schedule Your Appointment Today"
      description="Ready for a healthier, brighter smile? Contact My Family Dental – Dr AZZOUG to book your visit. We're here to answer all your questions and provide the care you deserve."
      inputPlaceholder="Your Name"
      buttonText="Submit Request"
      termsText="By submitting this form, you agree to our clinic's privacy policy and terms of service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="My Family Dental – Dr AZZOUG"
      copyrightText="© 2024 My Family Dental – Dr AZZOUG. All rights reserved."
      socialLinks={[
        {
          icon: Phone,
          href: "tel:+21344926028",
          ariaLabel: "Call us",
        },
        {
          icon: MessageCircle,
          href: "https://wa.me/21344926028",
          ariaLabel: "Message on WhatsApp",
        },
        {
          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: "Get Directions",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
