Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -33,7 +33,7 @@ export default function LandingPage() {
             { name: "Collections", id: "features" },
             { name: "About", id: "about" },
             { name: "Contact", id: "contact" },
-            { name: "Cart", id: "cart" },
+            { name: "All Shoes", id: "/puma-shoes" },
           ]}
           button={{ text: "Explore Now", href: "products" }}
         />
@@ -45,7 +45,7 @@ export default function LandingPage() {
           description=""
           buttons={[
             { text: "Shop Collection", href: "products" },
-            { text: "Explore More", href: "features" },
+            { text: "View All Puma Shoes", href: "/puma-shoes" },
           ]}
           videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/uploaded-1772814179118-13xvsegd.mp4"
           showDimOverlay={true}
@@ -60,20 +60,20 @@ export default function LandingPage() {
           tag="Featured"
           products={[
             {
-              id: "1",              name: "Puma Elite Urban",              price: "$189.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/premium-luxury-sneaker-collection-overhe-1772813684212-e8f48e49.png",              imageAlt: "Puma Elite Urban luxury sneaker",              initialQuantity: 1,
+              id: "1",              name: "Puma Elite Urban",              price: "$189.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/premium-luxury-sneaker-collection-overhe-1772813684212-e8f48e49.png?_wi=1",              imageAlt: "Puma Elite Urban luxury sneaker",              initialQuantity: 1,
             },
             {
-              id: "2",              name: "Puma Pro Performance",              price: "$225.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/single-luxury-premium-sneaker-detailed-s-1772813683441-00ed5dd6.png",              imageAlt: "Puma Pro Performance premium shoe",              initialQuantity: 1,
+              id: "2",              name: "Puma Pro Performance",              price: "$225.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/single-luxury-premium-sneaker-detailed-s-1772813683441-00ed5dd6.png?_wi=1",              imageAlt: "Puma Pro Performance premium shoe",              initialQuantity: 1,
             },
             {
-              id: "3",              name: "Puma Heritage Classic",              price: "$165.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/luxury-puma-premium-sneaker-in-dynamic-m-1772813683126-d742821d.png",              imageAlt: "Puma Heritage Classic athletic sneaker",              initialQuantity: 1,
+              id: "3",              name: "Puma Heritage Classic",              price: "$165.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/luxury-puma-premium-sneaker-in-dynamic-m-1772813683126-d742821d.png?_wi=1",              imageAlt: "Puma Heritage Classic athletic sneaker",              initialQuantity: 1,
             },
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "View All Products", href: "shop" }]}
+          buttons={[{ text: "View All Products", href: "/puma-shoes" }]}
         />
       </div>
 
@@ -146,7 +146,7 @@ export default function LandingPage() {
           text="Ready to step into luxury? Join the JamShop community and experience premium footwear crafted for those who demand excellence."
           animationType="entrance-slide"
           buttons={[
-            { text: "Start Shopping", href: "products" },
+            { text: "Start Shopping", href: "/puma-shoes" },
             { text: "Get in Touch", href: "#" },
           ]}
           background={{ variant: "plain" }}
@@ -161,10 +161,10 @@ export default function LandingPage() {
           columns={[
             {
               title: "Shop",              items: [
-                { label: "New Arrivals", href: "#" },
-                { label: "Collections", href: "#" },
-                { label: "Best Sellers", href: "#" },
-                { label: "Sale", href: "#" },
+                { label: "New Arrivals", href: "/puma-shoes" },
+                { label: "Collections", href: "/puma-shoes" },
+                { label: "Best Sellers", href: "/puma-shoes" },
+                { label: "Sale", href: "/puma-shoes" },
               ],
             },
             {

src/app/products-collection/page.tsx

@@ -0,0 +1,170 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+
+export default function ProductsCollectionPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="medium"
+      background="floatingGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="JamShop"
+          navItems={[
+            { name: "Shop", id: "/products-collection" },
+            { name: "Collections", id: "/products-collection" },
+            { name: "About", id: "/" },
+            { name: "Contact", id: "/" },
+            { name: "All Shoes", id: "/puma-shoes" },
+          ]}
+          button={{ text: "Back Home", href: "/" }}
+        />
+      </div>
+
+      <div id="products-urban" data-section="products-urban" style={{ paddingTop: "6rem" }}>
+        <ProductCardThree
+          title="Urban Collection"
+          description="Street-inspired sneakers designed for the modern urban lifestyle. Combining comfort with contemporary aesthetics."
+          tag="Urban"
+          products={[
+            {
+              id: "1",              name: "City Runner Pro",              price: "$199.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/premium-luxury-sneaker-collection-overhe-1772813684212-e8f48e49.png?_wi=2",              imageAlt: "City Runner Pro urban sneaker",              initialQuantity: 1,
+            },
+            {
+              id: "2",              name: "Street Legend",              price: "$229.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/single-luxury-premium-sneaker-detailed-s-1772813683441-00ed5dd6.png?_wi=2",              imageAlt: "Street Legend premium urban shoe",              initialQuantity: 1,
+            },
+            {
+              id: "3",              name: "Downtown Vibes",              price: "$175.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/luxury-puma-premium-sneaker-in-dynamic-m-1772813683126-d742821d.png?_wi=2",              imageAlt: "Downtown Vibes urban athletic sneaker",              initialQuantity: 1,
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="products-sports" data-section="products-sports">
+        <ProductCardThree
+          title="Sports Performance Collection"
+          description="High-performance athletic shoes engineered for peak performance and maximum comfort during intense training sessions."
+          tag="Sports"
+          products={[
+            {
+              id: "4",              name: "Elite Runner",              price: "$249.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/premium-luxury-sneaker-collection-overhe-1772813684212-e8f48e49.png?_wi=3",              imageAlt: "Elite Runner performance athletic shoe",              initialQuantity: 1,
+            },
+            {
+              id: "5",              name: "Champion Stride",              price: "$275.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/single-luxury-premium-sneaker-detailed-s-1772813683441-00ed5dd6.png?_wi=3",              imageAlt: "Champion Stride professional sports shoe",              initialQuantity: 1,
+            },
+            {
+              id: "6",              name: "Victory Force",              price: "$215.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/luxury-puma-premium-sneaker-in-dynamic-m-1772813683126-d742821d.png?_wi=3",              imageAlt: "Victory Force sports performance sneaker",              initialQuantity: 1,
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="products-lifestyle" data-section="products-lifestyle">
+        <ProductCardThree
+          title="Lifestyle Collection"
+          description="Versatile sneakers perfect for everyday wear, combining style with comfort for all-day wearability."
+          tag="Lifestyle"
+          products={[
+            {
+              id: "7",              name: "Everyday Essential",              price: "$159.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/premium-luxury-sneaker-collection-overhe-1772813684212-e8f48e49.png?_wi=4",              imageAlt: "Everyday Essential lifestyle sneaker",              initialQuantity: 1,
+            },
+            {
+              id: "8",              name: "Casual Comfort",              price: "$185.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/single-luxury-premium-sneaker-detailed-s-1772813683441-00ed5dd6.png?_wi=4",              imageAlt: "Casual Comfort everyday athletic shoe",              initialQuantity: 1,
+            },
+            {
+              id: "9",              name: "Weekend Vibes",              price: "$195.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/luxury-puma-premium-sneaker-in-dynamic-m-1772813683126-d742821d.png?_wi=4",              imageAlt: "Weekend Vibes lifestyle casual sneaker",              initialQuantity: 1,
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="products-limited" data-section="products-limited">
+        <ProductCardThree
+          title="Limited Edition Collection"
+          description="Exclusive, rare sneakers with unique designs. These limited edition pieces are crafted in small quantities for discerning collectors."
+          tag="Limited"
+          products={[
+            {
+              id: "10",              name: "Collector's Dream",              price: "$399.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/premium-luxury-sneaker-collection-overhe-1772813684212-e8f48e49.png?_wi=5",              imageAlt: "Collector's Dream limited edition sneaker",              initialQuantity: 1,
+            },
+            {
+              id: "11",              name: "Exclusive Genesis",              price: "$449.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/single-luxury-premium-sneaker-detailed-s-1772813683441-00ed5dd6.png?_wi=5",              imageAlt: "Exclusive Genesis premium limited shoe",              initialQuantity: 1,
+            },
+            {
+              id: "12",              name: "Rare Vintage",              price: "$359.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/luxury-puma-premium-sneaker-in-dynamic-m-1772813683126-d742821d.png?_wi=5",              imageAlt: "Rare Vintage limited edition athletic sneaker",              initialQuantity: 1,
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="JamShop"
+          copyrightText="© 2025 JamShop. All rights reserved. Crafted for those who demand excellence."
+          columns={[
+            {
+              title: "Shop",              items: [
+                { label: "New Arrivals", href: "/products-collection" },
+                { label: "Collections", href: "/products-collection" },
+                { label: "Best Sellers", href: "/products-collection" },
+                { label: "Sale", href: "/products-collection" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/" },
+                { label: "Our Story", href: "/" },
+                { label: "Sustainability", href: "/" },
+                { label: "Press", href: "/" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "Contact Us", href: "/" },
+                { label: "Shipping Info", href: "/" },
+                { label: "Returns", href: "/" },
+                { label: "FAQ", href: "/" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Cookies", href: "#" },
+                { label: "Accessibility", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/puma-shoes/page.tsx

@@ -0,0 +1,128 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+
+export default function PumaShoesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="medium"
+      background="floatingGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="JamShop"
+          navItems={[
+            { name: "Shop", id: "/puma-shoes" },
+            { name: "Collections", id: "/products-collection" },
+            { name: "About", id: "/" },
+            { name: "Contact", id: "/" },
+            { name: "All Shoes", id: "/puma-shoes" },
+          ]}
+          button={{ text: "Back Home", href: "/" }}
+        />
+      </div>
+
+      <div id="puma-all" data-section="puma-all" style={{ paddingTop: "6rem" }}>
+        <ProductCardThree
+          title="All Puma Shoes"
+          description="Explore our complete collection of premium Puma footwear, featuring advanced performance technology and timeless design across every style and category."
+          tag="Complete Collection"
+          products={[
+            {
+              id: "1",              name: "Puma Elite Urban",              price: "$189.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/premium-luxury-sneaker-collection-overhe-1772813684212-e8f48e49.png?_wi=1",              imageAlt: "Puma Elite Urban luxury sneaker",              initialQuantity: 1,
+            },
+            {
+              id: "2",              name: "Puma Pro Performance",              price: "$225.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/single-luxury-premium-sneaker-detailed-s-1772813683441-00ed5dd6.png?_wi=1",              imageAlt: "Puma Pro Performance premium shoe",              initialQuantity: 1,
+            },
+            {
+              id: "3",              name: "Puma Heritage Classic",              price: "$165.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/luxury-puma-premium-sneaker-in-dynamic-m-1772813683126-d742821d.png?_wi=1",              imageAlt: "Puma Heritage Classic athletic sneaker",              initialQuantity: 1,
+            },
+            {
+              id: "4",              name: "Puma City Runner",              price: "$199.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/premium-luxury-sneaker-collection-overhe-1772813684212-e8f48e49.png?_wi=2",              imageAlt: "Puma City Runner urban sneaker",              initialQuantity: 1,
+            },
+            {
+              id: "5",              name: "Puma Swift Velocity",              price: "$249.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/single-luxury-premium-sneaker-detailed-s-1772813683441-00ed5dd6.png?_wi=2",              imageAlt: "Puma Swift Velocity performance shoe",              initialQuantity: 1,
+            },
+            {
+              id: "6",              name: "Puma Dash Light",              price: "$175.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/luxury-puma-premium-sneaker-in-dynamic-m-1772813683126-d742821d.png?_wi=2",              imageAlt: "Puma Dash Light athletic sneaker",              initialQuantity: 1,
+            },
+            {
+              id: "7",              name: "Puma Apex Hybrid",              price: "$279.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/premium-luxury-sneaker-collection-overhe-1772813684212-e8f48e49.png?_wi=3",              imageAlt: "Puma Apex Hybrid hybrid sneaker",              initialQuantity: 1,
+            },
+            {
+              id: "8",              name: "Puma Street Edge",              price: "$219.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/single-luxury-premium-sneaker-detailed-s-1772813683441-00ed5dd6.png?_wi=3",              imageAlt: "Puma Street Edge street sneaker",              initialQuantity: 1,
+            },
+            {
+              id: "9",              name: "Puma Nexus Prime",              price: "$259.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/luxury-puma-premium-sneaker-in-dynamic-m-1772813683126-d742821d.png?_wi=3",              imageAlt: "Puma Nexus Prime premium shoe",              initialQuantity: 1,
+            },
+            {
+              id: "10",              name: "Puma Zenith Ultra",              price: "$299.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/premium-luxury-sneaker-collection-overhe-1772813684212-e8f48e49.png?_wi=4",              imageAlt: "Puma Zenith Ultra ultra premium sneaker",              initialQuantity: 1,
+            },
+            {
+              id: "11",              name: "Puma Volt Arc",              price: "$239.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/single-luxury-premium-sneaker-detailed-s-1772813683441-00ed5dd6.png?_wi=4",              imageAlt: "Puma Volt Arc voltage sneaker",              initialQuantity: 1,
+            },
+            {
+              id: "12",              name: "Puma Infinity Loop",              price: "$269.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/luxury-puma-premium-sneaker-in-dynamic-m-1772813683126-d742821d.png?_wi=4",              imageAlt: "Puma Infinity Loop infinity design sneaker",              initialQuantity: 1,
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="JamShop"
+          copyrightText="© 2025 JamShop. All rights reserved. Crafted for those who demand excellence."
+          columns={[
+            {
+              title: "Shop",              items: [
+                { label: "New Arrivals", href: "/puma-shoes" },
+                { label: "Collections", href: "/puma-shoes" },
+                { label: "Best Sellers", href: "/puma-shoes" },
+                { label: "Sale", href: "/puma-shoes" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/" },
+                { label: "Our Story", href: "/" },
+                { label: "Sustainability", href: "/" },
+                { label: "Press", href: "/" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "Contact Us", href: "/" },
+                { label: "Shipping Info", href: "/" },
+                { label: "Returns", href: "/" },
+                { label: "FAQ", href: "/" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Cookies", href: "#" },
+                { label: "Accessibility", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}