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="Kompetente Physiotherapeuten | Junges & motiviertes Team | Über 1000 zufriedene Patienten"
+        <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

@@ -11,9 +11,9 @@
   --background-accent: #ffffff; */
 
   --background: #fffefe;
-  --card: #ebbc59;
-  --foreground: #5d875d;
-  --primary-cta: #1e6348;
+  --card: #f6f7f4;
+  --foreground: #080908;
+  --primary-cta: #0e3a29;
   --primary-cta-text: #fffefe;
   --secondary-cta: #e7eecd;
   --secondary-cta-text: #080908;