Merge version_4 into main

Merge version_4 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #fffcfc;;
-  --card: #fffafa;;
-  --foreground: #220000;;
-  --primary-cta: #c1121f;;
+  --background: #fbfaff;;
+  --card: #f7f5ff;;
+  --foreground: #0f0022;;
+  --primary-cta: #8b5cf6;;
   --secondary-cta: #ffffff;;
-  --accent: #f0b8bc;;
-  --background-accent: #e07a82;;
+  --accent: #d8cef5;;
+  --background-accent: #c4a8f9;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

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>