"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=""
          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://images.unsplash.com/photo-1544717305-2780e159a67a?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
          imageAlt="Modernes und einladendes Interieur der Zahnarztpraxis"
          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: "https://images.unsplash.com/photo-1560945532-a43b2ed2a153?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",              imageAlt: "Professionelle Zahnreinigung"
            },
            {
              id: "2",              brand: "Implantologie",              name: "Zahnimplantate & Zahnersatz",              price: "Auf Anfrage",              rating: 5,
              reviewCount: "",              imageSrc: "https://images.unsplash.com/photo-1618335359020-0d3f82e8f17a?q=80&w=1964&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",              imageAlt: "Dentalimplantate und Zahnersatz"
            },
            {
              id: "3",              brand: "Konservierend",              name: "Füllungen & Wurzelbehandlungen",              price: "Auf Anfrage",              rating: 5,
              reviewCount: "",              imageSrc: "https://images.unsplash.com/photo-1579294247293-9c8a9e2f6b3e?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",              imageAlt: "Zahnfüllungen und Wurzelbehandlungen"
            }
          ]}
          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: "#about" }
          ]}
        />
      </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://images.unsplash.com/photo-1596707323533-5c2f829a282b?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
            },
            {
              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: "https://images.unsplash.com/photo-1588776829446-24f4e24d081b?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
            },
            {
              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://images.unsplash.com/photo-1563220762-d273a0e3f01c?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
            }
          ]}
        />
      </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: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",              imageAlt: "Zufriedene Patientin 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://images.unsplash.com/photo-1547425260-76bc4bcefd9a?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",              imageAlt: "Zufriedener Patient 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: "https://images.unsplash.com/photo-1521110753443-c0d110cf9006?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",              imageAlt: "Zufriedene Patientin 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: "https://images.unsplash.com/photo-1552058544-ac2b01265db2?q=80&w=1965&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",              imageAlt: "Zufriedener Patient 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: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=1964&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",              imageAlt: "Zufriedene Patientin 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: "https://images.unsplash.com/photo-1599566150163-29194d693527?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",              imageAlt: "Zufriedener Patient 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="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
          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>
  );
}
