254 lines
16 KiB
TypeScript
254 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||
import { Heart, Zap, Mail } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="medium"
|
||
background="circleGradient"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
brandName="Physio Shala"
|
||
navItems={[
|
||
{ name: "About", id: "about" },
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Testimonials", id: "testimonials" },
|
||
{ name: "FAQ", id: "faq" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboard
|
||
title="Schmerzfrei bewegen. Wieder aktiv leben."
|
||
description="Physio Shala vereint medizinische Expertise mit persönlicher Betreuung—moderne Therapien für Ihren Körper, nicht für die Statistik. 5,0 Sterne Bewertungen von echten Konstanzer Patienten"
|
||
background={{ variant: "sparkles-gradient" }}
|
||
tag="Physiotherapie Konstanz"
|
||
tagIcon={Heart}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{ text: "Jetzt kostenlosen Termin sichern", href: "contact" },
|
||
{ text: "Mehr erfahren", href: "about" },
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-massaging-man_23-2149406802.jpg"
|
||
imageAlt="Moderne Physiotherapie Behandlung in entspannter Atmosphäre"
|
||
mediaAnimation="slide-up"
|
||
ariaLabel="Hero Section: Schmerzfrei bewegen mit Physio Shala"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
heading={[
|
||
{ type: "text", content: "Wir sind mehr als Therapeuten. Wir sind" },
|
||
{ type: "image", src: "http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg", alt: "Physio Shala Klinik" },
|
||
{ type: "text", content: "Partner auf Ihrem Weg zur Gesundheit." },
|
||
]}
|
||
buttons={[
|
||
{ text: "Unser Team kennenlernen", href: "team" },
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
ariaLabel="About Section: Physio Shala Mission"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyOne
|
||
title="Unsere Therapieangebote"
|
||
description="Professionelle, individuell angepasste Physiotherapie für Ihre Bedürfnisse"
|
||
tag="Services"
|
||
tagIcon={Zap}
|
||
tagAnimation="slide-up"
|
||
accordionItems={[
|
||
{
|
||
id: "1", title: "Schmerztherapie & Mobilisierung", content: "Spezialisierte Techniken zur Reduktion chronischer und akuter Schmerzen. Wir nutzen moderne manuelle Therapien und gezielte Bewegungsprogramme, um Ihre Mobilität wiederherzustellen und die Lebensqualität zu verbessern."
|
||
},
|
||
{
|
||
id: "2", title: "Rehabilitation & Prävention", content: "Strukturierte Reha-Programme nach Verletzungen oder Operationen. Mit individuellen Trainingsplänen und regelmäßigen Anpassungen begleiten wir Sie sicher zurück zu voller Leistungsfähigkeit."
|
||
},
|
||
{
|
||
id: "3", title: "Sportphysiotherapie", content: "Spezialisierte Betreuung für Athleten aller Niveaus. Von Verletzungsprävention bis zur Leistungsoptimierung—wir helfen Ihnen, fit zu bleiben und Ihre Ziele zu erreichen."
|
||
},
|
||
{
|
||
id: "4", title: "Hausbesuche & Mobile Therapie", content: "Wir kommen zu Ihnen nach Hause. Ideal für Patienten mit eingeschränkter Mobilität oder für diejenigen, die flexible Termine bevorzugen. Vollständige Behandlung in Ihrer gewohnten Umgebung."
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159111.jpg"
|
||
imageAlt="Physiotherapeutische Schmerzbehandlung"
|
||
mediaAnimation="slide-up"
|
||
useInvertedBackground={true}
|
||
mediaPosition="right"
|
||
ariaLabel="Services Section: Unser Therapieangebot"
|
||
/>
|
||
</div>
|
||
|
||
<div id="benefits" data-section="benefits">
|
||
<MetricCardFourteen
|
||
title="Warum Patienten Physio Shala vertrauen"
|
||
tag="Expertise & Erfolg"
|
||
tagAnimation="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "1", value: "500+", description: "Zufriedene Patienten haben ihre Mobilität und Lebensqualität durch unsere Therapien verbessert"
|
||
},
|
||
{
|
||
id: "2", value: "15 Jahre", description: "Klinische Erfahrung mit modernstem Fachwissen und persönlichem Engagement für jeden Patienten"
|
||
},
|
||
{
|
||
id: "3", value: "100%", description: "Individuelle Behandlungspläne, angepasst an Ihre Ziele und Bedürfnisse"
|
||
},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
ariaLabel="Benefits Section: Warum uns wählen"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
title="Geschichten von Genesung und Erfolg"
|
||
description="Echte Patientenerfahrungen von Menschen, die mit Physio Shala ihre Gesundheit zurückgewonnen haben"
|
||
tag="Testimonials"
|
||
tagAnimation="slide-up"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Maria Schmidt, 52 Jahre alt", date: "Date: 15 Dezember 2024", title: "Mein Leben hat sich zum Besseren verändert!", quote: "Ich litt jahrelang unter Rückenschmerzen, die mein Leben einschränkten. Nach wenigen Wochen bei Physio Shala konnte ich wieder spazieren gehen und meine Enkel hochnehmen. Die Therapeuten sind nicht nur fachlich kompetent, sondern auch einfühlsam.", tag: "Rückenschmerz-Therapie", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12666.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12666.jpg"
|
||
},
|
||
{
|
||
id: "2", name: "Klaus Meyer, 48 Jahre alt", date: "Date: 10 Dezember 2024", title: "Endlich schmerzfrei trainieren!", quote: "Nach meiner Knieoperationen war ich unsicher, ob ich wieder Sport treiben kann. Das Team bei Physio Shala hat mich schrittweise zurück zum Joggen gebracht. Ihre Expertise und Geduld sind unübertroffen.", tag: "Sportphysiotherapie", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-smiling-yellow-space_179666-13927.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-smiling-yellow-space_179666-13927.jpg"
|
||
},
|
||
{
|
||
id: "3", name: "Ingrid Weber, 65 Jahre alt", date: "Date: 05 Dezember 2024", title: "Hausbesuche waren der Schlüssel für mich", quote: "Mit meinen Mobilitätsproblemen war ein Besuch in der Praxis schwierig. Die Hausbesuche bei Physio Shala ermöglichten mir kontinuierliche Therapie in meiner eigenen Umgebung. Sehr dankbar!", tag: "Mobile Therapie", avatarSrc: "http://img.b2bpic.net/free-photo/senior-couple-holding-wine-glasses-hand-looking-each-other_23-2147901504.jpg", imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-holding-wine-glasses-hand-looking-each-other_23-2147901504.jpg"
|
||
},
|
||
{
|
||
id: "4", name: "Stefan Wagner, 34 Jahre alt", date: "Date: 28 November 2024", title: "Professionell und herzlich", quote: "Als aktiver Bergsteiger benötigte ich spezialisierte Betreuung. Die Therapeuten verstehen Sportler und haben mir mit gezielten Übungen zu besserer Performance verholfen.", tag: "Prävention & Leistung", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-healthy-woman-home_23-2151358946.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-healthy-woman-home_23-2151358946.jpg"
|
||
},
|
||
{
|
||
id: "5", name: "Petra Keller, 41 Jahre alt", date: "Date: 20 November 2024", title: "Gute Beratung und schnelle Ergebnisse", quote: "Die Therapeuten erklären alles verständlich. Ich wusste genau, warum welche Übungen wichtig sind. Nach 8 Wochen konnte ich meine tägliche Routine wieder vollständig bewältigen.", tag: "Chronische Schmerz-Behandlung", avatarSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071438.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071438.jpg"
|
||
},
|
||
{
|
||
id: "6", name: "Markus Braun, 56 Jahre alt", date: "Date: 12 November 2024", title: "Echte, langfristige Lösungen", quote: "Ich habe viele Therapeuten ausprobiert. Bei Physio Shala merke ich, dass es nicht nur um schnelle Ergebnisse geht, sondern um echte Gesundheit und Prävention zukünftiger Probleme.", tag: "Ganzheitliche Therapie", avatarSrc: "http://img.b2bpic.net/free-photo/male-doctor-examining-patients-knee_1170-2173.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-doctor-examining-patients-knee_1170-2173.jpg"
|
||
},
|
||
]}
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
ariaLabel="Testimonials Section: Patientenerfahrungen"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
title="Häufig gestellte Fragen"
|
||
description="Antworten auf die wichtigsten Fragen unserer Patienten"
|
||
tag="FAQ"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqsAnimation="slide-up"
|
||
animationType="smooth"
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Wie buche ich einen Termin?", content: "Sie können einen Termin per Telefon anfordern, eine Email schreiben oder unser Online-Formular nutzen. Wir bemühen uns, Ihnen schnellstmöglich einen passenden Termin zu bieten. Notfalltermine werden nach Verfügbarkeit koordiniert."
|
||
},
|
||
{
|
||
id: "2", title: "Benötige ich eine ärztliche Überweisung?", content: "Ja, für Kassenleistungen benötigen Sie eine ärztliche Verordnung. Für Privatpatienten und Selbstzahler können Termine auch ohne Überweisung vereinbart werden. Kontaktieren Sie uns für Details zu Ihren Versicherungsoptionen."
|
||
},
|
||
{
|
||
id: "3", title: "Wie lange dauert eine typische Behandlung?", content: "Eine einzelne Therapiesitzung dauert normalerweise 45–60 Minuten. Die Gesamtbehandlungsdauer hängt von der Art und Schwere Ihrer Verletzung oder Erkrankung ab. In einem ersten Gespräch erstellen wir einen individualisierten Plan mit erwarteter Dauer."
|
||
},
|
||
{
|
||
id: "4", title: "Bietet Ihr Praxis Hausbesuche an?", content: "Ja, wir bieten Mobile Therapie an. Hausbesuche sind ideal für Patienten mit Mobilitätseinschränkungen oder für diejenigen, die flexible Termine bevorzugen. Bitte melden Sie sich bei der Buchung an, damit wir einen Termin koordinieren können."
|
||
},
|
||
{
|
||
id: "5", title: "Welche Zahlungsmethoden akzeptieren Sie?", content: "Wir akzeptieren Kassen-, Privat- und Selbstzahlerpatienten. Zahlungsoptionen include Überweisung, EC, Kreditkarte und Barzahlung. Bei Fragen zu Kosten wenden Sie sich bitte an unser Rezeptionsteam."
|
||
},
|
||
{
|
||
id: "6", title: "Werden die Kosten von meiner Versicherung übernommen?", content: "Gesetzlich versicherte Patienten benötigen eine ärztliche Verordnung. Die Krankenkasse übernimmt die Kosten nach Verordnung. Privatpatienten sollten ihre Versicherung kontaktieren. Gerne helfen wir mit Informationen zur Abrechnung."
|
||
},
|
||
]}
|
||
ariaLabel="FAQ Section: Häufig gestellte Fragen"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
tag="Newsletter"
|
||
title="Erhalten Sie Tipps & Updates von Physio Shala"
|
||
description="Abonnieren Sie unseren Newsletter für Tipps zur Schmerzlinderung, Gesundheitsratschläge und exklusive Angebote für Konstanz."
|
||
tagIcon={Mail}
|
||
tagAnimation="slide-up"
|
||
background={{ variant: "sparkles-gradient" }}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/thoughtful-woman-going-through-medical-test-results-with-her-doctor-clinic_637285-1779.jpg?_wi=1"
|
||
imageAlt="Physio Shala Klinik Eingang"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
inputPlaceholder="Ihre E-Mail-Adresse"
|
||
buttonText="Jetzt anmelden"
|
||
termsText="Mit dem Abonnement stimmen Sie zu, dass wir Ihnen relevante Tipps und Angebote per E-Mail zuschicken. Sie können sich jederzeit abmelden."
|
||
ariaLabel="Contact & Newsletter Section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/thoughtful-woman-going-through-medical-test-results-with-her-doctor-clinic_637285-1779.jpg?_wi=2"
|
||
imageAlt="Physio Shala Willkommensbereich"
|
||
logoText="Physio Shala"
|
||
copyrightText="© 2024 Physio Shala | Physiotherapie Konstanz. Alle Rechte vorbehalten."
|
||
columns={[
|
||
{
|
||
title: "Praxis", items: [
|
||
{ label: "Über uns", href: "#about" },
|
||
{ label: "Leistungen", href: "#services" },
|
||
{ label: "Team", href: "#team" },
|
||
{ label: "Kontakt", href: "#contact" },
|
||
],
|
||
},
|
||
{
|
||
title: "Information", items: [
|
||
{ label: "FAQ", href: "#faq" },
|
||
{ label: "Versicherung & Kostenerstattung", href: "#" },
|
||
{ label: "Datenschutz", href: "#" },
|
||
{ label: "Impressum", href: "#" },
|
||
],
|
||
},
|
||
{
|
||
title: "Kontakt", items: [
|
||
{ label: "Telefon: +49 7531 123456", href: "tel:+497531123456" },
|
||
{ label: "Email: info@physioshala.de", href: "mailto:info@physioshala.de" },
|
||
{ label: "Öffnungszeiten Mo–Fr 8:00–20:00", href: "#" },
|
||
{ label: "Konstanz, Deutschland", href: "#" },
|
||
],
|
||
},
|
||
]}
|
||
ariaLabel="Site Footer: Physio Shala Contact & Navigation"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|