diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..9f0b6ac
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function ContactPage() {
+    const navItems = [
+        { name: "About", href: "/#about" },
+        { name: "Services", href: "/#services" },
+        { name: "Testimonials", href: "/#testimonials" },
+        { name: "Pricing", href: "/pricing" },
+        { name: "Contact", href: "/contact" },
+    ];
+
+    return (
+        <ThemeProvider>
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Coach"
+                    button={{ text: "Book a Call", href: "/contact" }}
+                />
+                <div className="pt-32 pb-20">
+                    <ContactCenter
+                        tag="Contact Us"
+                        title="Let's transform your business"
+                        description="Fill out the form below and we will get back to you within 24 hours."
+                        background={{ variant: "plain" }}
+                        useInvertedBackground={false}
+                    />
+                </div>
+                <FooterLogoEmphasis
+                    logoText="Coach"
+                    columns={[
+                        { items: [{ label: "Home", href: "/" }] },
+                        { items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }] }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
\ No newline at end of file