Move section contact after hero-new

src/app/page.tsx

@@ -109,6 +109,19 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get Started"
+          title="Ready to Transform Your Tech Career?"
+          description="Join hundreds of successful graduates who've built rewarding careers in technology. Sign up now to learn more about enrollment and get exclusive access to course previews."
+          tagIcon={Rocket}
+          inputPlaceholder="Enter your email address"
+          buttonText="Enroll Now"
+          termsText="By enrolling, you'll receive course information and updates. We respect your privacy and you can unsubscribe anytime."
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
       <div id="about" data-section="about">
         <MediaSplitTabsAbout
           title="Why Choose TechAcademy?"
@@ -249,26 +262,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Get Started"
-          title="Ready to Transform Your Tech Career?"
-          description="Join hundreds of successful graduates who've built rewarding careers in technology. Sign up now to learn more about enrollment and get exclusive access to course previews."
-          tagIcon={Rocket}
-          inputPlaceholder="Enter your email address"
-          buttonText="Enroll Now"
-          termsText="By enrolling, you'll receive course information and updates. We respect your privacy and you can unsubscribe anytime."
-          useInvertedBackground="noInvert"
-        />
-      </div>
-
-      <div id="contact-new" data-section="contact-new">
-        <EmailSignupForm
-          inputPlaceholder="techie@email.com"
-          buttonText="Sign Up"
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterCard
           logoText="TechAcademy"