diff --git a/src/app/order-confirmation/page.tsx b/src/app/order-confirmation/page.tsx
index 0dc01df..4e542c0 100644
--- a/src/app/order-confirmation/page.tsx
+++ b/src/app/order-confirmation/page.tsx
@@ -2,4 +2,58 @@
 
 import React from "react";
 import ReactLenis from "lenis/react";
-import { ThemeProvider }@
\ No newline at end of file
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import { CheckCircle } from "lucide-react";
+
+export default function OrderConfirmationPage() {
+  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", id: "/order" }
+            ]}
+            button={{ text: "Get a Quote", href: "#contact" }}
+            animateOnLoad={false}
+          />
+        </div>
+
+        <div id="order-confirmation" data-section="order-confirmation">
+          <HeroOverlay
+            title="Order Received!"
+            description="Thank you for placing your service order with AirPro HVAC. We've received your request and will contact you shortly to confirm the details and schedule your service."
+            tag="Confirmation"
+            tagIcon={CheckCircle}
+            buttons={[
+              { text: "Back to Home", href: "/" }
+            ]}
+            buttonAnimation="slide-up"
+            showDimOverlay={true}
+            showBlur={true}
+            textPosition="bottom"
+            ariaLabel="Order confirmation section"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}