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