Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -11,6 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import { BarChart, Clock, DollarSign, MessageSquare, Shield, TrendingUp, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -70,6 +71,17 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="social-proof" data-section="social-proof">
+      <SocialProofOne
+      textboxLayout="default"
+      useInvertedBackground={false}
+      names={[
+        "Google",        "Meta",        "Microsoft",        "Amazon",        "Apple",        "Nvidia",        "Intel"]}
+      title="Entegre Çalışıyoruz"
+      description="Favori iş araçlarınızla uyumlu çalışın."
+    />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureBento
       animationType="slide-up"
@@ -102,14 +114,17 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Google",        "Meta",        "Microsoft",        "Amazon",        "Apple",        "Nvidia",        "Intel"]}
-      title="İş Ortaklarımız"
-      description="Küresel ölçekte güvenle çalışıyoruz."
+  <div id="roi-calculator" data-section="roi-calculator">
+      <MetricCardFourteen
+      tag="ROI HESAPLAYICI"
+      title="Yatırım Getirinizi Keşfedin"
+      metrics={[
+        { id: "r1", value: "$50K", description: "Yıllık Potansiyel Tasarruf" },
+        { id: "r2", value: "4x", description: "Verimlilik Artışı" },
+        { id: "r3", value: "%20", description: "Kâr Marjı İyileştirmesi" },
+      ]}
+      metricsAnimation="slide-up"
+      useInvertedBackground={true}
     />
   </div>