diff --git a/src/app/coffee-menu/page.tsx b/src/app/coffee-menu/page.tsx
index 83a0a22..ba4578c 100644
--- a/src/app/coffee-menu/page.tsx
+++ b/src/app/coffee-menu/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Coffee, Mail } from "lucide-react";
 
@@ -89,20 +89,24 @@ export default function CoffeeMenuPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get in Touch"
+        <ContactSplitForm
           title="Place Your Order"
           description="Ready to experience our coffee menu? Contact us to place an order, make a reservation, or ask about our custom brewing methods and coffee education sessions."
-          tagIcon={Mail}
-          background={{ variant: "sparkles-gradient" }}
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your order or ask a question...",            rows: 5,
+            required: true
+          }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-photo/cozy-workspace-with-coffee-hearts-keyboard_191095-99789.jpg?_wi=2"
           imageAlt="Coffee shop atmosphere"
           mediaAnimation="opacity"
           mediaPosition="right"
-          inputPlaceholder="Enter your email"
-          buttonText="Get in Touch"
-          termsText="We'll reach out within 24 hours to confirm your order or answer your questions about our coffee selection."
+          buttonText="Send Message"
+          onSubmit={(data) => console.log("Form submitted:", data)}
         />
       </div>