Merge version_4 into main

Merge version_4 into main

src/app/booking/page.tsx

@@ -0,0 +1,94 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactForm from "@/components/form/ContactForm";
+import FooterBase from '@/components/sections/footer/FooterBase';
+import { CalendarCheck } from 'lucide-react';
+
+export default function BookingPage() {
+  const handleSubmit = (email: string) => {
+    console.log("Booking request for:", email);
+    alert("Vielen Dank für Ihre Anfrage! Wir melden uns in Kürze bei Ihnen.");
+  };
+
+  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="booking-form" data-section="booking-form" className="py-20">
+        <ContactForm
+          tag="Termin vereinbaren"
+          tagIcon={CalendarCheck}
+          title="Buchen Sie Ihren Termin online"
+          description="Nutzen Sie unser praktisches Online-Formular, um Ihren Wunschtermin schnell und unkompliziert zu reservieren. Wir freuen uns auf Sie!"
+          inputPlaceholder="Ihre E-Mail-Adresse"
+          buttonText="Termin anfragen"
+          termsText="Mit dem Absenden stimmen Sie unserer Datenschutzerklärung zu."
+          onSubmit={handleSubmit}
+          centered={true}
+          useInvertedBackground={false}
+        />
+      </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>
+  );
+}

src/app/layout.tsx

@@ -19,8 +19,8 @@ const inter = Inter({
 });
 
 export const metadata: Metadata = {
-  title: 'Zahnarztpraxis Dr. Schickel Griesheim – Ihr Lächeln ist unsere Priorität',
-  description: 'Ihre Zahnarztpraxis in Griesheim: Dr. Schickel bietet moderne Zahnmedizin für die ganze Familie. Von Prophylaxe bis Ästhetik – jetzt online Termin buchen und strahlend lächeln!',
+  title: 'Zahnarzt Dr. Kurt Fleck und Dr. S.H. Höhn-Fleck Griesheim – Ihr Lächeln ist unsere Priorität',
+  description: 'Ihre Zahnarztpraxis in Griesheim: Dr. Kurt Fleck und Dr. S.H. Höhn-Fleck bieten moderne Zahnmedizin für die ganze Familie. Von Prophylaxe bis Ästhetik – jetzt online Termin buchen und strahlend lächeln!',
 };
 
 export default function RootLayout({

src/app/page.tsx

@@ -9,7 +9,7 @@ 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 } from 'lucide-react';
+import { Sparkles, Smile, Star, Mail, CalendarCheck } from 'lucide-react';
 
 export default function LuxuryDentistPage() {
   return (
@@ -27,29 +27,29 @@ export default function LuxuryDentistPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          brandName="Zahnarztpraxis Dr. Schickel"
+          brandName=""
           navItems={[
-            { name: "Startseite", id: "hero" },
+            { name: "Startseite", id: "/" },
             { name: "Leistungen", id: "services" },
             { name: "Über Uns", id: "about" },
             { name: "Kontakt", id: "contact" },
-            { name: "Online Termin", id: "contact" }
+            { name: "Online Termin", id: "/booking" }
           ]}
           button={{
-            text: "Termin Online Buchen",            href: "#contact"
+            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"
-          description="Dr. Schickel und sein Team bieten Ihnen umfassende zahnmedizinische Versorgung auf höchstem Niveau. Von Prophylaxe bis zu ästhetischen Behandlungen – wir kümmern uns um Ihre Zahngesundheit."
+          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"
+          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" },
@@ -59,7 +59,7 @@ export default function LuxuryDentistPage() {
           enableKpiAnimation={true}
           buttons={[
             { text: "Unsere Leistungen entdecken", href: "#services" },
-            { text: "Termin Online Buchen", href: "#contact" }
+            { text: "Termin Online Buchen", href: "/booking" }
           ]}
           mediaAnimation="slide-up"
         />
@@ -78,19 +78,19 @@ export default function LuxuryDentistPage() {
           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"
+              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: "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"
+              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: "http://img.b2bpic.net/free-photo/realistic-n-letter-with-flowers_23-2150458456.jpg",              imageAlt: "Hochwertige Zahnfüllungen und Wurzelkanalbehandlungen"
+              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: "#contact" }
+            { text: "Jetzt Termin vereinbaren", href: "/booking" }
           ]}
         />
       </div>
@@ -98,12 +98,12 @@ export default function LuxuryDentistPage() {
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout
           heading={[
-            { type: "text", content: "Ihr Lächeln liegt uns am Herzen – Seit über 20 Jahren in Griesheim" }
+            { 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: "#contact" }
+            { text: "Praxisphilosophie", href: "#about" }
           ]}
         />
       </div>
@@ -120,10 +120,13 @@ export default function LuxuryDentistPage() {
           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: "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: "http://img.b2bpic.net/free-photo/fashion-food-consumer-concept-cheerful-silly-redhead-woman-fooling-around-playing-with-dessert-m_1258-132691.jpg"
+              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"
             }
           ]}
         />
@@ -139,22 +142,22 @@ export default function LuxuryDentistPage() {
           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: "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://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5tm78s",              imageAlt: "Markus Schneider"
+              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: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041843.jpg",              imageAlt: "Sophie Weber"
+              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. Schickel und sein Team sind meine erste Wahl in Griesheim.",              imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-t_53876-63683.jpg",              imageAlt: "Dr. Lehmann"
+              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: "http://img.b2bpic.net/free-photo/hand-holding-letter_53876-47240.jpg",              imageAlt: "Laura Schmidt"
+              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: "http://img.b2bpic.net/free-photo/colorful-letter-g-with-vegetables_1149-799.jpg",              imageAlt: "Thomas Meier"
+              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"
             }
           ]}
         />
@@ -164,24 +167,24 @@ export default function LuxuryDentistPage() {
         <ContactSplit
           tag="Kontaktieren Sie uns"
           tagIcon={Mail}
-          title="Vereinbaren Sie jetzt Ihren Termin bei uns!"
-          description="Wir freuen uns darauf, Sie in unserer Praxis in Griesheim begrüßen zu dürfen. Nutzen Sie unser Formular oder rufen Sie uns an."
+          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"
+          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="Termin Online Anfragen"
+          buttonText="Nachricht senden"
           termsText="Mit dem Absenden stimmen Sie unserer Datenschutzerklärung zu."
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBase
-          logoText="Zahnarztpraxis Dr. Schickel Griesheim"
-          copyrightText="© 2024 Zahnarztpraxis Dr. Schickel | Alle Rechte vorbehalten."
+          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: [
@@ -189,7 +192,7 @@ export default function LuxuryDentistPage() {
                 { label: "Implantologie", href: "#services" },
                 { label: "Ästhetische Zahnheilkunde", href: "#services" },
                 { label: "Wurzelkanalbehandlung", href: "#services" },
-                { label: "Online Termin", href: "#contact" }
+                { label: "Online Termin", href: "/booking" }
               ]
             },
             {
@@ -213,4 +216,4 @@ export default function LuxuryDentistPage() {
       </div>
     </ThemeProvider>
   );
-}
+}