Update src/app/page.tsx

Update src/app/layout.tsx
Merge version_10 into main
2026-03-09 23:11:53 +00:00 · 2026-03-09 23:11:53 +00:00 · 2026-03-09 23:06:03 +00:00 · 2026-03-09 23:05:58 +00:00 · 2026-03-09 23:04:55 +00:00 · 2026-03-09 23:04:51 +00:00
4 changed files with 237 additions and 138 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,8 +5,7 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });

 export const metadata: Metadata = {
-  title: "Physio Shala - Physiotherapie Konstanz",  description: "Professionelle Physiotherapie in Konstanz mit modernen Therapien und persönlicher Betreuung."
-};
+  title: "Physio Shala",  description: "Professional physiotherapy in Konstanz"};

 export default function RootLayout({
  children,
@@ -14,7 +13,7 @@ export default function RootLayout({
  children: React.ReactNode;
 }) {
  return (
-    <html lang="de">
+    <html lang="en">
      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
--- a/src/app/page.tsx
+++ b/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 FooterMedia from "@/components/sections/footer/FooterMedia";
-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,190 +40,120 @@ 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: "Jetzt kostenlosen Termin sichern", href: "contact" },
-            { text: "Mehr erfahren", href: "about" },
+            { text: "Book Appointment", href: "contact" },
+            { text: "Learn More", 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." },
+            { type: "text", content: "At Physio Shala, we believe in the transformative power of evidence-based physiotherapy. With over 15 years of expertise, we combine cutting-edge treatment techniques with personalized care to help you achieve lasting recovery and wellness. Our mission is to restore your mobility, reduce pain, and empower you to live your best life." },
+            { 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"
+          imageSrc="/placeholders/placeholder1.webp"
+          imageAlt="Our Services"
        />
      </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."
            },
          ]}
+          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">
-        <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."
+        <FooterBaseReveal
          columns={[
            {
              title: "Praxis",              items: [
@@ -238,7 +167,7 @@ export default function LandingPage() {
              title: "Information",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Versicherung & Kostenerstattung", href: "#" },
-                { label: "Datenschutz", href: "#" },
+                { label: "Datenschutz", href: "/privacy" },
                { label: "Impressum", href: "#" },
              ],
            },
@@ -251,6 +180,7 @@ export default function LandingPage() {
              ],
            },
          ]}
+          copyrightText="© 2024 Physio Shala | Physiotherapie Konstanz. Alle Rechte vorbehalten."
          ariaLabel="Site Footer: Physio Shala Contact & Navigation"
        />
      </div>
--- a/src/app/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -0,0 +1,170 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import LegalSection from "@/components/legal/LegalSection";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+export default function PrivacyPolicyPage() {
+  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="privacy" data-section="privacy">
+        <LegalSection
+          layout="page"
+          title="Datenschutzerklärung"
+          subtitle="Gültig ab: Januar 2025"
+          sections={[
+            {
+              heading: "1. Einleitung",              content: [
+                {
+                  type: "paragraph",                  text: "Physio Shala (\"wir\", \"uns\", \"unsere\" oder \"Unternehmen\") betreibt die Physiotherapiepraxis und die damit verbundenen Dienste. Diese Datenschutzerklärung erläutert unsere Richtlinien zur Erhebung, Verwendung und Offenlegung von Informationen über unsere Patienten und Besucher."
+                }
+              ]
+            },
+            {
+              heading: "2. Informationen, die wir erheben",              content: [
+                {
+                  type: "paragraph",                  text: "Wir erfassen Informationen, die Sie uns direkt mitteilen, sowie Informationen, die wir automatisch erfassen, wenn Sie mit unserem Dienst interagieren:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Patienteninformationen: Name, Geburtsdatum, Geschlecht, Kontaktdaten (Adresse, Telefon, E-Mail)",                    "Medizinische Informationen: Krankengeschichte, Symptome, Diagnosen, Behandlungspläne, Therapieergebnisse",                    "Versicherungsinformationen: Versicherungstyp, Versicherungsnummer, Kostenerstattungsdaten",                    "Zahlungsinformationen: Rechnungsadresse, Zahlungsmethode (ohne sensible Kartendetails)",                    "Website-Nutzungsdaten: IP-Adresse, Browser-Typ, Besuchte Seiten, Verweildauer"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "3. Wie wir Ihre Informationen verwenden",              content: [
+                {
+                  type: "paragraph",                  text: "Wir verwenden die erfassten Informationen für die folgenden Zwecke:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Patientenversorgung: Bereitstellung von Physiotherapie und Behandlungsdiensten",                    "Verwaltung: Terminverwaltung, Rechnungsstellung, Versicherungsansprüche",                    "Kommunikation: Newsletter, Behandlungsupdates, therapeutische Empfehlungen",                    "Qualitätssicherung: Verbesserung unserer Dienste und Patientenerfahrung",                    "Einhaltung der Rechtsvorschriften: Compliance mit medizinischen und datenschutzrechtlichen Anforderungen"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "4. Datenschutz und Sicherheit",              content: [
+                {
+                  type: "paragraph",                  text: "Wir implementieren angemessene technische und organisatorische Maßnahmen zum Schutz Ihrer persönlichen Daten vor unbefugtem Zugriff, Veränderung, Offenlegung oder Zerstörung. Ihre Daten werden nur solange gespeichert, wie es für die Erfüllung ihrer Zwecke erforderlich ist oder wie gesetzlich vorgeschrieben."
+                }
+              ]
+            },
+            {
+              heading: "5. Ihre Rechte",              content: [
+                {
+                  type: "paragraph",                  text: "Nach der Datenschutz-Grundverordnung (DSGVO) haben Sie das Recht:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Ihre persönlichen Daten zu überprüfen und zu aktualisieren",                    "Eine Kopie Ihrer Daten zu erhalten",                    "Der Verarbeitung Ihrer Daten zu widersprechen",                    "Ihre Daten löschen zu lassen (soweit rechtlich zulässig)",                    "Die Datenverarbeitung einzuschränken"
+                  ]
+                },
+                {
+                  type: "paragraph",                  text: "Um diese Rechte auszuüben, kontaktieren Sie bitte unser Datenschutzteam unter info@physioshala.de oder telefonisch unter +49 7531 123456."
+                }
+              ]
+            },
+            {
+              heading: "6. Cookies und Tracking",              content: [
+                {
+                  type: "paragraph",                  text: "Unsere Website verwendet Cookies zur Verbesserung Ihres Benutzererlebnisses. Sie können Cookies in Ihren Browser-Einstellungen deaktivieren. Dies kann jedoch die Funktionalität unserer Website beeinträchtigen."
+                }
+              ]
+            },
+            {
+              heading: "7. Datenweitergabe an Dritte",              content: [
+                {
+                  type: "paragraph",                  text: "Wir geben Ihre Daten nicht an Dritte weiter, es sei denn:"
+                },
+                {
+                  type: "list",                  items: [
+                    "Mit Ihrer ausdrücklichen Zustimmung",                    "Zur Erfüllung von Versicherungsansprüchen (an Ihre Versicherungsgesellschaft)",                    "Zur Einhaltung gesetzlicher Anforderungen",                    "An vertrauenswürdige Dienstleister (z. B. IT-Support), die unter strenge Datenschutzvereinbarungen gebunden sind"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "8. Kontakt",              content: [
+                {
+                  type: "paragraph",                  text: "Wenn Sie Fragen zu dieser Datenschutzerklärung oder zum Schutz Ihrer Daten haben, kontaktieren Sie uns bitte:"
+                },
+                {
+                  type: "list",                  items: [
+                    "E-Mail: info@physioshala.de",                    "Telefon: +49 7531 123456",                    "Adresse: Physio Shala, Konstanz, Deutschland"
+                  ]
+                }
+              ]
+            },
+            {
+              heading: "9. Änderungen dieser Datenschutzerklärung",              content: [
+                {
+                  type: "paragraph",                  text: "Wir können diese Datenschutzerklärung von Zeit zu Zeit aktualisieren. Änderungen treten in Kraft, sobald sie auf dieser Seite veröffentlicht werden. Ihre weitere Nutzung unserer Website nach Änderungen bedeutet Ihre Zustimmung zu den neuen Bedingungen."
+                }
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          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: "/privacy" },
+                { 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: "#" },
+              ],
+            },
+          ]}
+          copyrightText="© 2024 Physio Shala | Physiotherapie Konstanz. Alle Rechte vorbehalten."
+          ariaLabel="Site Footer: Physio Shala Contact & Navigation"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #25190c;
-  --primary-cta: #ff6207;
-  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #25190c;
-  --accent: #ffce93;
-  --background-accent: #e8cfa8;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #120a00e6;
+  --primary-cta: #FF7B05;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #120a00e6;
+  --accent: #e2e2e2;
+  --background-accent: #FF7B05;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	aecee33e04	Update src/app/page.tsx	2026-03-09 23:11:53 +00:00
bender	25d922c5b0	Update src/app/layout.tsx	2026-03-09 23:11:53 +00:00
bender	4392559541	Merge version_10 into main Merge version_10 into main	2026-03-09 23:06:03 +00:00
bender	817afa6627	Update src/app/page.tsx	2026-03-09 23:05:58 +00:00
bender	e6b708fd70	Merge version_10 into main Merge version_10 into main	2026-03-09 23:04:55 +00:00
bender	c042d1fefc	Update src/app/page.tsx	2026-03-09 23:04:51 +00:00
bender	3a43f7dfb2	Merge version_10 into main Merge version_10 into main	2026-03-09 23:03:39 +00:00
bender	1ca466ebf4	Update src/app/privacy/page.tsx	2026-03-09 23:03:34 +00:00
bender	9483907025	Merge version_10 into main Merge version_10 into main	2026-03-09 23:02:31 +00:00
bender	e60e1add19	Add src/app/privacy/page.tsx	2026-03-09 23:02:26 +00:00
bender	7a6faba56e	Update src/app/page.tsx	2026-03-09 23:02:26 +00:00
bender	93cb4bc58b	Update src/app/layout.tsx	2026-03-09 23:02:26 +00:00
bender	0a78ab2f3d	Merge version_9 into main Merge version_9 into main	2026-03-09 22:53:30 +00:00
bender	0503f01162	Update theme colors	2026-03-09 22:53:24 +00:00
bender	49b9067bbf	Merge version_9 into main Merge version_9 into main	2026-03-09 22:53:17 +00:00
bender	8de9ca3d21	Update theme colors	2026-03-09 22:53:11 +00:00
bender	4f9238a205	Merge version_9 into main Merge version_9 into main	2026-03-09 22:52:56 +00:00
bender	476908a3cb	Update theme colors	2026-03-09 22:52:49 +00:00
bender	1649f9e5ae	Merge version_9 into main Merge version_9 into main	2026-03-09 22:52:33 +00:00
bender	f53bb63586	Update theme colors	2026-03-09 22:52:27 +00:00
bender	f878c19b3d	Merge version_9 into main Merge version_9 into main	2026-03-09 22:51:53 +00:00
bender	fd6d4805ad	Update theme colors	2026-03-09 22:51:47 +00:00
bender	2251d192d2	Merge version_9 into main Merge version_9 into main	2026-03-09 22:51:35 +00:00
bender	3eb24c1e2b	Update theme colors	2026-03-09 22:51:29 +00:00
bender	a62f55b519	Merge version_9 into main Merge version_9 into main	2026-03-09 22:51:10 +00:00
bender	227892a43d	Update theme colors	2026-03-09 22:51:04 +00:00
bender	af8a38ce0b	Merge version_9 into main Merge version_9 into main	2026-03-09 22:50:43 +00:00
bender	b19e69e2fd	Update theme colors	2026-03-09 22:50:38 +00:00
bender	c5eaa66060	Merge version_9 into main Merge version_9 into main	2026-03-09 22:50:21 +00:00
bender	06a0a95ddc	Update theme colors	2026-03-09 22:50:15 +00:00
bender	06300f6ca0	Merge version_9 into main Merge version_9 into main	2026-03-09 22:47:28 +00:00
bender	98816f443b	Update src/app/page.tsx	2026-03-09 22:47:24 +00:00
bender	5e103b85cc	Merge version_9 into main Merge version_9 into main	2026-03-09 22:28:33 +00:00
bender	1f70516369	Update src/app/page.tsx	2026-03-09 22:28:29 +00:00
bender	6df193d9bd	Merge version_9 into main Merge version_9 into main	2026-03-09 22:22:45 +00:00
bender	495fb7e69c	Update src/app/page.tsx	2026-03-09 22:22:41 +00:00
bender	93cea76b15	Merge version_8 into main Merge version_8 into main	2026-03-09 22:18:15 +00:00
bender	fd47fd0499	Update src/app/page.tsx	2026-03-09 22:18:11 +00:00
bender	bc03d24c9b	Merge version_7 into main Merge version_7 into main	2026-03-09 22:13:12 +00:00