Add src/app/products-collection/page.tsx
This commit is contained in:
170
src/app/products-collection/page.tsx
Normal file
170
src/app/products-collection/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user