Update src/app/page.tsx

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f8fcff;;
+  --background: #000000;;
-  --card: #ffffff;;
+  --card: #1a1a1a;;
-  --foreground: #00101f;;
+  --foreground: #ffffff;;
-  --primary-cta: #409fff;;
+  --primary-cta: #ff4500;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #151515;;
-  --accent: #c7e2fc;;
+  --accent: #ff6b35;;
-  --background-accent: #9bcfff;;
+  --background-accent: #ff8c42;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Award, ChefHat, Crown, Flame, MapPin, Mail, Phone, Sparkles, Wine } from "lucide-react";
@@ -9,7 +9,7 @@ import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourte
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import ContactInline from '@/components/sections/contact/ContactInline';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSplit from '@/components/sections/footer/FooterSplit';
 
 export default function SteakhousePage() {
@@ -216,12 +216,26 @@ export default function SteakhousePage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactInline
+        <ContactSplitForm
-          text="Ready to indulge in the perfect steak?"
+          title="Ready to indulge in the perfect steak?"
-          animationType="background-highlight"
+          description="Reserve your table now and experience the finest steakhouse dining. Our team looks forward to welcoming you."
-          inputPlaceholder="Enter your email"
+          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 dining preferences",            rows: 5,
+            required: true
+          }}
           buttonText="Reserve Your Table"
           useInvertedBackground="noInvert"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767781587653-nylqpfa1.jpg"
+          imageAlt="Elegant steakhouse interior"
+          mediaPosition="right"
         />
       </div>