src/app/page.tsx

@@ -34,6 +34,7 @@ export default function LandingPage() {
             { name: "Collections", id: "products" },
             { name: "About", id: "about" },
             { name: "Contact", id: "contact" },
+            { name: "Products", id: "/products" },
             { name: "Shop", id: "featured" }
           ]}
         />
@@ -252,4 +253,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,114 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { Star } from 'lucide-react';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="noiseDiagonalGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Urbi's shop "
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Collections", id: "#products" },
+            { name: "About", id: "#about" },
+            { name: "Contact", id: "#contact" },
+            { name: "Shop", id: "#featured" }
+          ]}
+        />
+      </div>
+
+      <div id="featured" data-section="featured">
+        <ProductCardOne
+          title="All Products"
+          description="Browse our complete collection of hand-selected jewelry pieces"
+          tag="Shop All"
+          tagIcon={Star}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          products={[
+            {
+              id: "1",              name: "Hair ban ",              price: "Tk.150",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Apv6sRFjqzpDEKen4UeDwBf0Hp/uploaded-1773342041535-ndd1eq9n.png",              imageAlt: "Hair ban "
+            },
+            {
+              id: "2",              name: "Pearl bracelets",              price: "Tk.175 ",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Apv6sRFjqzpDEKen4UeDwBf0Hp/uploaded-1773342067031-olttznbi.png",              imageAlt: "Pearl bracelets"
+            },
+            {
+              id: "3",              name: "Crystal Ring Set",              price: "Tk.250 ",              imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-wedding-ring-scarf_23-2148031686.jpg",              imageAlt: "Crystal Ring Set"
+            },
+            {
+              id: "4",              name: "hair clip ",              price: "Tk.100",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Apv6sRFjqzpDEKen4UeDwBf0Hp/uploaded-1773342104558-hr8ey4el.png",              imageAlt: "hair clip "
+            },
+            {
+              id: "5",              name: "Gold Bracelet",              price: "Tk.300",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-wearing-gold-bracelet_23-2149836442.jpg",              imageAlt: "Gold Bracelet"
+            },
+            {
+              id: "6",              name: "Pearl Earrings",              price: "Tk.225",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-bride-posing-against-window-hotel-room_1153-6031.jpg",              imageAlt: "Pearl Earrings"
+            },
+            {
+              id: "7",              name: "Diamond Pendant",              price: "Tk.400",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pieces-expensive-golden-jewelry-store_181624-33812.jpg",              imageAlt: "Diamond Pendant"
+            },
+            {
+              id: "8",              name: "Gemstone Ring",              price: "Tk.275",              imageSrc: "http://img.b2bpic.net/free-vector/jewelry-composition-set_1284-22891.jpg",              imageAlt: "Gemstone Ring"
+            },
+            {
+              id: "9",              name: "Boho Bracelet",              price: "Tk.180",              imageSrc: "http://img.b2bpic.net/free-vector/hand-painted-watercolor-boho-frame_52683-66614.jpg",              imageAlt: "Boho Bracelet"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/white-roses-iron-bowl-white-background_114579-74479.jpg"
+          imageAlt="Girls Jewelry Collection Footer"
+          logoText="GirlsJewelry"
+          copyrightText="© 2025 Girls Jewelry Co. All rights reserved."
+          columns={[
+            {
+              title: "Shop",              items: [
+                { label: "Bracelets", href: "#products" },
+                { label: "Earrings", href: "#products" },
+                { label: "Rings", href: "#products" },
+                { label: "Necklaces", href: "#products" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "#about" },
+                { label: "Contact", href: "#contact" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "#faq" },
+                { label: "Shipping Info", href: "#" },
+                { label: "Returns", href: "#" },
+                { label: "Privacy Policy", href: "#" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}