Add src/app/booking/page.tsx

src/app/booking/page.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroSignup from '@/components/sections/hero/HeroSignup';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function BookingPage() {
+  const navItems = [
+    { name: "Home", id: "#home" },
+    { name: "About Us", id: "#about" },
+    { name: "Services", id: "#services" },
+    { name: "Reviews", id: "#reviews" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Book Now", id: "/booking" },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="large"
+        background="fluid"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={navItems}
+            logoSrc="http://img.b2bpic.net/free-photo/plug-hybrid-electric-vehicle-using-batteries-fuel-power-electric-motor_482257-118136.jpg"
+            brandName="ABC Movers Riverside"
+            button={{
+              text: "Get a Free Quote",              href: "/booking"
+            }}
+          />
+        </div>
+
+        <div id="booking-hero" data-section="booking-hero">
+          <HeroSignup
+            tag="Easy Booking"
+            title="Schedule Your Move Today!"
+            description="Fill out the form below to get a personalized quote and book your hassle-free moving appointment."
+            inputPlaceholder="Your Email"
+            buttonText="Submit Booking Request"
+            background={{ variant: "sparkles-gradient" }}
+            onSubmit={(email) => {
+              console.log("Booking email submitted:", email);
+              alert(`Booking request for ${email} received! We'll contact you soon.`);
+            }}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoSrc="http://img.b2bpic.net/free-photo/plug-hybrid-electric-vehicle-using-batteries-fuel-power-electric-motor_482257-118136.jpg"
+            logoText="ABC Movers Riverside"
+            leftLink={{
+              text: "Privacy Policy",              href: "#"
+            }}
+            rightLink={{
+              text: "Terms of Service",              href: "#"
+            }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}