Update src/app/page.tsx

src/app/page.tsx

@@ -68,10 +68,18 @@ export default function LandingPage() {
   </div>
 
   <div id="collection" data-section="collection">
-    <div className="py-24 text-center">
-      <h2 className="text-4xl font-bold">Collection</h2>
-      <p className="mt-4">New collection coming soon. Stay tuned!</p>
-    </div>
+    <FeatureCardSeven
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Our Collection"
+      description="Explore our carefully curated range of premium timepieces designed for every occasion."
+      features={[
+        { title: "Classic Series", description: "Timeless designs for the modern professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11463.jpg" },
+        { title: "Sport Chrono", description: "Durability meets high-performance aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-athletic-woman-fixing-her-smartwatch_23-2148781792.jpg" },
+        { title: "Limited Edition", description: "Exclusive releases for true watch enthusiasts.", imageSrc: "http://img.b2bpic.net/free-photo/modern-black-watch-wrist-man-sitting-car_181624-58251.jpg" }
+      ]}
+    />
   </div>
 
   <div id="metrics" data-section="metrics">
@@ -152,4 +160,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}