Add src/app/order/page.tsx

src/app/order/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import React from "react";
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { Sparkles, CheckCircle, Phone } from "lucide-react";
+import ContactForm from "@/components/form/ContactForm";
+import { useRouter } from "next/navigation";
+
+export default function OrderPage() {
+  const router = useRouter();
+
+  const handleSubmitOrder = async (orderData: any) => {
+    // In a real application, this would send orderData to your backend
+    console.log("Submitting order:", orderData);
+    // Simulate API call
+    await new Promise(resolve => setTimeout(resolve, 1000));
+    router.push('/order-confirmation'); // Redirect to confirmation page
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            brandName="AirPro HVAC"
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+              { name: "Place Order", href: "/order" }
+            ]}
+            button={{ text: "Get a Quote", href: "#contact" }}
+            animateOnLoad={false}
+          />
+        </div>
+
+        <div id="order-form" data-section="order-form">
+          <ContactForm
+            title="Place Your Service Order"
+            description="Tell us what HVAC service you need. Our team will get back to you shortly."
+            tag="New Order"
+            tagIcon={Sparkles}
+            inputPlaceholder="Enter your request details (e.g., 'AC Repair', 'Furnace Installation')"
+            buttonText="Submit Order"
+            termsText="By submitting, you agree to allow AirPro HVAC to contact you regarding your service request."
+            onSubmit={handleSubmitOrder}
+            centered={true}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}