diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0e6dc80..1cf5e54 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwen
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import TeamCardSix from "@/components/sections/team/TeamCardSix";
 import FaqDouble from "@/components/sections/faq/FaqDouble";
-import ContactText from "@/components/sections/contact/ContactText";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import { Sparkles, Search, Zap, Puzzle, TrendingUp, Award, Users } from "lucide-react";
@@ -119,11 +119,16 @@ export default function WebAgency2Page() {
           />
         </div>
         <div id="contact">
-          <ContactText
-            text="Ready to engineer your breakthrough? Let's connect."
-            background={{ variant: "rotated-rays-animated" }}
+          <ContactSplitForm
+            title="Get in Touch"
+            description="Ready to engineer your breakthrough? Let's discuss your vision."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Work Email", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
             useInvertedBackground={false}
-            buttons={[{ text: "Contact Us", href: "#contact" }]}
+            mediaPosition="right"
           />
         </div>
         <FooterBaseCard