Merge version_4 into main #4

Merged
bender merged 2 commits from version_4 into main 2026-06-08 11:59:25 +00:00
2 changed files with 76 additions and 38 deletions

View File

@@ -2,10 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import { Mail } from 'lucide-react';
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.");
};
export default function OnlineBookingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -24,9 +30,9 @@ export default function OnlineBookingPage() {
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: "Leistungen", id: "services" },
{ name: "Über Uns", id: "about" },
{ name: "Kontakt", id: "contact" },
{ name: "Online Termin", id: "/booking" }
]}
button={{
@@ -35,23 +41,53 @@ export default function OnlineBookingPage() {
/>
</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"
<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="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."
buttonText="Termin anfragen"
termsText="Mit dem Absenden stimmen Sie unserer Datenschutzerklärung zu."
onSubmit={handleSubmit}
centered={true}
/>
</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>
);
}
}

View File

@@ -48,8 +48,8 @@ export default function LuxuryDentistPage() {
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" },
@@ -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={[
@@ -101,9 +101,11 @@ export default function LuxuryDentistPage() {
{ type: "text", content: "Ihr Lächeln liegt uns am Herzen Die Zahnarztpraxis Dr. Fleck und Dr. Höhn-Fleck" }
]}
useInvertedBackground={false}
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"
imageAlt="Freundliches Team der Zahnarztpraxis Dr. Fleck und Dr. Höhn-Fleck"
buttons={[
{ text: "Lernen Sie uns kennen", href: "#testimonials" },
{ text: "Praxisphilosophie", href: "/booking" }
{ text: "Praxisphilosophie", href: "#about" }
]}
/>
</div>
@@ -120,13 +122,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 +144,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. 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: "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 +173,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"
@@ -216,4 +218,4 @@ export default function LuxuryDentistPage() {
</div>
</ThemeProvider>
);
}
}