src/app/page.tsx

@@ -11,6 +11,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Camera, CheckCircle, HelpCircle, Play, Sparkles, Star, TrendingUp, Zap, Flame, Users, MessageSquare, Lock } from "lucide-react";
 import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 
 export default function LandingPage() {
   return (
@@ -264,6 +265,35 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metric" data-section="metric">
+        <MetricCardSeven
+            metrics={[
+                {
+                    id: "1",
+                    value: "500+",
+                    title: "Trusted by",
+                    items: [
+                        "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                        "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                        "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+                        "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+                    ]
+                }
+            ]}
+            carouselMode="auto"
+            animationType="slide"
+            title="ClipVerse"
+            description="Experience seamless video editing with ClipVerse. Trusted by over 500 satisfied clients."
+            textboxLayout="left"
+            useInvertedBackground="none"
+            textBoxTitleClassName="text-4xl font-bold"
+            textBoxDescriptionClassName="text-lg"
+            valueClassName="text-5xl font-extrabold"
+            metricTitleClassName="text-2xl font-semibold"
+            featureItemClassName="flex items-center gap-2"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="ClipVerse"