Add src/app/checkout/page.tsx

2026-06-09 15:02:52 +00:00
parent 0fb3aed04e
commit 18e1bf40c0
1 changed files with 57 additions and 0 deletions
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function CheckoutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="largeSizeMediumTitles"
+        background="none"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "#about" },
+              { name: "Features", id: "#features" },
+              { name: "AirPods", id: "#products" },
+              { name: "Vision", id: "#vision" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Contact", id: "#contact" },
+              { name: "Checkout", id: "/checkout" }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eu6bBOTdX8kN4amCUkA0dEWXTg/uploaded-1781016191232-plk3q13v.png"
+            logoAlt="PodWave Logo"
+            brandName="PodWave"
+            bottomLeftText="Global Audio Experience"
+            bottomRightText="info@podwave.com"
+          />
+        </div>
+
+        <div className="flex flex-col items-center justify-center min-h-[calc(100vh-200px)] px-4 py-16 text-center">
+          <h1 className="text-5xl md:text-7xl font-bold mb-6 text-foreground">
+            Your Payment Area
+          </h1>
+          <p className="text-lg md:text-xl max-w-2xl text-foreground/80 mb-8">
+            Proceed with your secure payment for PodWave AirPods.
+          </p>
+          <p className="text-foreground/60">
+            (This is a placeholder for your dedicated payment processing.)
+          </p>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}