Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
2026-03-07 20:08:02 +00:00
2 changed files with 177 additions and 7 deletions

View File

@@ -45,7 +45,7 @@ export default function LandingPage() {
description=""
buttons={[
{ text: "Shop Collection", href: "products" },
{ text: "Explore More", href: "features" },
{ text: "Explore More", href: "/products-collection" },
]}
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZwu3DmYTEVGkV2zFru3woMC59/uploaded-1772814179118-13xvsegd.mp4"
showDimOverlay={true}
@@ -73,7 +73,7 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "View All Products", href: "shop" }]}
buttons={[{ text: "View All Products", href: "/products-collection" }]}
/>
</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: "/products-collection" },
{ 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: "/products-collection" },
{ label: "Collections", href: "/products-collection" },
{ label: "Best Sellers", href: "/products-collection" },
{ label: "Sale", href: "/products-collection" },
],
},
{

View File

@@ -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: "Cart", id: "/" },
]}
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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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>
);
}