Update src/app/page.tsx

src/app/page.tsx

@@ -9,7 +9,7 @@ import PricingCardSix from '@/components/sections/pricing/PricingCardSix';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSocial from '@/components/sections/footer/FooterSocial';
 import { Code, GraduationCap, Zap, Users, Star, HelpCircle, Github, Linkedin, Twitter, Mail } from "lucide-react";
 
@@ -309,14 +309,18 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to start your coding journey? Get in touch with us today to enroll in our next cohort or request more information about our programs."
-          animationType="background-highlight"
-          buttons={[
-            { text: "Get in Touch", href: "mailto:hello@codewithme.com" },
-            { text: "Schedule Demo", href: "#" }
-          ]}
+        <ContactSplit
+          tag="Newsletter"
+          title="Stay updated with our latest courses"
+          description="Subscribe to our newsletter for weekly updates, new course announcements, and exclusive learning tips from our instructors."
           useInvertedBackground="noInvert"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766400729817-xua7356z.png"
+          imageAlt="Learning together"
+          mediaPosition="right"
+          inputPlaceholder="Enter your email"
+          buttonText="Subscribe"
+          termsText="We respect your privacy. Unsubscribe at any time."
+          onSubmit={(email) => console.log(email)}
         />
       </div>