Update src/app/booking/page.tsx

Merge version_3 into main

src/app/booking/page.tsx

@@ -2,10 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactForm from "@/components/form/ContactForm";
-import { Mail } from 'lucide-react';
+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.");
+  };
 
-export default function OnlineBookingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -21,12 +27,12 @@ export default function OnlineBookingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          brandName="Zahnarztpraxis Dr. Schickel"
+          brandName=""
           navItems={[
             { name: "Startseite", id: "/" },
-            { name: "Leistungen", id: "/#services" },
+            { name: "Leistungen", id: "services" },
-            { name: "Über Uns", id: "/#about" },
+            { name: "Über Uns", id: "about" },
-            { name: "Kontakt", id: "/#contact" },
+            { name: "Kontakt", id: "contact" },
             { name: "Online Termin", id: "/booking" }
           ]}
           button={{
@@ -35,21 +41,52 @@ export default function OnlineBookingPage() {
         />
       </div>
 
-      <div id="booking-form" data-section="booking-form">
+      <div id="booking-form" data-section="booking-form" className="py-20">
-        <ContactSplit
+        <ContactForm
-          tag="Terminbuchung"
+          tag="Termin vereinbaren"
-          tagIcon={Mail}
+          tagIcon={CalendarCheck}
-          title="Buchen Sie jetzt Ihren Zahnarzttermin online!"
+          title="Buchen Sie Ihren Termin 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."
+          description="Nutzen Sie unser praktisches Online-Formular, um Ihren Wunschtermin schnell und unkompliziert zu reservieren. Wir freuen uns auf Sie!"
-          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"
+          buttonText="Termin anfragen"
-          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."
+          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',
+  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. Schickel bietet moderne Zahnmedizin für die ganze Familie. Von Prophylaxe bis Ästhetik – jetzt online Termin buchen und strahlend lächeln!',
+  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

@@ -27,9 +27,9 @@ 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" },
@@ -43,13 +43,13 @@ export default function LuxuryDentistPage() {
 
       <div id="hero" data-section="hero">
         <HeroSplitKpi
-          title="Ihre Zahnarztpraxis in Griesheim: Moderne Zahnpflege für Ihr strahlendes Lächeln"
+          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. 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."
+          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"
+          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="Moderne Zahnarztpraxis in Griesheim mit freundlichem Empfangsbereich"
+          imageAlt="Modernes und einladendes Interieur der Zahnarztpraxis"
           imagePosition="right"
           kpis={[
             { value: "20+", label: "Jahre Erfahrung" },
@@ -78,15 +78,15 @@ 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={[
@@ -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: "/booking" }
+            { text: "Praxisphilosophie", href: "#about" }
           ]}
         />
       </div>
@@ -120,13 +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://webuild-dev.s3.eu-north-1.amazonaws.com/default/online-booking-illustration.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://images.unsplash.com/photo-1563220762-d273a0e3f01c?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
             }
           ]}
         />
@@ -142,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"
             }
           ]}
         />
@@ -171,7 +171,7 @@ export default function LuxuryDentistPage() {
           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"
@@ -183,8 +183,8 @@ export default function LuxuryDentistPage() {
 
       <div id="footer" data-section="footer">
         <FooterBase
-          logoText="Zahnarztpraxis Dr. Schickel Griesheim"
+          logoText="Zahnarzt Dr. Kurt Fleck und Dr. S.H. Höhn-Fleck"
-          copyrightText="© 2024 Zahnarztpraxis Dr. Schickel | Alle Rechte vorbehalten."
+          copyrightText="© 2024 Zahnarzt Dr. Kurt Fleck und Dr. S.H. Höhn-Fleck | Alle Rechte vorbehalten."
           columns={[
             {
               title: "Leistungen",              items: [