Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import TextAbout from '@/components/sections/about/TextAbout';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import { Award, FileText, Shield, Sparkles, User, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -73,13 +73,15 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
+      <TextSplitAbout
-      useInvertedBackground={true}
       title="Neden Fonksiyonel Tıp ve Beslenme?"
-      buttons={[
+      description={[
-        {
+        "Fonksiyonel tıp, hastalıkları sadece semptomları bastırmakla değil, kök nedenlerini anlayarak ele alır.",        "Beslenme planlarımızı tamamen sizin biyokimyasal ihtiyaçlarınıza ve yaşam tarzınıza göre özelleştiriyoruz.",        "Amacımız sadece kilo vermek değil, uzun vadeli ve sürdürülebilir bir sağlık durumuna kavuşmanızı sağlamak."
-          text: "Daha Fazlasını Öğren",          href: "#"},
       ]}
+      buttons={[
+        { text: "Randevu Al", href: "#contact" }
+      ]}
+      useInvertedBackground={true}
     />
   </div>
 
@@ -223,4 +225,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f7f6f7;
-  --card: #f9f9f9;
+  --card: #ffffff;
-  --foreground: #000612e6;
+  --foreground: #1b0c25;
-  --primary-cta: #15479c;
+  --primary-cta: #1b0c25;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #f7f6f7;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #000612e6;
+  --secondary-cta-text: #1b0c25;
-  --accent: #e2e2e2;
+  --accent: #ff93e4;
-  --background-accent: #c4c4c4;
+  --background-accent: #e8a8c3;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);