From cdee1449e53317f15a6fbe4dfcd61224590fcbaa Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Tue, 23 Dec 2025 12:23:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cba0272..043c215 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactInline from '@/components/sections/contact/ContactInline';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function LandingPage() {
@@ -258,11 +259,20 @@ export default function LandingPage() {
       </div>
       
       <div id="contact" data-section="contact">
-        <ContactInline
-          text="Ready to transform your English skills?"
-          inputPlaceholder="Enter your email address"
-          buttonText="Send"
+        <ContactSplitForm
+          title="Get in Touch"
+          description="We'd love to hear from you. Send us a message and we'll respond as soon as possible."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
+          ]}
+          textarea={{ name: "message", placeholder: "Type your message...", rows: 5, required: true }}
           useInvertedBackground="noInvert"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490824093-4zvastqq.jpg"
+          imageAlt="Red Room contact section"
+          mediaPosition="right"
+          buttonText="Send Message"
+          onSubmit={(data) => console.log(data)}
         />
       </div>