Update src/app/page.tsx

Merge version_16 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-1773179247557-0qdf0zm4.jpg';
+
 export default function LandingPage() {
   return (
     <ThemeProvider
@@ -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" }

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