"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Smile, Star, Mail, CalendarCheck } from 'lucide-react';

export default function LuxuryDentistPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Zahnarzt Dr. Kurt Fleck und Dr. S.H. Höhn-Fleck"
          navItems={[
            { name: "Startseite", id: "/" },
            { name: "Leistungen", id: "services" },
            { name: "Über Uns", id: "about" },
            { name: "Kontakt", id: "contact" },
            { name: "Online Termin", id: "/booking" }
          ]}
          button={{
            text: "Termin Online Buchen",            href: "/booking"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Ihre Zahnarztpraxis in Griesheim: Moderne Zahnpflege für Ihr strahlendes Lächeln mit Dr. Kurt Fleck und Dr. S.H. Höhn-Fleck"
          description="Dr. Kurt Fleck und Dr. S.H. Höhn-Fleck bieten Ihnen umfassende zahnmedizinische Versorgung auf höchstem Niveau. Bewertet mit 4.0 Sternen aus 22 Rezensionen. Von Prophylaxe bis zu ästhetischen Behandlungen – wir kümmern uns um Ihre Zahngesundheit."
          tag="Ihr Zahnarzt in Griesheim"
          tagIcon={Sparkles}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=89ghwx"
          imageAlt="Moderne Zahnarztpraxis in Griesheim mit freundlichem Empfangsbereich"
          imagePosition="right"
          kpis={[
            { value: "20+", label: "Jahre Erfahrung" },
            { value: "100%", label: "Zufriedene Patienten" },
            { value: "Modernste", label: "Technik" }
          ]}
          enableKpiAnimation={true}
          buttons={[
            { text: "Unsere Leistungen entdecken", href: "#services" },
            { text: "Termin Online Buchen", href: "/booking" }
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardTwo
          title="Unsere Spezialgebiete & Behandlungen"
          description="Wir bieten ein breites Spektrum an zahnmedizinischen Leistungen, um Ihre Mundgesundheit optimal zu erhalten und Ihr Lächeln zu verschönern."
          tag="Umfassende Zahnmedizin"
          tagIcon={Smile}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={true}
          products={[
            {
              id: "1",              brand: "Ästhetik",              name: "Professionelle Zahnreinigung & Bleaching",              price: "Auf Anfrage",              rating: 5,
              reviewCount: "",              imageSrc: "http://img.b2bpic.net/free-photo/dripping-paint-letter-l_23-2148185101.jpg",              imageAlt: "Professionelle Zahnreinigung und Bleaching"
            },
            {
              id: "2",              brand: "Implantologie",              name: "Zahnimplantate & Zahnersatz",              price: "Auf Anfrage",              rating: 5,
              reviewCount: "",              imageSrc: "http://img.b2bpic.net/free-photo/parent-helping-daughter-with-mathematics-homework-using-classroom-e-learning-platform-coronavirus-quarantine-clever-child-studying-elementary-literature-having-online-school-lesson_482257-29303.jpg",              imageAlt: "Moderne Zahnimplantate und Zahnersatzlösungen"
            },
            {
              id: "3",              brand: "Konservierend",              name: "Füllungen & Wurzelbehandlungen",              price: "Auf Anfrage",              rating: 5,
              reviewCount: "",              imageSrc: "http://img.b2bpic.net/free-photo/realistic-n-letter-with-flowers_23-2150458456.jpg",              imageAlt: "Hochwertige Zahnfüllungen und Wurzelkanalbehandlungen"
            }
          ]}
          buttons={[
            { text: "Jetzt Termin vereinbaren", href: "/booking" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Ihr Lächeln liegt uns am Herzen – Die Zahnarztpraxis Dr. Fleck und Dr. Höhn-Fleck" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Lernen Sie uns kennen", href: "#testimonials" },
            { text: "Praxisphilosophie", href: "/booking" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Warum Sie uns wählen sollten"
          description="Wir vereinen modernste Technologie mit einfühlsamer Patientenbetreuung, um Ihnen eine schmerzfreie und effektive Behandlung zu garantieren."
          tag="Ihre Vorteile bei uns"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground={true}
          features={[
            {
              title: "Modernste Technologien",              description: "Digitale Röntgendiagnostik, Laserbehandlung und modernste Geräte für präzise und schonende Behandlungen.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1iulfc"
            },
            {
              title: "Erfahrenes & freundliches Team",              description: "Unser engagiertes Team aus Zahnärzten und Fachkräften sorgt für eine angenehme Atmosphäre und individuelle Betreuung.",              imageSrc: "http://img.b2bpic.net/free-photo/fashion-food-consumer-concept-cheerful-silly-redhead-woman-fooling-around-playing-with-dessert-m_1258-132691.jpg"
            },
            {
              title: "Online Terminbuchung",              description: "Buchen Sie Ihren Termin bequem von zu Hause aus – rund um die Uhr verfügbar. Einfach, schnell und unkompliziert.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/online-booking-illustration.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Was unsere Patienten sagen"
          description="Lesen Sie, warum unsere Patienten aus Griesheim und Umgebung uns vertrauen und sich bei uns wohlfühlen."
          tag="Patientenstimmen"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Anja Müller",              handle: "Patientin aus Griesheim",              testimonial: "Die beste Zahnarztpraxis, in der ich je war! Das Team ist super freundlich und die Behandlung war absolut schmerzfrei. Bin begeistert!",              imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-letter_1149-1926.jpg",              imageAlt: "Anja Müller"
            },
            {
              id: "2",              name: "Markus Schneider",              handle: "Familienvater",              testimonial: "Endlich ein Zahnarzt, dem meine ganze Familie vertraut. Die Kinder gehen gerne hin und wir fühlen uns immer bestens aufgehoben.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5tm78s",              imageAlt: "Markus Schneider"
            },
            {
              id: "3",              name: "Sophie Weber",              handle: "Junge Berufstätige",              testimonial: "Mein Lächeln ist jetzt viel strahlender! Die ästhetischen Behandlungen waren top und ich wurde super beraten. Absolut empfehlenswert.",              imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041843.jpg",              imageAlt: "Sophie Weber"
            },
            {
              id: "4",              name: "Dr. Lehmann",              handle: "Stammkunde seit 10 Jahren",              testimonial: "Kompetent, zuverlässig und immer auf dem neuesten Stand der Technik. Dr. Fleck und Dr. Höhn-Fleck sind meine erste Wahl in Griesheim.",              imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-t_53876-63683.jpg",              imageAlt: "Dr. Lehmann"
            },
            {
              id: "5",              name: "Laura Schmidt",              handle: "Studentin",              testimonial: "Die Online-Terminbuchung ist super praktisch und die Wartezeiten sind minimal. Das Team ist sehr verständnisvoll und nimmt sich Zeit.",              imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter_53876-47240.jpg",              imageAlt: "Laura Schmidt"
            },
            {
              id: "6",              name: "Thomas Meier",              handle: "Rentner",              testimonial: "Auch im hohen Alter fühle ich mich hier bestens versorgt. Die freundliche und geduldige Art des Teams ist wohltuend. Vielen Dank!",              imageSrc: "http://img.b2bpic.net/free-photo/colorful-letter-g-with-vegetables_1149-799.jpg",              imageAlt: "Thomas Meier"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Kontaktieren Sie uns"
          tagIcon={Mail}
          title="Haben Sie Fragen? Wir helfen Ihnen gerne!"
          description="Für allgemeine Anfragen nutzen Sie bitte das Formular. Für Terminbuchungen nutzen Sie unseren Online-Service."
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/online-internet-symbol-icon_53876-144714.jpg"
          imageAlt="Freundlicher Empfang in der Zahnarztpraxis Griesheim"
          mediaPosition="right"
          mediaAnimation="slide-up"
          inputPlaceholder="Ihre E-Mail-Adresse"
          buttonText="Nachricht senden"
          termsText="Mit dem Absenden stimmen Sie unserer Datenschutzerklärung zu."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Zahnarzt Dr. Kurt Fleck und Dr. S.H. Höhn-Fleck"
          copyrightText="© 2024 Zahnarzt Dr. Kurt Fleck und Dr. S.H. Höhn-Fleck | Alle Rechte vorbehalten."
          columns={[
            {
              title: "Leistungen",              items: [
                { label: "Prophylaxe", href: "#services" },
                { label: "Implantologie", href: "#services" },
                { label: "Ästhetische Zahnheilkunde", href: "#services" },
                { label: "Wurzelkanalbehandlung", href: "#services" },
                { label: "Online Termin", href: "/booking" }
              ]
            },
            {
              title: "Praxis",              items: [
                { label: "Über Uns", href: "#about" },
                { label: "Unser Team", href: "#testimonials" },
                { label: "Praxisausstattung", href: "#features" },
                { label: "Kontakt", href: "#contact" }
              ]
            },
            {
              title: "Folgen Sie uns",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Google Reviews", href: "https://google.com" },
                { label: "Anfahrt", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}