Update theme colors

Merge version_8 into main

src/app/layout.tsx

@@ -5,7 +5,8 @@ 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 - Physiotherapie Konstanz",  description: "Professionelle Physiotherapie in Konstanz mit modernen Therapien und persönlicher Betreuung."
+};
 
 export default function RootLayout({
   children,
@@ -1384,4 +1385,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -47,12 +47,18 @@ export default function LandingPage() {
           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"
           buttons={[
-            { text: "Kostenlosen Termin buchen", href: "contact" },
-            { text: "Mehr erfahren", href: "about" },
+            { text: "Kostenlose Beratung", href: "contact" },
+            { text: "Jetzt kostenlosen Termin sichern", href: "contact" },
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-massaging-man_23-2149406802.jpg"
+          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"
@@ -130,7 +136,7 @@ export default function LandingPage() {
       <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"
+          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={[
@@ -153,6 +159,10 @@ export default function LandingPage() {
               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"
             },
           ]}
+          buttons={[
+            { text: "Mein kostenloses Beratungsgespräch starten", href: "contact" },
+          ]}
+          buttonAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
           ariaLabel="Testimonials Section: Patientenerfahrungen"
@@ -250,4 +260,4 @@ export default function LandingPage() {
       </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);