Update src/app/page.tsx

src/app/page.tsx

@@ -7,11 +7,12 @@ import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
-import { CheckSquare, Scissors, Tag } from "lucide-react";
+import { CheckSquare, Scissors, Tag, TrendingUp, Zap, Clock } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -94,6 +95,21 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="metrics" data-section="metrics">
+      <MetricCardTwo 
+        title="Operasyonel Başarı"
+        description="İşletmenizi bir üst seviyeye taşıyan performans metriklerimiz."
+        gridVariant="bento-grid"
+        animationType="blur-reveal"
+        textboxLayout="default"
+        metrics={[
+            { id: "m1", value: "98%", description: "Zamanında Teslimat Oranı" },
+            { id: "m2", value: "100k+", description: "Aylık Üretim Kapasitesi" },
+            { id: "m3", value: "15+", description: "Global Lojistik Çözüm Ortağı" }
+        ]}
+      />
+  </div>
+
   <div id="gallery" data-section="gallery">
       <MetricCardEleven
       animationType="slide-up"
@@ -163,4 +179,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}