Update src/app/page.tsx

src/app/booking/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import { Mail } from 'lucide-react';
+
+export default function OnlineBookingPage() {
+  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="Zahnarztpraxis Dr. Schickel"
+          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">
+        <ContactSplit
+          tag="Terminbuchung"
+          tagIcon={Mail}
+          title="Buchen Sie jetzt Ihren Zahnarzttermin online!"
+          description="Wählen Sie Ihren Wunschtermin bequem von zu Hause aus. Wir freuen uns darauf, Sie in unserer Praxis begrüßen zu dürfen."
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/online-booking-system.jpg"
+          imageAlt="Online-Terminbuchungssystem auf einem Tablet"
+          mediaPosition="left"
+          mediaAnimation="slide-up"
+          inputPlaceholder="Ihre E-Mail-Adresse"
+          buttonText="Terminanfrage senden"
+          termsText="Mit dem Absenden Ihrer Terminanfrage stimmen Sie unserer Datenschutzerklärung zu. Wir werden uns in Kürze mit Ihnen in Verbindung setzen, um Ihren Termin zu bestätigen."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

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 (
@@ -33,10 +33,10 @@ export default function LuxuryDentistPage() {
             { 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>
@@ -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"
         />
@@ -90,7 +90,7 @@ export default function LuxuryDentistPage() {
             }
           ]}
           buttons={[
-            { text: "Jetzt Termin vereinbaren", href: "#contact" }
+            { text: "Jetzt Termin vereinbaren", href: "/booking" }
           ]}
         />
       </div>
@@ -103,7 +103,7 @@ export default function LuxuryDentistPage() {
           useInvertedBackground={false}
           buttons={[
             { text: "Lernen Sie uns kennen", href: "#testimonials" },
-            { text: "Praxisphilosophie", href: "#contact" }
+            { text: "Praxisphilosophie", href: "/booking" }
           ]}
         />
       </div>
@@ -124,6 +124,9 @@ export default function LuxuryDentistPage() {
             },
             {
               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"
             }
           ]}
         />
@@ -164,8 +167,8 @@ export default function LuxuryDentistPage() {
         <ContactSplit
           tag="Kontaktieren Sie uns"
           tagIcon={Mail}
-          title="Vereinbaren Sie jetzt Ihren Termin bei uns!"
+          title="Haben Sie Fragen? Wir helfen Ihnen gerne!"
-          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."
+          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"
@@ -173,7 +176,7 @@ export default function LuxuryDentistPage() {
           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>
@@ -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" }
               ]
             },
             {