Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -8,10 +8,11 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 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() {
@@ -63,23 +64,21 @@ export default function LandingPage() {
           imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-peppers-carrots-garlic-other-vegetables-white-background_140725-141123.jpg",          imageAlt: "Fonksiyonel Beslenme"},
         {
           imageSrc: "http://img.b2bpic.net/free-photo/empty-doctors-workplace-room-with-desk-technology_482257-14017.jpg",          imageAlt: "Klinik Ortamı"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-talking-patient-about-vegetables_23-2148302105.jpg",          imageAlt: "Medium shot doctor talking to patient about vegetables"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/apple-stethoscope_23-2147612174.jpg",          imageAlt: "Apple and stethoscope"},
       ]}
       mediaAnimation="slide-up"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
+      <TextSplitAbout
       title="Neden Fonksiyonel Tıp ve Beslenme?"
-      buttons={[
-        {
-          text: "Daha Fazlasını Öğren",          href: "#"},
+      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."
       ]}
+      buttons={[
+        { text: "Randevu Al", href: "#contact" }
+      ]}
+      useInvertedBackground={true}
     />
   </div>
 
@@ -150,6 +149,21 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="metric-cards" data-section="metric-cards">
+    <MetricCardThree
+      animationType="blur-reveal"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Önemli Göstergeler"
+      description="Sağlık yolculuğunuzdaki temel metrikler."
+      metrics={[
+        { id: "metric-1", icon: Award, title: "Sertifikalar", value: "15+" },
+        { id: "metric-2", icon: Zap, title: "Vaka Çalışması", value: "800+" },
+        { id: "metric-3", icon: Shield, title: "Yıllık Deneyim", value: "10+" },
+      ]}
+    />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardThirteen
       animationType="slide-up"
@@ -223,4 +237,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffafa;
-  --card: #fff7f7;
-  --foreground: #1a0000;
-  --primary-cta: #e63946;
-  --primary-cta-text: #fffafa;
+  --background: #f7f6f7;
+  --card: #ffffff;
+  --foreground: #1b0c25;
+  --primary-cta: #1b0c25;
+  --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #1a0000;
-  --accent: #f5c4c7;
-  --background-accent: #f09199;
+  --secondary-cta-text: #1b0c25;
+  --accent: #ff93e4;
+  --background-accent: #e8a8c3;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);