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

Update src/app/order-confirmation/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 19:56:38 +00:00
parent 9f9d28b37a
commit 65b5cc96ef
1 changed files with 27 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/app/order-confirmation/page.tsx
View File

@@ -1,7 +1,7 @@
'use client';
import { ThemeProvider } from 'next-themes';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function OrderConfirmationPage() {
@@ -9,12 +9,13 @@ export default function OrderConfirmationPage() {
{ name: "Home", id: "/" },
{ name: "Cart", id: "/cart" },
{ name: "Checkout", id: "/checkout" },
{ name: "Order Conf", id: "/order-confirmation" }
{ name: "Order Conf", id: "/order-confirmation" },
{ name: "Products", id: "/products/1" },
{ name: "Collections", id: "/collections/all" }
];
return (
<ThemeProvider
attribute="class"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
@@ -26,23 +27,23 @@ export default function OrderConfirmationPage() {
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<NavbarStyleCentered
navItems={navItems}
brandName="Webild"
logoSrc="https://via.placeholder.com/40"
button={{ text: "Continue Shopping", href: "/" }}
/>
<main className="flex min-h-screen flex-col items-center justify-between">
<HeroCentered
id="order-confirmation"
title="Order Confirmed!"
description="Thank you for your purchase. Your order #ABC123DEF has been placed and is now being processed. A confirmation email with details has been sent to your inbox."
background={{ variant: 'downward-rays-static' }}
avatars={[{ src: 'https://via.placeholder.com/150', alt: 'Confirmed 1' }, { src: 'https://via.placeholder.com/150', alt: 'Confirmed 2' }]}
avatarText="You're all set!"
buttons={[{ text: 'View Order Details', href: '/' }]}
buttonAnimation='slide-up'
/>
<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="order-confirmation-hero-section" data-section="order-confirmation-hero-section">
<HeroSplitDoubleCarousel
title="Thank You for Your Order!"
description="Your order has been successfully placed and will be processed shortly. A confirmation email has been sent."
background={{ variant: "downward-rays-static" }}
avatars={[{ src: "https://via.placeholder.com/150", alt: "Happy Customer 1" }, { src: "https://via.placeholder.com/150", alt: "Happy Customer 2" }]}
avatarText="Join our community of satisfied customers!"
buttons={[{ text: "Continue Shopping", href: "/collections/all" }]}
buttonAnimation="slide-up"
leftCarouselItems={[{ imageSrc: "https://via.placeholder.com/400x300?text=Product+A", imageAlt: "Product A" }]}
rightCarouselItems={[{ imageSrc: "https://via.placeholder.com/400x300?text=Product+B", imageAlt: "Product B" }]}
/>
</div>
</main>
<FooterBaseReveal
logoText="Webild"
@@ -50,15 +51,15 @@ export default function OrderConfirmationPage() {
{
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Contact", href: "/" },
],
{ label: "Contact", href: "/" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "/" },
{ label: "Terms of Service", href: "/" },
],
},
{ label: "Terms of Service", href: "/" }
]
}
]}
copyrightText="© 2023 Webild. All rights reserved."
/>