Switch to version 1: remove src/app/order-confirmation/page.tsx
This commit is contained in:
@@ -1,54 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ReactLenis from "lenis/react";
|
||||
import Link from "next/link";
|
||||
import { CheckCircle } from "lucide-react";
|
||||
|
||||
export default function OrderConfirmationPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", href: "/" },
|
||||
{ name: "Products", href: "/#products" },
|
||||
{ name: "About Us", href: "/#about" },
|
||||
{ name: "FAQ", href: "/#faq" },
|
||||
{ name: "Contact", href: "/#contact" },
|
||||
{ name: "Cart", href: "/cart" },
|
||||
{ name: "Checkout", href: "/checkout" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
brandName="DropStore"
|
||||
button={{
|
||||
text: "Shop Now", href: "/#products"}}
|
||||
/>
|
||||
</div>
|
||||
<main className="min-h-screen flex flex-col items-center justify-center p-8 text-center">
|
||||
<CheckCircle className="h-24 w-24 text-green-500 mb-6" />
|
||||
<h1 className="text-4xl font-extrabold mb-4">Order Confirmed!</h1>
|
||||
<p className="text-lg mb-8">Thank you for your purchase. Your order has been successfully placed and will be processed shortly.</p>
|
||||
<p className="text-md mb-8">A confirmation email with your order details has been sent to your inbox.</p>
|
||||
<Link href="/" className="bg-primary-cta text-white px-6 py-3 rounded-lg text-lg hover:opacity-90 transition-opacity">
|
||||
Continue Shopping
|
||||
</Link>
|
||||
</main>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user