bender/c28ac08f-6b0d-454a-af65-cdbd5a1677a3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/cart/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 19:55:22 +00:00
parent 693b8651fb
commit 356acf09b9
1 changed files with 12 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/app/cart/page.tsx
View File

@@ -1,7 +1,6 @@
'use client';
import { ThemeProvider } from 'next-themes';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TextBox from '@/components/Textbox';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -15,7 +14,6 @@ export default function CartPage() {
return (
<ThemeProvider
attribute="class"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
@@ -27,51 +25,20 @@ export default function CartPage() {
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<NavbarStyleCentered navItems={navItems} brandName="Webild" logoSrc="https://via.placeholder.com/40" />
<main className="flex min-h-screen flex-col items-center justify-between p-4 md:p-8">
<section id="cart" data-section="cart" className="w-full max-w-4xl py-12">
<TextBox
title="Your Shopping Cart"
description="Review your items before proceeding to checkout. You can modify quantities or remove items here."
textboxLayout="default"
buttons={[
{
text: "Proceed to Checkout", href: "/checkout"
},
]}
>
<div className="mt-8 space-y-4">
<div className="flex items-center justify-between p-4 border rounded-lg shadow-sm">
<div>
<h3 className="font-semibold">Product A</h3>
<p className="text-sm text-gray-500">Quantity: 1</p>
</div>
<p className="font-medium">$99.00</p>
</div>
<div className="flex items-center justify-between p-4 border rounded-lg shadow-sm">
<div>
<h3 className="font-semibold">Product B</h3>
<p className="text-sm text-gray-500">Quantity: 2</p>
</div>
<p className="font-medium">$150.00</p>
</div>
<div className="flex items-center justify-between p-4 border-t-2 mt-6 pt-6 font-bold text-lg">
<span>Total:</span>
<span>$249.00</span>
</div>
</div>
</TextBox>
</section>
<section id="trust-signals-cart" data-section="trust-signals-cart" className="w-full max-w-4xl py-12">
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={navItems} brandName="Webild" logoSrc="https://via.placeholder.com/40" />
</div>
<main className="flex min-h-screen flex-col items-center justify-between p-24">
<div id="social-proof-section" data-section="social-proof-section">
<SocialProofOne
title="Secure & Trusted Shopping"
description="Shop with confidence knowing your data is protected."
names={['Stripe', 'PayPal', 'Shopify', 'McAfee Secure']}
textboxLayout='default'
title="Your Shopping Cart"
description="Review your items before checkout."
names={['Item 1', 'Item 2', 'Item 3']}
textboxLayout="default"
showCard={true}
useInvertedBackground={false}
/>
</section>
</div>
</main>
<FooterBaseReveal
logoText="Webild"