"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeLargeTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Über uns",          id: "#about"},
        {
          name: "Leistungen",          id: "#services"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Referenzen",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Kontakt",          id: "#contact"},
      ]}
      brandName="Dr. Stark"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogo
      logoText="Zahnartztpraxis Dr. Stark"
      description="Ihr Lächeln, unsere Leidenschaft. Moderne Zahnmedizin für die ganze Familie."
      buttons={[
        {
          text: "Termin vereinbaren",          href: "#contact"},
        {
          text: "Unsere Leistungen",          href: "#services"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/patient-sitting-dental-office_23-2148085272.jpg"
      imageAlt="Modernes Interieur einer Zahnarztpraxis"
      showDimOverlay={false}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Willkommen in unserer Praxis"
      description={[
        "In der Zahnarztpraxis Dr. Stark legen wir Wert auf eine persönliche und vertrauensvolle Atmosphäre. Unser Ziel ist es, Ihnen und Ihrer Familie eine umfassende zahnmedizinische Versorgung auf höchstem Niveau zu bieten. Wir nehmen uns Zeit für jeden Patienten und hören aufmerksam zu, um individuelle Bedürfnisse und Wünsche bestmöglich zu erfüllen.",        "Mit modernster Technik und einem engagierten Team sorgen wir für schmerzfreie Behandlungen und ein strahlendes Lächeln. Ihre Mundgesundheit und Ihr Wohlbefinden stehen bei uns an erster Stelle, unterstützt durch kontinuierliche Weiterbildung und innovative Behandlungsmethoden."]}
      showBorder={false}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Prophylaxe & Dentalhygiene",          description: "Professionelle Zahnreinigung und individuelle Beratung zur Vorbeugung von Karies und Parodontitis, maßgeschneidert für jedes Alter.",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-process-dental-services-dental-office-dental-treatment_1321-2975.jpg",          imageAlt: "Dentalhygienikerin reinigt Zähne"},
        {
          title: "Ästhetische Zahnheilkunde",          description: "Von Bleaching bis Veneers – für ein strahlendes und harmonisches Lächeln, das Ihre Persönlichkeit unterstreicht. Wir verwenden modernste Verfahren für natürliche Ergebnisse.",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-female-patient_107420-65400.jpg",          imageAlt: "Frau mit strahlendem Lächeln"},
        {
          title: "Implantologie",          description: "Hochwertiger Zahnersatz, der sich perfekt in Ihr Gebiss integriert und dauerhaft hält, für maximale Funktionalität und Ästhetik.",          imageSrc: "http://img.b2bpic.net/free-photo/dentist-using-dental-implant-machine-implantology-procedure_651396-3118.jpg",          imageAlt: "Dentalimplantat"},
        {
          title: "Endodontie",          description: "Schonende Wurzelkanalbehandlungen zur Rettung Ihrer natürlichen Zähne.",          imageSrc: "http://img.b2bpic.net/free-photo/female-orthodontist-working-dental-office_651396-2232.jpg",          imageAlt: "Wurzelkanalbehandlung"},
        {
          title: "Kinderzahnmedizin",          description: "Liebevolle und altersgerechte Betreuung für die gesunden Zähne Ihrer Kinder.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-boy-lying-dental-chair_23-2147905910.jpg",          imageAlt: "Kind lacht beim Zahnarzt"},
        {
          title: "Parodontologie",          description: "Effektive Behandlung von Zahnfleischerkrankungen für den Erhalt Ihrer Zähne.",          imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-posing-through-paper-hole_23-2148136083.jpg",          imageAlt: "Gesundes Zahnfleisch"},
      ]}
      title="Umfassende zahnmedizinische Leistungen"
      description="Wir bieten ein breites Spektrum an Behandlungen für Ihre optimale Mundgesundheit."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "team-member-1",          name: "Dr. Anna Stark",          role: "Zahnärztin, Praxisinhaberin. Spezialisiert auf ästhetische Zahnheilkunde und Implantologie.",          imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780294.jpg",          imageAlt: "Portrait von Dr. Anna Stark"},
        {
          id: "team-member-2",          name: "Sarah Müller",          role: "Dentalhygienikerin. Expertin für professionelle Zahnreinigung und Patientenaufklärung.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-woman-leaning-wall_1262-1743.jpg",          imageAlt: "Portrait von Sarah Müller"},
        {
          id: "team-member-3",          name: "Lisa Schmidt",          role: "Zahnmedizinische Fachangestellte. Verantwortlich für Terminmanagement und Assistenz am Behandlungsstuhl.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-with-white-shirt_1098-3663.jpg",          imageAlt: "Portrait von Lisa Schmidt"},
        {
          id: "team-member-4",          name: "Max Meier",          role: "Auszubildender. Unterstützt das Team in allen Bereichen der modernen Zahnmedizin.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67127.jpg",          imageAlt: "Portrait von Max Meier"},
      ]}
      title="Unser engagiertes Team"
      description="Lernen Sie die Gesichter hinter Ihrem strahlenden Lächeln kennen."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Exzellente Behandlung und Betreuung",          quote: "Ich bin seit Jahren Patientin bei Dr. Stark und bin immer wieder beeindruckt von der Professionalität und Freundlichkeit des gesamten Teams. Die Behandlungen sind stets schmerzfrei und die Ergebnisse hervorragend. Sehr empfehlenswert!",          name: "Maria K.",          role: "Langjährige Patientin",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-looking-hopeful-smiling-lean-head-hands-thinking-sitting_1258-194400.jpg",          imageAlt: "Lachende Frau"},
        {
          id: "2",          title: "Moderne Praxis mit Wohlfühlatmosphäre",          quote: "Eine sehr moderne und einladende Praxis! Dr. Stark nimmt sich viel Zeit für Erklärungen und Fragen. Man fühlt sich sofort gut aufgehoben und verstanden. Meine Angst vor dem Zahnarzt ist hier völlig verschwunden.",          name: "Thomas L.",          role: "Neupatient",          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-showing-ok-sign_1262-2445.jpg",          imageAlt: "Lachender Mann"},
        {
          id: "3",          title: "Das beste Team für meine Familie",          quote: "Wir gehen mit der ganzen Familie zu Dr. Stark. Auch unsere Kinder lieben den Zahnarztbesuch, dank der liebevollen und geduldigen Art des Teams. Hier stimmt einfach alles – von der Terminvereinbarung bis zur Nachsorge.",          name: "Familie S.",          role: "Familienpatienten",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-senior-woman-chuckles-closes-eyes-smiles-broadly-has-white-perfect-teeth-enjoys-spending-free-time-party-celebrates-special-occasion-women-retirement-age-concept_273609-50068.jpg",          imageAlt: "Lachende ältere Frau"},
        {
          id: "4",          title: "Professionell und vertrauenswürdig",          quote: "Ich habe hier meine Implantate machen lassen und bin mit dem Ergebnis überglücklich. Dr. Stark ist eine absolute Expertin auf ihrem Gebiet und ich habe mich jederzeit sicher und gut beraten gefühlt. Fünf Sterne!",          name: "Dirk P.",          role: "Implantatpatient",          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2612.jpg",          imageAlt: "Lachendes Kind"},
        {
          id: "5",          title: "Schmerzfreie Behandlungen garantiert",          quote: "Als jemand mit großer Zahnarztangst war ich lange auf der Suche nach einer Praxis, die auf meine Bedürfnisse eingeht. Hier habe ich sie gefunden! Alle Behandlungen waren absolut schmerzfrei und das Team war sehr einfühlsam.",          name: "Sabine F.",          role: "Angstpatientin",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sitting-chair-while-female-dentist-working-clinic_662251-2551.jpg",          imageAlt: "Lachende junge Frau"},
      ]}
      title="Was unsere Patienten sagen"
      description="Echte Erfahrungen von zufriedenen Patienten, die uns vertrauen."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "Wie vereinbare ich einen Termin?",          content: "Sie können uns telefonisch während unserer Sprechzeiten erreichen oder das Online-Formular auf unserer Kontaktseite nutzen. Wir melden uns schnellstmöglich bei Ihnen."},
        {
          id: "faq-2",          title: "Werden neue Patienten aufgenommen?",          content: "Ja, wir freuen uns immer über neue Patienten! Egal ob Kassen- oder Privatpatient, wir heißen Sie herzlich willkommen in unserer Praxis."},
        {
          id: "faq-3",          title: "Welche Zahlungsoptionen gibt es?",          content: "Wir akzeptieren Barzahlung, EC-Karte und alle gängigen Kreditkarten. Bei größeren Behandlungen bieten wir Ihnen gerne auch eine Ratenzahlung an."},
        {
          id: "faq-4",          title: "Kann ich meinen Termin online ändern?",          content: "Für Terminänderungen bitten wir Sie, uns direkt telefonisch zu kontaktieren, damit wir schnell eine passende Lösung finden können."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/orthodontist-with-latex-gloves-handling-dental-equipment_23-2148985834.jpg"
      imageAlt="Modernes Zahnarztgerät"
      mediaAnimation="opacity"
      title="Häufig gestellte Fragen"
      description="Antworten auf die wichtigsten Fragen rund um Ihren Besuch bei uns."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Kontaktieren Sie uns"
      title="Vereinbaren Sie Ihren Termin"
      description="Wir freuen uns darauf, Sie in unserer Praxis begrüßen zu dürfen. Nutzen Sie das Formular oder rufen Sie uns direkt an."
      inputPlaceholder="Ihre E-Mail-Adresse"
      buttonText="Termin anfragen"
      termsText="Mit dem Absenden erklären Sie sich mit unserer Datenschutzerklärung einverstanden."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Start",              href: "#home"},
            {
              label: "Über uns",              href: "#about"},
            {
              label: "Team",              href: "#team"},
          ],
        },
        {
          items: [
            {
              label: "Prophylaxe",              href: "#services"},
            {
              label: "Ästhetik",              href: "#services"},
            {
              label: "Implantate",              href: "#services"},
          ],
        },
        {
          items: [
            {
              label: "Termin",              href: "#contact"},
            {
              label: "Anfahrt",              href: "#"},
            {
              label: "Impressum",              href: "#"},
          ],
        },
      ]}
      logoText="Dr. Stark"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}