Update src/app/page.tsx

Merge version_17 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import TextAbout from '@/components/sections/about/TextAbout';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
@@ -11,6 +11,8 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Activity, Calendar, Heart, HeartHandshake, Smile, Users, Zap, Award } from 'lucide-react';
 
+const logoImageUrl = 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj0fCNhpHkySqkJU4xKgOiGDZm/uploaded-1773179572794-hfhl39g7.jpg';
+
 export default function LandingPage() {
   return (
     <ThemeProvider
@@ -41,7 +43,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboardRotatedCarousel
-          title="EMPOWERPHYSIO Physiotherapie und Training an zentraler Lage in Konstanz"
+          title="Physiotherapie und Training an zentraler Lage in Konstanz "
           description="Schmerzen lindern, Bewegung zurückgewinnen, Lebensqualität verbessern – mit modernen Therapiemethoden und persönlicher Betreuung. Physio Shala: Ihre Praxis in der Marktstätte."
           background={{ variant: "plain" }}
           tag="Professionelle Physiotherapie"
@@ -54,11 +56,11 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           buttonClassName="primary"
           carouselItems={[
-            { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj0fCNhpHkySqkJU4xKgOiGDZm/uploaded-1773096321975-05c0y0yo.png?_wi=1", imageAlt: "back pain relief physiotherapy treatment" },
-            { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-talking-nurse_23-2149341522.jpg", imageAlt: "mobility enhancement physical therapy" },
-            { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/woman-rehabilitation-center-getting-treatment_23-2150356710.jpg", imageAlt: "modern physiotherapy clinic bright" },
+            { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj0fCNhpHkySqkJU4xKgOiGDZm/uploaded-1773450753769-cchwza95.png", imageAlt: "back pain relief physiotherapy treatment" },
+            { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj0fCNhpHkySqkJU4xKgOiGDZm/uploaded-1773450753769-cchwza95.png", imageAlt: "mobility enhancement physical therapy" },
+            { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj0fCNhpHkySqkJU4xKgOiGDZm/uploaded-1773451145534-xdernpul.jpg", imageAlt: "modern physiotherapy clinic bright" },
             { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj0fCNhpHkySqkJU4xKgOiGDZm/uploaded-1773096321975-05c0y0yo.png?_wi=2", imageAlt: "postoperative rehabilitation patient care" },
-            { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj0fCNhpHkySqkJU4xKgOiGDZm/uploaded-1773096321975-05c0y0yo.png?_wi=3", imageAlt: "elderly patient mobility therapy" },
+            { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj0fCNhpHkySqkJU4xKgOiGDZm/uploaded-1773450753769-cchwza95.png", imageAlt: "elderly patient mobility therapy" },
             { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aj0fCNhpHkySqkJU4xKgOiGDZm/uploaded-1773095930893-d3krwvye.png", imageAlt: "athlete sports injury treatment" }
           ]}
           autoPlay={true}
@@ -67,9 +69,12 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <TextAbout
-          tag="Über Physio Shala"
-          title="15+ Jahren Erfahrung | 1000+ zufriedene Patienten | Zertifiziert nach DIN EN ISO 9001"
+        <InlineImageSplitTextAbout
+          heading={[
+            { type: "text", content: "15+ Jahre Erfahrung | " },
+            { type: "image", src: logoImageUrl, alt: "Physio Shala Logo" },
+            { type: "text", content: " | Zertifizierte Therapeuten | 1000+ zufriedene Patienten" }
+          ]}
           buttons={[
             { text: "Unsere Geschichte", href: "#services" },
             { text: "Team kennenlernen", href: "#team" }
@@ -236,4 +241,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --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;
+  --background: #fffefe;
+  --card: #f6f7f4;
+  --foreground: #080908;
+  --primary-cta: #0e3a29;
+  --primary-cta-text: #fffefe;
+  --secondary-cta: #e7eecd;
+  --secondary-cta-text: #080908;
+  --accent: #35c18b;
+  --background-accent: #ecebe4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);