"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="noise"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Accueil",
          id: "#hero",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "L'Équipe",
          id: "#team",
        },
        {
          name: "Avis",
          id: "#testimonials",
        },
        {
          name: "Urgence 24h",
          id: "#contact",
        },
      ]}
      brandName="NEODENT"
      button={{
        text: "Prendre RDV",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient",
      }}
      title="NEODENT Alger : Excellence en soins dentaires"
      description="Expertise en implantologie, esthétique et soins dentaires complets au cœur d'Alger. Urgence 24h/24 pour votre tranquillité."
      buttons={[
        {
          text: "Prendre rendez-vous",
          href: "#contact",
        },
        {
          text: "Urgence dentaire 24h",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23913.jpg"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Nos Spécialités"
      description="Des solutions dentaires adaptées à chaque besoin, alliant technologie de pointe et confort."
      accordionItems={[
        {
          id: "imp",
          title: "Implantologie de pointe",
          content: "Pose d'implants dentaires haut de gamme avec technologie guidée.",
        },
        {
          id: "est",
          title: "Dentisterie esthétique",
          content: "Blanchiment, facettes et sourires sur mesure.",
        },
        {
          id: "ortho",
          title: "Orthodontie invisible",
          content: "Aligneurs transparents pour un sourire discret et efficace.",
        },
        {
          id: "urg",
          title: "Urgence 24h/24",
          content: "Traitement immédiat de toutes vos urgences dentaires à Alger.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medical-background_93675-129984.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "t1",
          name: "Dr. Amine B.",
          role: "Implantologue",
          imageSrc: "http://img.b2bpic.net/free-photo/international-medical-student-man-blue-uniform-doctor-mask_1157-44776.jpg",
        },
        {
          id: "t2",
          name: "Dr. Sarah M.",
          role: "Esthétique dentaire",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-doctor-crossed-hands-front-white-wall_158595-7667.jpg",
        },
        {
          id: "t3",
          name: "Dr. Karim L.",
          role: "Orthodontiste",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67127.jpg",
        },
      ]}
      title="Votre équipe d'experts"
      description="Des spécialistes dédiés à la santé et à la beauté de votre sourire."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "1500+",
          description: "Implants posés",
        },
        {
          id: "m2",
          value: "24/7",
          description: "Disponibilité urgence",
        },
        {
          id: "m3",
          value: "98%",
          description: "Patients satisfaits",
        },
      ]}
      title="Nos indicateurs d'excellence"
      description="La confiance de milliers de patients algérois."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Yasmine K.",
          date: "12/2023",
          title: "Excellente équipe",
          quote: "Un accueil chaleureux et une intervention parfaite.",
          tag: "Implant",
          avatarSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/full-equiped-medical-cabinet_1303-23913.jpg",
          imageAlt: "happy dental patient",
        },
        {
          id: "2",
          name: "Mehdi F.",
          date: "11/2023",
          title: "Urgence gérée",
          quote: "Secouru en pleine nuit, professionnalisme incroyable.",
          tag: "Urgence",
          avatarSrc: "http://img.b2bpic.net/free-photo/doctor-standing-with-thumb-up-horizontal-medium-shot_1098-18147.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/medical-background_93675-129984.jpg",
          imageAlt: "happy dental patient",
        },
        {
          id: "3",
          name: "Lila A.",
          date: "01/2024",
          title: "Sourire retrouvé",
          quote: "Le meilleur cabinet dentaire sur Alger, je recommande.",
          tag: "Esthétique",
          avatarSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-doing-high-five-gesture-with-sick-girl-resting-hospital-pediatric-ward-patient-bed-childcare-healthcare-facility-staff-high-fiving-ill-kid-medical-treatment_482257-48933.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/young-arab-man-holding-france-flag-looking-positive-happy-standing-smiling-with-confident-smile-showing-teeth_839833-11329.jpg",
          imageAlt: "happy dental patient",
        },
        {
          id: "4",
          name: "Samir D.",
          date: "02/2024",
          title: "Prestation top",
          quote: "Technologies modernes et très peu de douleur.",
          tag: "Orthodontie",
          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-romantic-senior-couple-enjoying-their-time-bench-outdoors_23-2148645454.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-dental-gems_23-2151212458.jpg",
          imageAlt: "happy dental patient",
        },
        {
          id: "5",
          name: "Nora H.",
          date: "03/2024",
          title: "Très satisfaite",
          quote: "Service impeccable et humain.",
          tag: "Soins",
          avatarSrc: "http://img.b2bpic.net/free-photo/illustration-dental-care-application-digital-tablet_53876-127353.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/international-medical-student-man-blue-uniform-doctor-mask_1157-44776.jpg",
          imageAlt: "happy dental patient",
        },
      ]}
      title="Témoignages patients"
      description="Ce que nos patients pensent de leur expérience chez NEODENT."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Comment gérer une urgence ?",
          content: "Appelez notre numéro d'urgence dédié disponible 24h/24.",
        },
        {
          id: "f2",
          title: "Les soins sont-ils douloureux ?",
          content: "Nous utilisons des techniques de sédation modernes.",
        },
        {
          id: "f3",
          title: "Quels sont les tarifs ?",
          content: "Un devis personnalisé est réalisé après diagnostic.",
        },
      ]}
      title="Questions fréquentes"
      description="Toutes les réponses à vos interrogations sur vos soins dentaires."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      title="Conseils Santé"
      description="Articles rédigés par nos dentistes pour votre hygiène bucco-dentaire."
      blogs={[
        {
          id: "b1",
          category: "Hygiène",
          title: "Prendre soin de ses gencives",
          excerpt: "Les étapes clés pour éviter les maladies parodontales.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-chair-dental-clinic_662251-2583.jpg",
          authorName: "Dr. Amine B.",
          authorAvatar: "http://img.b2bpic.net/free-photo/smiling-doctor-sitting-isolated-grey_651396-917.jpg",
          date: "Mars 2024",
        },
        {
          id: "b2",
          category: "Esthétique",
          title: "Tout sur le blanchiment",
          excerpt: "Mythes et réalités sur le blanchiment professionnel.",
          imageSrc: "http://img.b2bpic.net/free-photo/doctor-showing-injection-patient_1170-2124.jpg",
          authorName: "Dr. Sarah M.",
          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-scientists-meeting_23-2148969983.jpg",
          date: "Fév 2024",
        },
        {
          id: "b3",
          category: "Implant",
          title: "Les avantages de l'implant",
          excerpt: "Pourquoi choisir l'implant pour remplacer une dent.",
          imageSrc: "http://img.b2bpic.net/free-photo/boy-doing-occupational-therapy-session-with-psychologist_23-2149091568.jpg",
          authorName: "Dr. Karim L.",
          authorAvatar: "http://img.b2bpic.net/free-photo/young-woman-doctor-wearing-white-coat-with-stethoscope-happy-exited-sticking-out-tongue-standing-pink-wall_141793-47755.jpg",
          date: "Jan 2024",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contact"
      title="Prenez rendez-vous dès aujourd'hui"
      description="Le sourire que vous méritez commence ici. Appelez-nous ou réservez en ligne."
      buttons={[
        {
          text: "Appeler au +213 00 00 00 00",
          href: "tel:+21300000000",
        },
        {
          text: "Réserver sur WhatsApp",
          href: "https://wa.me/21300000000",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="NEODENT Alger"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Implantologie",
              href: "#services",
            },
            {
              label: "Esthétique",
              href: "#services",
            },
          ],
        },
        {
          title: "Urgence",
          items: [
            {
              label: "Appelez maintenant",
              href: "tel:+21300000000",
            },
          ],
        },
        {
          title: "Légal",
          items: [
            {
              label: "Mentions légales",
              href: "#",
            },
            {
              label: "Confidentialité",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
