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

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-06-10 19:55:27 +00:00
parent 189f7b2083 e2c09ea896
commit fb5a63cf79
3 changed files with 38 additions and 101 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"

57
src/app/checkout/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 CheckoutPage() {
return (
<ThemeProvider
attribute="class"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
@@ -27,51 +25,20 @@ export default function CheckoutPage() {
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="checkout" data-section="checkout" className="w-full max-w-4xl py-12">
<TextBox
title="Complete Your Order"
description="Fill in your shipping and payment details to finalize your purchase. Your information is securely handled."
textboxLayout="default"
buttons={[
{
text: "Place Order", href: "/order-confirmation"
},
]}
>
<div className="mt-8 space-y-6">
<h3 className="font-semibold text-xl">Shipping Information</h3>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<input type="text" placeholder="Full Name" className="p-3 border rounded-lg w-full" />
<input type="text" placeholder="Address Line 1" className="p-3 border rounded-lg w-full" />
<input type="text" placeholder="Address Line 2 (Optional)" className="p-3 border rounded-lg w-full" />
<input type="text" placeholder="City" className="p-3 border rounded-lg w-full" />
<input type="text" placeholder="State/Province" className="p-3 border rounded-lg w-full" />
<input type="text" placeholder="Postal Code" className="p-3 border rounded-lg w-full" />
<input type="text" placeholder="Country" className="p-3 border rounded-lg w-full" />
</div>
<h3 className="font-semibold text-xl mt-8">Payment Information</h3>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<input type="text" placeholder="Card Number" className="p-3 border rounded-lg w-full" />
<input type="text" placeholder="Name on Card" className="p-3 border rounded-lg w-full" />
<input type="text" placeholder="Expiration (MM/YY)" className="p-3 border rounded-lg w-full" />
<input type="text" placeholder="CVV" className="p-3 border rounded-lg w-full" />
</div>
</div>
</TextBox>
</section>
<section id="trust-signals-checkout" data-section="trust-signals-checkout" 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="Your Payment is Secure"
description="We use industry-leading encryption to protect your payment information."
names={['PCI DSS', 'HTTPS', '256-bit SSL', 'Fraud Protection']}
textboxLayout='default'
title="Checkout Details"
description="Complete your purchase."
names={['Payment Secured', 'Fast Delivery', 'Easy Returns']}
textboxLayout="default"
showCard={true}
useInvertedBackground={false}
/>
</section>
</div>
</main>
<FooterBaseReveal
logoText="Webild"

25
src/app/page.tsx
View File

@@ -14,7 +14,6 @@ export default function Home() {
return (
<ThemeProvider
attribute="class"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
@@ -26,17 +25,21 @@ export default function Home() {
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<NavbarStyleCentered navItems={navItems} brandName="Webild" logoSrc="https://via.placeholder.com/40" />
<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">
<HeroCentered
title="Welcome to Our Store!"
description="Explore our amazing products and enjoy a seamless shopping experience from cart to checkout."
background={{ variant: 'radial-gradient' }}
avatars={[{ src: 'https://via.placeholder.com/150', alt: 'User 1' }, { src: 'https://via.placeholder.com/150', alt: 'User 2' }]}
avatarText="Join thousands of happy shoppers!"
buttons={[{ text: 'Start Shopping', href: '/' }]}
buttonAnimation='slide-up'
/>
<div id="home-hero-section" data-section="home-hero-section">
<HeroCentered
title="Welcome to Our Store!"
description="Explore our amazing products and enjoy a seamless shopping experience from cart to checkout."
background={{ variant: 'radial-gradient' }}
avatars={[{ src: 'https://via.placeholder.com/150', alt: 'User 1' }, { src: 'https://via.placeholder.com/150', alt: 'User 2' }]}
avatarText="Join thousands of happy shoppers!"
buttons={[{ text: 'Start Shopping', href: '/' }]}
buttonAnimation='slide-up'
/>
</div>
</main>
<FooterBaseReveal
logoText="Webild"