diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx index 16dfff1..c89baf1 100644 --- a/src/app/products/page.tsx +++ b/src/app/products/page.tsx @@ -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"}} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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"}, ], }, ]}