Update src/app/page.tsx

Merge version_9 into main

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,165 +40,119 @@ 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"
+          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: "Termin jetzt anfragen", 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: "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"
-          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 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: "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: "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: "4",              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: "5",              title: "Wie kann ich einen Termin vereinbaren?",              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: "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: [
@@ -213,7 +166,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: "#" },
               ],
             },
@@ -226,9 +179,10 @@ export default function LandingPage() {
               ],
             },
           ]}
+          copyrightText="© 2024 Physio Shala | Physiotherapie Konstanz. Alle Rechte vorbehalten."
           ariaLabel="Site Footer: Physio Shala Contact & Navigation"
         />
       </div>
     </ThemeProvider>
   );
-}
+}

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>
+  );
+}

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);