Switch to version 1: modified src/app/collection/page.tsx

src/app/collection/page.tsx

@@ -26,14 +26,23 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",          id: "/"},
+          name: "Home",
+          id: "/",
+        },
         {
-          name: "Collection",          id: "/collection"},
+          name: "Collection",
+          id: "/collection",
+        },
         {
-          name: "Custom Orders",          id: "/custom-order"},
+          name: "Custom Orders",
+          id: "/custom-order",
+        },
         {
-          name: "Contact",          id: "/contact"},
+          name: "Contact",
+          id: "/contact",
+        },
       ]}
+      brandName="Wanda"
     />
   </div>
 
@@ -47,17 +56,53 @@ export default function LandingPage() {
       description="Be the first to explore our latest handcrafted creations and exclusive pieces, designed to captivate with timeless elegance."
       products={[
         {
-          id: "new-prod-1",          name: "The Aurora Clutch",          price: "$320",          variant: "Evening",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-stylish-woman-holding-straw-handbag_285396-4844.jpg",          imageAlt: "Woman wearing knitted bag - Aurora Clutch"},
+          id: "new-prod-1",
+          name: "The Aurora Clutch",
+          price: "$320",
+          variant: "Evening",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-stylish-woman-holding-straw-handbag_285396-4844.jpg",
+          imageAlt: "Woman wearing knitted bag - Aurora Clutch",
+        },
         {
-          id: "new-prod-2",          name: "Desert Bloom Shoulder Bag",          price: "$290",          variant: "Daywear",          imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg",          imageAlt: "Elegant woman with Desert Bloom Shoulder Bag"},
+          id: "new-prod-2",
+          name: "Desert Bloom Shoulder Bag",
+          price: "$290",
+          variant: "Daywear",
+          imageSrc: "http://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg",
+          imageAlt: "Elegant woman with Desert Bloom Shoulder Bag",
+        },
         {
-          id: "new-prod-3",          name: "Celestial Crossbody",          price: "$275",          variant: "Versatile",          imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-stylish-girl-with-dark-short-hair-walking-after-work-carrying-black-leather-bag-smiling-portrait-adorable-brunette-young-woman-wearing-vintage-french-clothes-having-fun-indoors_197531-3644.jpg",          imageAlt: "Gorgeous girl with Celestial Crossbody"},
+          id: "new-prod-3",
+          name: "Celestial Crossbody",
+          price: "$275",
+          variant: "Versatile",
+          imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-stylish-girl-with-dark-short-hair-walking-after-work-carrying-black-leather-bag-smiling-portrait-adorable-brunette-young-woman-wearing-vintage-french-clothes-having-fun-indoors_197531-3644.jpg",
+          imageAlt: "Gorgeous girl with Celestial Crossbody",
+        },
         {
-          id: "new-prod-4",          name: "Mystic Aura Tote",          price: "$380",          variant: "Statement",          imageSrc: "http://img.b2bpic.net/free-photo/clutch-with-ghost_23-2147680167.jpg",          imageAlt: "Clutch with ghost - Mystic Aura Tote"},
+          id: "new-prod-4",
+          name: "Mystic Aura Tote",
+          price: "$380",
+          variant: "Statement",
+          imageSrc: "http://img.b2bpic.net/free-photo/clutch-with-ghost_23-2147680167.jpg",
+          imageAlt: "Clutch with ghost - Mystic Aura Tote",
+        },
         {
-          id: "new-prod-5",          name: "Starlight Minaudiere",          price: "$340",          variant: "Glamour",          imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12976.jpg",          imageAlt: "Antique Hand Bag layout - Starlight Minaudiere"},
+          id: "new-prod-5",
+          name: "Starlight Minaudiere",
+          price: "$340",
+          variant: "Glamour",
+          imageSrc: "http://img.b2bpic.net/free-photo/antique-hand-bag-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12976.jpg",
+          imageAlt: "Antique Hand Bag layout - Starlight Minaudiere",
+        },
         {
-          id: "new-prod-6",          name: "Pearl Dewdrop Clutch",          price: "$300",          variant: "Bridal",          imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14712.jpg",          imageAlt: "Hand Bag Layout - Pearl Dewdrop Clutch"},
+          id: "new-prod-6",
+          name: "Pearl Dewdrop Clutch",
+          price: "$300",
+          variant: "Bridal",
+          imageSrc: "http://img.b2bpic.net/free-photo/hand-bag-layout-with-place-text-women-s-accessories-jewellery-background-mockup-banner-fashion-accessories_460848-14712.jpg",
+          imageAlt: "Hand Bag Layout - Pearl Dewdrop Clutch",
+        },
       ]}
     />
   </div>
@@ -66,11 +111,14 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain"}}
+        variant: "plain",
+      }}
       text="Didn't find what you're looking for? Let us create a custom beaded bag just for you. Your unique style, handcrafted."
       buttons={[
         {
-          text: "Start a Custom Order",          href: "/custom-order"},
+          text: "Start a Custom Order",
+          href: "/custom-order",
+        },
       ]}
     />
   </div>
@@ -79,31 +127,50 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Wanda",          items: [
+          title: "Wanda",
+          items: [
             {
-              label: "Elevating Everyday and Event Style",              href: "#"},
+              label: "Elevating Everyday and Event Style",
+              href: "#",
+            },
           ],
         },
         {
-          title: "Navigation",          items: [
+          title: "Navigation",
+          items: [
             {
-              label: "Home",              href: "/"},
+              label: "Home",
+              href: "/",
+            },
             {
-              label: "Collection",              href: "/collection"},
+              label: "Collection",
+              href: "/collection",
+            },
             {
-              label: "Custom Orders",              href: "/custom-order"},
+              label: "Custom Orders",
+              href: "/custom-order",
+            },
             {
-              label: "Contact",              href: "/contact"},
+              label: "Contact",
+              href: "/contact",
+            },
           ],
         },
         {
-          title: "Connect",          items: [
+          title: "Connect",
+          items: [
             {
-              label: "Instagram",              href: "https://instagram.com/wandabags"},
+              label: "Instagram",
+              href: "https://instagram.com/wandabags",
+            },
             {
-              label: "WhatsApp",              href: "https://wa.me/96176813559"},
+              label: "WhatsApp",
+              href: "https://wa.me/96176813559",
+            },
             {
-              label: "Facebook",              href: "https://facebook.com/wandabags"},
+              label: "Facebook",
+              href: "https://facebook.com/wandabags",
+            },
           ],
         },
       ]}
@@ -114,4 +181,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}