diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 2361315..787cd0c 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -19,7 +19,7 @@ export default function AboutPage() {
     { name: "How It Works", id: "#how-it-works" },
     { name: "Service Area", id: "#service-area" },
     { name: "Location", id: "#location" },
-    { name: "Contact", id: "#contact" },
+    { name: "Contact", id: "/contact" }
   ];
 
   const aboutContent: HeadingSegment[] = [
@@ -50,7 +50,7 @@ export default function AboutPage() {
             navItems={navItems}
             logoAlt="Starlight Cleaners Logo"
             brandName="STARLIGHT CLEANERS"
-            button={{ text: "Schedule Pickup", href: "#contact" }}
+            button={{ text: "Schedule Pickup", href: "/contact" }}
             animateOnLoad={true}
           />
         </div>
@@ -71,23 +71,23 @@ export default function AboutPage() {
                             { label: "Services", href: "#services" },
                             { label: "About", href: "/about" },
                             { label: "Reviews", href: "#reviews" },
-                            { label: "How It Works", href: "#how-it-works" },
-                        ],
+                            { label: "How It Works", href: "#how-it-works" }
+                        ]
                     },
                     {
                         title: "Contact",                        items: [
                             { label: "510 W 218th St #2, New York, NY 10034", href: "https://maps.google.com/?q=Starlight+Cleaners+510+W+218th+St+%232+New York,+NY+10034" },
-                            { label: "(Insert Phone Number)", href: "tel:(Insert Phone Number)" },
-                            { label: "info@starlightcleaners.com", href: "mailto:info@starlightcleaners.com" },
-                        ],
+                            { label: "(212) 942-4890", href: "tel:2129424890" },
+                            { label: "info@starlightcleaners.com", href: "mailto:info@starlightcleaners.com" }
+                        ]
                     },
                     {
                         title: "Social",                        items: [
                             { label: "Facebook", href: "#" },
                             { label: "Instagram", href: "#" },
-                            { label: "Twitter", href: "#" },
-                        ],
-                    },
+                            { label: "Twitter", href: "#" }
+                        ]
+                    }
                 ]}
                 logoAlt="Starlight Cleaners Logo"
                 logoText="STARLIGHT CLEANERS"
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..3d85d66
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,107 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
+export default function ContactPage() {
+  const navItems = [
+    { name: "Home", id: "#hero" },
+    { name: "Why Choose", id: "#why-choose-starlight" },
+    { name: "About", id: "/about" },
+    { name: "Services", id: "#services" },
+    { name: "Reviews", id: "#reviews" },
+    { name: "How It Works", id: "#how-it-works" },
+    { name: "Service Area", id: "#service-area" },
+    { name: "Location", id: "#location" },
+    { name: "Contact", id: "/contact" }
+  ];
+
+  const handleFormSubmit = (data: Record<string, string>) => {
+    console.log("Form submitted with data:", data);
+    alert("Thank you for your message! We will get back to you shortly.");
+    // In a real application, you'd send this data to a backend API
+  };
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="mediumSizeLargeTitles"
+        background="floatingGradient"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={navItems}
+            logoAlt="Starlight Cleaners Logo"
+            brandName="STARLIGHT CLEANERS"
+            button={{ text: "Schedule Pickup", href: "/contact" }}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="contact-form" data-section="contact-form">
+          <ContactSplitForm
+            title="Get in Touch with Starlight Cleaners"
+            description="Have questions or need to schedule a pickup? Reach out to us directly or fill out the form below. We're here to help! Call us at (212) 942-4890."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
+            buttonText="Send Message"
+            imageSrc="http://img.b2bpic.net/free-photo/side-view-businesswoman-talking-phone-office_23-2148792078.jpg"
+            imageAlt="Businesswoman talking on phone in office"
+            mediaAnimation="opacity"
+            mediaPosition="left"
+            useInvertedBackground={true}
+            onSubmit={handleFormSubmit}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterBase
+                columns={[
+                    {
+                        title: "Navigation",                        items: [
+                            { label: "Home", href: "#hero" },
+                            { label: "Services", href: "#services" },
+                            { label: "About", href: "/about" },
+                            { label: "Reviews", href: "#reviews" },
+                            { label: "How It Works", href: "#how-it-works" },
+                            { label: "Contact", href: "/contact" }
+                        ]
+                    },
+                    {
+                        title: "Contact",                        items: [
+                            { label: "510 W 218th St #2, New York, NY 10034", href: "https://maps.google.com/?q=Starlight+Cleaners+510+W+218th+St+%232+New York,+NY+10034" },
+                            { label: "(212) 942-4890", href: "tel:2129424890" },
+                            { label: "info@starlightcleaners.com", href: "mailto:info@starlightcleaners.com" }
+                        ]
+                    },
+                    {
+                        title: "Social",                        items: [
+                            { label: "Facebook", href: "#" },
+                            { label: "Instagram", href: "#" },
+                            { label: "Twitter", href: "#" }
+                        ]
+                    }
+                ]}
+                logoAlt="Starlight Cleaners Logo"
+                logoText="STARLIGHT CLEANERS"
+                copyrightText="Copyright © Starlight Cleaners. All Rights Reserved."
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file