Update src/app/cart/page.tsx

This commit is contained in:
2026-03-25 14:36:49 +00:00
parent eb5b852257
commit d24dc62aeb

View File

@@ -28,78 +28,45 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
name: "Home", id: "/"},
{
name: "Products",
id: "products",
href: "/products",
},
name: "Products", id: "/products"},
{
name: "Cart",
id: "cart",
href: "/cart",
},
name: "Cart", id: "/cart"},
{
name: "Orders",
id: "orders",
href: "/orders",
},
name: "Orders", id: "/orders"},
{
name: "Admin",
id: "admin",
href: "/admin",
},
name: "Admin", id: "/admin"},
]}
brandName="ShopFusion"
button={{
text: "Login / Register",
href: "/login",
}}
text: "Login / Register", href: "/login"}}
animateOnLoad={true}
/>
</div>
<div id="ecommerce" data-section="ecommerce">
<ProductCart
onClose={() => {}}
isOpen={false}
items={[
{
id: "1",
name: "Classic White Sneakers",
variants: [
"Size: 10",
"Color: White",
],
price: "$79.99",
quantity: 1,
imageSrc: "http://img.b2bpic.net/free-photo/female-walking-park-high-quality-photo_114579-92105.jpg?_wi=5",
imageAlt: "Classic white sneakers",
},
id: "1", name: "Classic White Sneakers", variants: [
"Size: 10", "Color: White"],
price: "$79.99", quantity: 1,
imageSrc: "http://img.b2bpic.net/free-photo/female-walking-park-high-quality-photo_114579-92105.jpg?_wi=5", imageAlt: "Classic white sneakers"},
{
id: "2",
name: "Noise-Cancelling Headphones",
variants: [
"Color: Black",
],
price: "$149.50",
quantity: 1,
imageSrc: "http://img.b2bpic.net/free-photo/positive-cute-student-girl-having-fun-indoors-after-college-using-headset-while-chatting-online-via-video-chat-her-smartphone_343059-3805.jpg?_wi=5",
imageAlt: "Noise-cancelling headphones",
},
id: "2", name: "Noise-Cancelling Headphones", variants: [
"Color: Black"],
price: "$149.50", quantity: 1,
imageSrc: "http://img.b2bpic.net/free-photo/positive-cute-student-girl-having-fun-indoors-after-college-using-headset-while-chatting-online-via-video-chat-her-smartphone_343059-3805.jpg?_wi=5", imageAlt: "Noise-cancelling headphones"},
]}
total="$229.49"
buttons={[
{
text: "Continue Shopping",
href: "/products",
},
text: "Continue Shopping", href: "/products"},
{
text: "Proceed to Checkout",
href: "/checkout",
},
text: "Proceed to Checkout", href: "/checkout"},
]}
title="Your Shopping Cart"
totalLabel="Subtotal"
@@ -114,26 +81,11 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "5",
name: "Premium Leather Wallet",
price: "$49.99",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-s-hands-with-ornate-silver-tiger-ring-other-accessories_181624-55178.jpg?_wi=3",
imageAlt: "Premium leather wallet",
},
id: "5", name: "Premium Leather Wallet", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-s-hands-with-ornate-silver-tiger-ring-other-accessories_181624-55178.jpg?_wi=3", imageAlt: "Premium leather wallet"},
{
id: "6",
name: "Ergonomic Office Chair",
price: "$299.00",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-family-spending-time-home_23-2150231687.jpg?_wi=5",
imageAlt: "Ergonomic office chair",
},
id: "6", name: "Ergonomic Office Chair", price: "$299.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-family-spending-time-home_23-2150231687.jpg?_wi=5", imageAlt: "Ergonomic office chair"},
{
id: "7",
name: "Smart LED Desk Lamp",
price: "$65.00",
imageSrc: "http://img.b2bpic.net/free-vector/payment-methods-with-shopping-basket_23-2147672989.jpg?_wi=3",
imageAlt: "Smart LED desk lamp",
},
id: "7", name: "Smart LED Desk Lamp", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-vector/payment-methods-with-shopping-basket_23-2147672989.jpg?_wi=3", imageAlt: "Smart LED desk lamp"},
]}
title="You Might Also Like"
description="Curated selections based on your cart and browsing history."
@@ -144,17 +96,14 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Support"
tagIcon={LifeBuoy}
title="Need Help With Your Order?"
description="Our customer service team is ready to assist you with any questions or issues."
buttons={[
{
text: "Contact Support",
href: "/contact",
},
text: "Contact Support", href: "/contact"},
]}
/>
</div>
@@ -163,54 +112,33 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "ShopFusion",
items: [
title: "ShopFusion", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Careers",
href: "/careers",
},
label: "Careers", href: "/careers"},
{
label: "Blog",
href: "/blog",
},
label: "Blog", href: "/blog"},
],
},
{
title: "Customer Service",
items: [
title: "Customer Service", items: [
{
label: "Contact Us",
href: "/contact",
},
label: "Contact Us", href: "/contact"},
{
label: "Returns",
href: "/returns",
},
label: "Returns", href: "/returns"},
{
label: "Shipping",
href: "/shipping",
},
label: "Shipping", href: "/shipping"},
{
label: "FAQ",
href: "/faq",
},
label: "FAQ", href: "/faq"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "/privacy",
},
label: "Privacy Policy", href: "/privacy"},
{
label: "Terms of Service",
href: "/terms",
},
label: "Terms of Service", href: "/terms"},
],
},
]}