From 6513e43b070e0f95accbbcf933cd411e680d9f4e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 8 Jun 2026 02:46:21 +0000
Subject: [PATCH] Add src/app/order/page.tsx

---
 src/app/order/page.tsx | 67 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 src/app/order/page.tsx

diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx
new file mode 100644
index 0000000..3dfc031
--- /dev/null
+++ b/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>
+  );
+}