Update src/app/products/page.tsx
This commit is contained in:
@@ -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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user