Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -36,6 +36,8 @@ export default function LandingPage() {
           name: "Home",          id: "home"},
         {
           name: "Shop",          id: "products"},
+        {
+          name: "Accessories",          id: "accessories"},
         {
           name: "Features",          id: "features"},
         {
@@ -126,6 +128,32 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="accessories" data-section="accessories">
+      <ProductCardThree
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={true}
+      products={[
+        {
+          id: "acc-1",          name: "Elegant Gold Necklace",          price: "$85.00",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESdxs13TPrZMhkTBmCRRLe0Sbe/uploaded-1780260255415-6xp8tuvr.jpg",          imageAlt: "Elegant Gold Necklace",          priceButtonProps: {
+            text: "Add to Cart"},
+        },
+        {
+          id: "acc-2",          name: "Chic Leather Handbag",          price: "$199.00",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESdxs13TPrZMhkTBmCRRLe0Sbe/uploaded-1780260255415-nibb2r0y.jpg",          imageAlt: "Chic Leather Handbag",          priceButtonProps: {
+            text: "Add to Cart"},
+        },
+        {
+          id: "acc-3",          name: "Stylish Aviator Sunglasses",          price: "$60.00",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ESdxs13TPrZMhkTBmCRRLe0Sbe/uploaded-1780260255415-nvvd5br8.jpg",          imageAlt: "Stylish Aviator Sunglasses",          priceButtonProps: {
+            text: "Add to Cart"},
+        },
+      ]}
+      title="Our Accessories"
+      description="Complete your look with our exquisite range of accessories. From elegant jewelry to stylish bags, find the perfect complement to any outfit."
+      tag="New Accessories"
+    />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwentyOne
       useInvertedBackground={false}
@@ -254,7 +282,7 @@ export default function LandingPage() {
             {
               label: "Outerwear",              href: "#"},
             {
-              label: "Accessories",              href: "#"},
+              label: "Accessories",              href: "#accessories"},
           ],
         },
         {
@@ -288,4 +316,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}