bender/a73a374e-794e-442c-9284-3054aa5503a3
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/products/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 14:51:11 +00:00
parent a10d896420
commit 8b091bc8ca
1 changed files with 21 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/app/products/page.tsx
View File

@@ -34,7 +34,7 @@ export default function ProductsPage() {
borderRadius="soft" borderRadius="soft"
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles" sizing="mediumLargeSizeMediumTitles"
background="grid" background="circleGradient"
cardStyle="glass-depth" cardStyle="glass-depth"
primaryButtonStyle="radial-glow" primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
@@ -45,9 +45,7 @@ export default function ProductsPage() {
brandName="Storefront" brandName="Storefront"
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Shop Now", text: "Shop Now", href: "/products"}}
href: "/products",
}}
/> />
</div> </div>
@@ -64,37 +62,17 @@ export default function ProductsPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
products={[ products={[
{ {
id: "1", id: "1", name: "Premium Wireless Headphones", price: "$129.99", imageSrc:
name: "Premium Wireless Headphones", "http://img.b2bpic.net/free-photo/headset-table_417767-238.jpg", imageAlt: "Wireless headphones"},
price: "$129.99",
imageSrc:
"http://img.b2bpic.net/free-photo/headset-table_417767-238.jpg?_wi=2",
imageAlt: "Wireless headphones",
},
{ {
id: "2", id: "2", name: "Elegant Watch Collection", price: "$249.99", imageSrc:
name: "Elegant Watch Collection", "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg", imageAlt: "Designer watch"},
price: "$249.99",
imageSrc:
"http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg?_wi=2",
imageAlt: "Designer watch",
},
{ {
id: "3", id: "3", name: "Smart Phone Stand", price: "$39.99", imageSrc:
name: "Smart Phone Stand", "http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg", imageAlt: "Phone stand"},
price: "$39.99",
imageSrc:
"http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=2",
imageAlt: "Phone stand",
},
{ {
id: "4", id: "4", name: "Premium Backpack", price: "$159.99", imageSrc:
name: "Premium Backpack", "http://img.b2bpic.net/free-photo/leather-bag-travel-with-earphones-passport_23-2149433932.jpg", imageAlt: "Travel backpack"},
price: "$159.99",
imageSrc:
"http://img.b2bpic.net/free-photo/leather-bag-travel-with-earphones-passport_23-2149433932.jpg?_wi=2",
imageAlt: "Travel backpack",
},
]} ]}
/> />
</div> </div>
@@ -112,22 +90,16 @@ export default function ProductsPage() {
features={[ features={[
{ {
icon: Truck, icon: Truck,
title: "Fast & Free Shipping", title: "Fast & Free Shipping", description:
description: "Complimentary shipping on orders over $50 with delivery in 2-3 business days"},
"Complimentary shipping on orders over $50 with delivery in 2-3 business days",
},
{ {
icon: Shield, icon: Shield,
title: "Secure Checkout", title: "Secure Checkout", description:
description: "SSL-encrypted payments with multiple payment options for your safety"},
"SSL-encrypted payments with multiple payment options for your safety",
},
{ {
icon: RotateCcw, icon: RotateCcw,
title: "Easy Returns", title: "Easy Returns", description:
description: "30-day money-back guarantee with hassle-free return process"},
"30-day money-back guarantee with hassle-free return process",
},
]} ]}
/> />
</div> </div>
@@ -139,7 +111,7 @@ export default function ProductsPage() {
tagAnimation="slide-up" tagAnimation="slide-up"
title="Need Help Finding the Perfect Item?" title="Need Help Finding the Perfect Item?"
description="Our customer service team is available 24/7 to assist you with product recommendations, specifications, and any questions you may have." description="Our customer service team is available 24/7 to assist you with product recommendations, specifications, and any questions you may have."
background={{ variant: "grid" }} background={{ variant: "plain" }}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ text: "Contact Support", href: "/contact" }, { text: "Contact Support", href: "/contact" },
@@ -187,21 +159,13 @@ export default function ProductsPage() {
{ {
items: [ items: [
{ {
label: "Facebook", label: "Facebook", href: "https://facebook.com"},
href: "https://facebook.com",
},
{ {
label: "Twitter", label: "Twitter", href: "https://twitter.com"},
href: "https://twitter.com",
},
{ {
label: "Instagram", label: "Instagram", href: "https://instagram.com"},
href: "https://instagram.com",
},
{ {
label: "LinkedIn", label: "LinkedIn", href: "https://linkedin.com"},
href: "https://linkedin.com",
},
], ],
}, },
]} ]}