Merge version_10 into main
Merge version_10 into main
This commit was merged in pull request #25.
This commit is contained in:
187
src/app/page.tsx
187
src/app/page.tsx
@@ -2,17 +2,16 @@
|
||||
|
||||
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 FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Heart, Zap, Mail } from "lucide-react";
|
||||
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 FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -41,194 +40,109 @@ export default function LandingPage() {
|
||||
|
||||
<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"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12666.jpg", alt: "Patient 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-female-doctor-smiling-yellow-space_179666-13927.jpg", alt: "Patient 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-couple-holding-wine-glasses-hand-looking-each-other_23-2147901504.jpg", alt: "Patient 3" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ Konstanz patients"
|
||||
title="Professional Physiotherapy in Konstanz"
|
||||
description="Healing through movement and expert care. Experience personalized therapy that helps you recover and thrive."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Kostenlose Beratung", href: "contact" },
|
||||
{ text: "Jetzt kostenlosen Termin sichern", href: "contact" },
|
||||
{ text: "Book Appointment", href: "contact" },
|
||||
{ text: "Learn More", href: "about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj0fCNhpHkySqkJU4xKgOiGDZm/uploaded-1773096321975-05c0y0yo.png"
|
||||
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." },
|
||||
{ type: "text", content: "About Physio Shala" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Unser Team kennenlernen", href: "#team" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="About Section: Physio Shala Mission"
|
||||
buttons={[
|
||||
{ text: "Contact Us", href: "contact" },
|
||||
]}
|
||||
/>
|
||||
</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"
|
||||
title="Our Services"
|
||||
description="Comprehensive physiotherapy treatments tailored to your needs"
|
||||
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: "1", title: "Sports Injury Treatment", content: "Specialized care for athletes and active individuals recovering from sports-related injuries."},
|
||||
{
|
||||
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: "2", title: "Post-Surgical Rehabilitation", content: "Expert guidance through recovery following orthopedic and surgical procedures."},
|
||||
{
|
||||
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."
|
||||
},
|
||||
id: "3", title: "Chronic Pain Management", content: "Long-term strategies and therapies to manage and reduce chronic pain conditions."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159111.jpg"
|
||||
imageAlt="Physiotherapeutische Schmerzbehandlung"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
mediaAnimation="opacity"
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
title="Why Choose Physio Shala"
|
||||
tag="Benefits"
|
||||
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"
|
||||
},
|
||||
{ id: "1", value: "15+", description: "Years of Experience" },
|
||||
{ id: "2", value: "2000+", description: "Patients Helped" },
|
||||
{ id: "3", value: "98%", description: "Success Rate" },
|
||||
]}
|
||||
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. Erste Ergebnisse bereits nach 2-4 Wochen—transformativ und nachhaltig."
|
||||
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: "1", name: "Anna M.", date: "January 2025", title: "Patient", quote: "The physiotherapy at Physio Shala completely transformed my recovery. Highly professional and caring.", tag: "Recovery", avatarSrc: "/placeholders/placeholder1.webp", avatarAlt: "Anna M."},
|
||||
{
|
||||
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"
|
||||
},
|
||||
id: "2", name: "Michael S.", date: "December 2024", title: "Patient", quote: "Expert treatment with excellent results. I would recommend Physio Shala to anyone needing physiotherapy.", tag: "Sports Injury", avatarSrc: "/placeholders/placeholder1.webp", avatarAlt: "Michael S."},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Mein kostenloses Beratungsgespräch starten", href: "contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
title="Patient Testimonials"
|
||||
description="Hear what our satisfied patients say about their experience"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="Testimonials Section: Patientenerfahrungen"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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: "1", title: "Do I need a doctor's referral?", content: "While a referral is helpful for insurance purposes, it's not always required. Contact us to discuss your specific situation."},
|
||||
{
|
||||
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: "2", title: "How many sessions do I need?", content: "The number of sessions depends on your condition and goals. We'll create a personalized treatment plan during your initial consultation."},
|
||||
{
|
||||
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."
|
||||
},
|
||||
id: "3", title: "What insurance do you accept?", content: "We work with most major insurance providers. Please contact us with your insurance details for verification."},
|
||||
]}
|
||||
ariaLabel="FAQ Section: Häufig gestellte Fragen"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our services"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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" }}
|
||||
tag="Get in Touch"
|
||||
title="Schedule Your Appointment"
|
||||
description="Book a consultation with one of our experienced physiotherapists today."
|
||||
background={{ variant: "plain" }}
|
||||
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"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Schedule"
|
||||
inputPlaceholder="Enter your email"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
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: [
|
||||
@@ -255,6 +169,7 @@ export default function LandingPage() {
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Physio Shala | Physiotherapie Konstanz. Alle Rechte vorbehalten."
|
||||
ariaLabel="Site Footer: Physio Shala Contact & Navigation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user