Update src/app/page.tsx

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
-          text="Ready to indulge in the perfect steak?"
-          animationType="background-highlight"
-          inputPlaceholder="Enter your email"
+        <ContactSplitForm
+          title="Ready to indulge in the perfect steak?"
+          description="Reserve your table now and experience the finest steakhouse dining. Our team looks forward to welcoming you."
+          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-1767780827923-j7ohjz41.jpg"
+          imageAlt="Elegant steakhouse interior"
+          mediaPosition="right"
         />
       </div>