190 lines
11 KiB
TypeScript
190 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import { Phone } from "lucide-react";
|
||
import Link from "next/link";
|
||
|
||
export default function PhysioShalaSite() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="floatingGradient"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{ name: "Warum Physio Shala", id: "about" },
|
||
{ name: "Leistungen", id: "services" },
|
||
{ name: "Bewertungen", id: "testimonials" },
|
||
{ name: "Kontakt", id: "contact" },
|
||
{ name: "Termin", id: "cta" }
|
||
]}
|
||
brandName="Physio Shala"
|
||
bottomLeftText="Marktstätte 3–5, Konstanz"
|
||
bottomRightText="07531 284903"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCarouselLogo
|
||
logoText="PHYSIO SHALA"
|
||
description="Professionelle Physiotherapie, die Ergebnisse liefert. Mit persönlicher Betreuung, modernen Techniken und dem Fokus auf Ihre schnelle Genesung. 07531 284903"
|
||
buttons={[
|
||
{ text: "Jetzt Termin anfragen", href: "tel:075312849034903" },
|
||
{ text: "Mehr erfahren", href: "#about" }
|
||
]}
|
||
slides={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-nurse-talking-patient_23-2149341491.jpg", imageAlt: "Physiotherapie in Konstanz"
|
||
}
|
||
]}
|
||
autoplayDelay={5000}
|
||
showDimOverlay={true}
|
||
ariaLabel="Hero section with Physio Shala branding"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
tag="Warum Physio Shala"
|
||
title="Physiotherapie mit Persönlichkeit"
|
||
description="Viele Praxen behandeln – wir kümmern uns. Bei uns stehen Sie als Mensch im Mittelpunkt. Keine Massenabfertigung, sondern individuelle Therapie, angepasst an Ihre Beschwerden und Ihren Alltag. Mit über 5,0 Sternen Bewertung vertrauen bereits viele Patienten unserer Arbeit."
|
||
metrics={[
|
||
{ value: "5,0★", title: "Bewertung" },
|
||
{ value: "Zentral", title: "in Konstanz" }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-therapist-massaging-arm_23-2148882179.jpg?_wi=1"
|
||
imageAlt="Persönliche Physiotherapie-Betreuung"
|
||
useInvertedBackground={false}
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyOne
|
||
title="Unsere Leistungen"
|
||
description="Moderne physiotherapeutische Behandlungen für verschiedene Beschwerden und Ziele, die Sie schnell wieder auf die Beine bringen."
|
||
tag="Therapieangebot"
|
||
accordionItems={[
|
||
{
|
||
id: "1", title: "Krankengymnastik", content: "Gezielte Übungen zur Verbesserung von Beweglichkeit, Kraft und Stabilität. Individuell angepasst an Ihre Ziele und Ihre körperliche Verfassung."
|
||
},
|
||
{
|
||
id: "2", title: "Bindegewebsmassage & Triggerpunkt-Behandlung", content: "Spezielle Techniken zur Lösung von Verspannungen und zur Behandlung von Muskelverhärtungen, die Schmerzen auslösen können."
|
||
},
|
||
{
|
||
id: "3", title: "Thermotherapie (Wärme & Kälte)", content: "Wärmeanwendungen zur Lockerung der Muskulatur und Kältetherapie zur Reduktion von Entzündungen – je nachdem, was Sie benötigen."
|
||
},
|
||
{
|
||
id: "4", title: "Infrarotlicht & Hausbesuche", content: "Infrarotlicht fördert die Durchblutung und unterstützt den Heilungsprozess. Wenn Sie nicht in die Praxis kommen können, kommen wir zu Ihnen."
|
||
}
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071445.jpg"
|
||
imageAlt="Professionelle Therapiebehandlung"
|
||
useInvertedBackground={true}
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
title="Was Patienten sagen"
|
||
description="Lesen Sie, wie unsere Patienten ihre Erfahrungen mit Physio Shala beschreiben."
|
||
tag="Bewertungen"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "Sehr professionelle Behandlung", quote: "Sehr professionelle Behandlung und eine angenehme Atmosphäre. Man fühlt sich sofort gut aufgehoben. Die Therapeutin hat sich Zeit genommen und alles gründlich erklärt.", name: "Sarah M.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/sun-shining-woman-with-curly-hair-surrounded-by-trees-grass_181624-30896.jpg", imageAlt: "Sarah M."
|
||
},
|
||
{
|
||
id: "2", title: "Spürbare Verbesserung", quote: "Freundliches Team, kompetente Therapie und spürbare Verbesserung meiner Beschwerden. Nach wenigen Sitzungen ging es mir deutlich besser.", name: "Michael K.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-listening-music_23-2148763848.jpg", imageAlt: "Michael K."
|
||
},
|
||
{
|
||
id: "3", title: "Echte Fürsorge", quote: "Hier nimmt man sich wirklich Zeit für die Patienten. Klare Empfehlung! Die Betreuung ist persönlich und man merkt, dass es den Therapeuten um das Wohl der Patienten geht.", name: "Julia R.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/friends-doing-yoga-together-park_23-2149891963.jpg", imageAlt: "Julia R."
|
||
},
|
||
{
|
||
id: "4", title: "Zurück zu alter Form", quote: "Dank der gezielten Therapie bei Physio Shala bin ich schneller wieder fit geworden. Sehr empfehlenswert für alle, die echte physiotherapeutische Unterstützung suchen.", name: "Thomas B.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-female-nature_23-2148523954.jpg", imageAlt: "Thomas B."
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="philosophy" data-section="philosophy">
|
||
<FeatureCardTwentyOne
|
||
title="Unsere Philosophie"
|
||
description="Wir glauben, dass Physiotherapie mehr sein sollte als nur eine Behandlung. Sie sollte helfen, Schmerzen zu reduzieren, Beweglichkeit zurückzugewinnen und den Alltag wieder leichter zu machen."
|
||
tag="Unser Ansatz"
|
||
accordionItems={[
|
||
{
|
||
id: "1", title: "Wir hören zu", content: "Jeder Patient ist einzigartig. Wir nehmen uns Zeit, Ihre Beschwerden zu verstehen und auf Ihre persönliche Situation einzugehen."
|
||
},
|
||
{
|
||
id: "2", title: "Wir analysieren", content: "Durch gründliche Untersuchung ermitteln wir die Ursache Ihrer Beschwerden, nicht nur die Symptome. Das ist der Schlüssel zu echten Verbesserungen."
|
||
},
|
||
{
|
||
id: "3", title: "Wir behandeln gezielt", content: "Mit evidenzbasierten Methoden und modernen Therapietechniken behandeln wir gezielt die Probleme, die Sie zu uns gebracht haben."
|
||
}
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-therapist-massaging-arm_23-2148882179.jpg?_wi=2"
|
||
imageAlt="Ganzheitliche Physiotherapie-Betreuung"
|
||
useInvertedBackground={false}
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="left"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactFaq
|
||
ctaTitle="Termin vereinbaren"
|
||
ctaDescription="Rufen Sie uns an oder besuchen Sie uns direkt in unserer Praxis. Wir freuen uns auf Sie!"
|
||
ctaButton={{ text: "Jetzt Termin anfragen", href: "tel:075312849034903" }}
|
||
ctaIcon={Phone}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Wo befindet sich Ihre Praxis?", content: "Unsere Praxis befindet sich in der <strong>Marktstätte 3–5 in Konstanz</strong>, direkt im Zentrum und leicht erreichbar mit öffentlichen Verkehrsmitteln und Parkplätzen in der Nähe."
|
||
},
|
||
{
|
||
id: "2", title: "Was sind Ihre Öffnungszeiten?", content: "<strong>Montag:</strong> Geschlossen<br><strong>Dienstag:</strong> ab 08:00<br><strong>Mittwoch bis Freitag:</strong> nach Vereinbarung<br>Bitte rufen Sie an oder schreiben Sie uns, um einen passenden Termin zu vereinbaren."
|
||
},
|
||
{
|
||
id: "3", title: "Bieten Sie Hausbesuche an?", content: "Ja! Wenn Sie nicht in die Praxis kommen können, kommen wir zu Ihnen. Hausbesuche sind nach Vereinbarung möglich. Kontaktieren Sie uns für mehr Informationen."
|
||
},
|
||
{
|
||
id: "4", title: "Wie lange dauert eine typische Sitzung?", content: "Eine typische physiotherapeutische Sitzung dauert etwa 30–60 Minuten, je nach Ihrer Diagnose und dem Behandlungsplan. Im ersten Termin nehmen wir uns zusätzlich Zeit für eine gründliche Analyse."
|
||
}
|
||
]}
|
||
useInvertedBackground={true}
|
||
animationType="slide-up"
|
||
accordionAnimationType="smooth"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Physio Shala"
|
||
leftLink={{ text: "Impressum", href: "#" }}
|
||
rightLink={{ text: "Datenschutz", href: "#" }}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|