209 lines
15 KiB
TypeScript
209 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
|
||
const assetMap: Record<string, { url: string; alt: string }> = {
|
||
"logo-primary": { "url": "http://img.b2bpic.net/free-photo/teeth-with-dental-tools-care-pink-background_185193-163339.jpg", "alt": "dental practice logo modern minimalist" },
|
||
"hero-media-1": { "url": "http://img.b2bpic.net/free-photo/waiting-room-clinic-with-nobody-it-front-office-with-new-normal-having-sign-chair-social-distance-coronavirus-pandemic_482257-4808.jpg", "alt": "modern dental office interior bright white" },
|
||
"hero-media-2": { "url": "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg", "alt": "smiling patient with perfect teeth at dentist" },
|
||
"about-image": { "url": "http://img.b2bpic.net/free-photo/doctor-holding-digital-tablet-while-talking-with-patient_107420-74007.jpg", "alt": "dentist consulting patient friendly atmosphere" },
|
||
"service-dental-cleaning": { "url": "http://img.b2bpic.net/free-photo/high-angle-bloody-medical-scalpel_23-2149299250.jpg", "alt": "professional dental cleaning instruments" },
|
||
"service-aesthetics": { "url": "http://img.b2bpic.net/free-photo/portrait-women-women-s-day_23-2151931572.jpg", "alt": "aesthetic dentistry smile design close-up" },
|
||
"service-implants": { "url": "http://img.b2bpic.net/free-photo/female-patient-looking-radiography-her-teeth-with-dentist_23-2148985759.jpg", "alt": "dental implant surgery sterile environment" },
|
||
"service-kids": { "url": "http://img.b2bpic.net/free-photo/little-girl-sitting-dental-chair-posing-clinic_651396-1407.jpg", "alt": "child at dentist happy smiling comfortable" },
|
||
"team-dr-degenhardt": { "url": "http://img.b2bpic.net/free-photo/portrait-man-dentist-smiling-with-arms-crossed-dental-clinic_158595-7723.jpg", "alt": "professional female dentist portrait confident" },
|
||
"team-assistenz-1": { "url": "http://img.b2bpic.net/free-photo/smiling-female-dentist-dental-clinic_107420-74193.jpg", "alt": "female dental assistant smiling friendly" },
|
||
"team-reception": { "url": "http://img.b2bpic.net/free-photo/portrait-hospital-receptionist-standing-front-desk_482257-131181.jpg", "alt": "friendly dental receptionist smiling at desk" },
|
||
"testimonial-1": { "url": "http://img.b2bpic.net/free-photo/medium-shot-happy-old-man-outdoors_23-2148997293.jpg", "alt": "happy senior man smiling authentic" },
|
||
"testimonial-2": { "url": "http://img.b2bpic.net/free-photo/young-woman-cozy-wear-outdoors_624325-539.jpg", "alt": "smiling young woman portrait natural light" },
|
||
"testimonial-3": { "url": "http://img.b2bpic.net/free-photo/attractive-smiling-blond-bearded-man-hoodie-joyfully-spending-time-with-friends-isolated-blue-background-good-mood_574295-3154.jpg", "alt": "professional man in suit smiling office" },
|
||
"testimonial-4": { "url": "http://img.b2bpic.net/free-photo/joyful-senior-woman-with-hair-curlers_1098-13612.jpg", "alt": "middle-aged woman laughing genuine" },
|
||
"testimonial-5": { "url": "http://img.b2bpic.net/free-photo/cheerful-young-man-with-brown-skin-big-smile-posing-beside-white-wall-portrait-glad-black-haired-guy-laughing-girl-big-earphones-enjoying-music_197531-3878.jpg", "alt": "happy couple smiling together dental care" },
|
||
"contact-image": { "url": "http://img.b2bpic.net/free-photo/dental-tools-with-pipes-fixed-dental-chair_140725-7682.jpg", "alt": "modern dental clinic interior with sunlight" }
|
||
};
|
||
|
||
function getAssetUrl(id: string): string {
|
||
return assetMap[id]?.url || "";
|
||
}
|
||
|
||
function getAssetAlt(id: string, fallback: string = ""): string {
|
||
return assetMap[id]?.alt || fallback;
|
||
}
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeLargeTitles"
|
||
background="none"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
brandName="Dr. Degenhardt Zahnärztin"
|
||
logoSrc={getAssetUrl("logo-primary")}
|
||
logoAlt={getAssetAlt("logo-primary", "Dr. Degenhardt Zahnärztin Logo")}
|
||
navItems={[
|
||
{ name: "Startseite", id: "/" },
|
||
{ name: "Über Uns", id: "#about" },
|
||
{ name: "Leistungen", id: "#services" },
|
||
{ name: "Team", id: "#team" },
|
||
{ name: "Referenzen", id: "#testimonials" },
|
||
{ name: "FAQs", id: "#faq" }
|
||
]}
|
||
button={{
|
||
text: "Termin buchen", href: "#contact"
|
||
}}
|
||
animateOnLoad={true}
|
||
/>
|
||
</div>
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
title="Ihr Lächeln, unsere Leidenschaft."
|
||
description="Moderne Zahnmedizin mit Herz und Präzision in Berlin. Bei Dr. Bozena Degenhardt finden Sie eine entspannte, kompetente und freundliche Atmosphäre."
|
||
background={{ variant: "radial-gradient" }}
|
||
tag="Exzellenz in Zahnmedizin"
|
||
buttons={[
|
||
{ text: "Termin online buchen", href: "#contact" },
|
||
{ text: "Leistungen entdecken", href: "#services" }
|
||
]}
|
||
mediaItems={[
|
||
{ imageSrc: getAssetUrl("hero-media-1"), imageAlt: getAssetAlt("hero-media-1", "Moderne Zahnarztpraxis") },
|
||
{ imageSrc: getAssetUrl("hero-media-2"), imageAlt: getAssetAlt("hero-media-2", "Lächelnde Patientin") }
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
rating={5}
|
||
ratingText="Basierend auf 500+ Bewertungen"
|
||
tagAnimation="text-stagger"
|
||
buttonAnimation="text-stagger"
|
||
/>
|
||
</div>
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
title="Unsere Praxis: Wohlbefinden trifft auf Expertise"
|
||
description={[
|
||
"In der Praxis von Dr. Bozena Degenhardt steht Ihr Wohlbefinden an erster Stelle. Unser gesamtes Team ist darauf bedacht, Ihnen eine ruhige, schmerzfreie und absolut professionelle Behandlung zu bieten. Wir nehmen uns Zeit für Sie und Ihre Anliegen, damit Sie sich jederzeit in besten Händen fühlen.", "Wir glauben fest daran, dass ein Zahnarztbesuch eine positive Erfahrung sein kann. Unsere moderne Ausstattung und unser einfühlsames Vorgehen garantieren Behandlungen auf höchstem Niveau, bei denen Sie sich entspannen können. Entdecken Sie den Unterschied einer Zahnmedizin, die mit Präzision und Herz gelebt wird."
|
||
]}
|
||
buttons={[
|
||
{ text: "Mehr über uns erfahren", href: "#" }
|
||
]}
|
||
useInvertedBackground={true}
|
||
buttonAnimation="text-stagger"
|
||
/>
|
||
</div>
|
||
<div id="services" data-section="services">
|
||
<FeatureCardSeven
|
||
title="Maßgeschneiderte Zahnpflege für Ihre Gesundheit"
|
||
description="Wir bieten ein umfassendes Spektrum an modernen zahnmedizinischen Leistungen, um Ihr Lächeln gesund und strahlend zu erhalten."
|
||
tag="Unsere Kernleistungen"
|
||
features={[
|
||
{ title: "Professionelle Zahnreinigung", description: "Gründliche Reinigung und Politur Ihrer Zähne zur Vorbeugung von Karies und Parodontitis für ein dauerhaft gesundes Lächeln.", imageSrc: getAssetUrl("service-dental-cleaning"), imageAlt: getAssetAlt("service-dental-cleaning", "Professionelle Zahnreinigung") },
|
||
{ title: "Ästhetische Zahnheilkunde", description: "Von Bleaching bis zu Veneers – wir verschönern Ihr Lächeln diskret und natürlich für mehr Selbstvertrauen und Ausstrahlung.", imageSrc: getAssetUrl("service-aesthetics"), imageAlt: getAssetAlt("service-aesthetics", "Ästhetische Zahnheilkunde") },
|
||
{ title: "Schmerzfreie Behandlung", description: "Wir setzen moderne Techniken und einfühlsame Methoden ein, um Behandlungen so angenehm und angstfrei wie möglich zu gestalten.", imageSrc: getAssetUrl("service-implants"), imageAlt: getAssetAlt("service-implants", "Schmerzfreie Behandlung") },
|
||
{ title: "Kinderzahnheilkunde", description: "Spezielle und altersgerechte Betreuung für die kleinen Patienten in einer freundlichen Umgebung, die Spaß macht.", imageSrc: getAssetUrl("service-kids"), imageAlt: getAssetAlt("service-kids", "Kinderzahnheilkunde") }
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
tagAnimation="text-stagger"
|
||
/>
|
||
</div>
|
||
<div id="team" data-section="team">
|
||
<TeamCardOne
|
||
title="Unser Team: Für Ihr strahlendes Lächeln"
|
||
description="Lernen Sie das freundliche und kompetente Team kennen, das sich um Ihre Zahngesundheit kümmert."
|
||
members={[
|
||
{ id: "dr-degenhardt", name: "Dr. Bozena Degenhardt", role: "Zahnärztin & Praxisinhaberin", imageSrc: getAssetUrl("team-dr-degenhardt"), imageAlt: getAssetAlt("team-dr-degenhardt", "Dr. Bozena Degenhardt") },
|
||
{ id: "assistenz-team", name: "Unser Assistenz-Team", role: "Ihre Begleiter während der Behandlung", imageSrc: getAssetUrl("team-assistenz-1"), imageAlt: getAssetAlt("team-assistenz-1", "Zahnarzt Assistenz Team") },
|
||
{ id: "empfangs-team", name: "Unser Empfangs-Team", role: "Ihr erster Kontakt und Terminplanung", imageSrc: getAssetUrl("team-reception"), imageAlt: getAssetAlt("team-reception", "Zahnarzt Empfangs Team") }
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
title="Was unsere Patienten sagen"
|
||
description="Ihre Zufriedenheit ist unser größtes Kompliment. Lesen Sie, was unsere Patienten über uns berichten."
|
||
testimonials={[
|
||
{ id: "1", name: "Miroslaw S.", role: "Patient", company: "Lokaler Guide", rating: 5, imageSrc: getAssetUrl("testimonial-1"), imageAlt: getAssetAlt("testimonial-1", "Miroslaw S.") },
|
||
{ id: "2", name: "Danuta W.", role: "Patientin", company: "Zufriedene Kundin", rating: 5, imageSrc: getAssetUrl("testimonial-2"), imageAlt: getAssetAlt("testimonial-2", "Danuta W.") },
|
||
{ id: "3", name: "Christoph C.", role: "Patient", company: "Bewertungen", rating: 5, imageSrc: getAssetUrl("testimonial-3"), imageAlt: getAssetAlt("testimonial-3", "Christoph C.") },
|
||
{ id: "4", name: "Katarzyna G.", role: "Patientin", company: "Empfohlene Praxis", rating: 5, imageSrc: getAssetUrl("testimonial-4"), imageAlt: getAssetAlt("testimonial-4", "Katarzyna G.") },
|
||
{ id: "5", name: "Humberto M. A.", role: "Patient", company: "Stammkunde", rating: 5, imageSrc: getAssetUrl("testimonial-5"), imageAlt: getAssetAlt("testimonial-5", "Humberto M. A.") }
|
||
]}
|
||
gridVariant="uniform-all-items-equal"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
title="Häufig gestellte Fragen"
|
||
description="Finden Sie schnelle Antworten auf die wichtigsten Fragen rund um unsere Zahnarztpraxis und Behandlungen."
|
||
faqs={[
|
||
{ id: "faq1", title: "Wie oft sollte ich zur zahnärztlichen Kontrolle kommen?", content: "Wir empfehlen in der Regel, ein- bis zweimal pro Jahr zur Routinekontrolle und professionellen Zahnreinigung zu kommen. Ihr individueller Bedarf kann jedoch abweichen." },
|
||
{ id: "faq2", title: "Ist die Behandlung bei Ihnen schmerzhaft?", content: "Wir legen größten Wert auf eine schmerzfreie und angenehme Behandlung. Mit modernsten Anästhesietechniken und einem einfühlsamen Vorgehen sorgen wir dafür, dass Sie sich jederzeit wohlfühlen." },
|
||
{ id: "faq3", title: "Welche Services bieten Sie in Ihrer Praxis an?", content: "Unser Leistungsspektrum umfasst Prophylaxe, professionelle Zahnreinigung, ästhetische Zahnheilkunde, Implantologie, Parodontologie, Kinderzahnheilkunde und vieles mehr. Eine detaillierte Übersicht finden Sie unter 'Leistungen'." },
|
||
{ id: "faq4", title: "Wie kann ich einen Termin vereinbaren?", content: "Sie können ganz einfach telefonisch einen Termin vereinbaren oder unser Online-Kontaktformular nutzen. Wir freuen uns auf Ihren Anruf oder Ihre Nachricht!" }
|
||
]}
|
||
faqsAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Kontaktieren Sie uns für Ihr perfektes Lächeln"
|
||
description="Wir freuen uns darauf, Sie in unserer Praxis begrüßen zu dürfen. Vereinbaren Sie noch heute einen Termin oder senden Sie uns eine Nachricht."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Ihre E-Mail-Adresse", required: true },
|
||
{ name: "phone", type: "tel", placeholder: "Ihre Telefonnummer (optional)" },
|
||
{ name: "subject", type: "text", placeholder: "Betreff Ihres Anliegens", required: true }
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Ihre Nachricht...", rows: 5,
|
||
required: true
|
||
}}
|
||
useInvertedBackground={false}
|
||
imageSrc={getAssetUrl("contact-image")}
|
||
imageAlt={getAssetAlt("contact-image", "Moderne und helle Zahnarztpraxis")}
|
||
mediaPosition="right"
|
||
buttonText="Nachricht senden"
|
||
mediaAnimation="text-stagger"
|
||
/>
|
||
</div>
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{ title: "Leistungen", items: [{ label: "Zahnreinigung", href: "#services" }, { label: "Ästhetik", href: "#services" }, { label: "Implantate", href: "#services" }, { label: "Kinderzahnheilkunde", href: "#services" }] },
|
||
{ title: "Praxis", items: [{ label: "Über Uns", href: "#about" }, { label: "Unser Team", href: "#team" }, { label: "Kontakt", href: "#contact" }, { label: "FAQs", href: "#faq" }] },
|
||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||
]}
|
||
bottomLeftText="© 2024 Dr. Bozena Degenhardt Zahnärztin. Alle Rechte vorbehalten."
|
||
bottomRightText="Made with ❤️ in Berlin"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|