Move section contact after hero-new

src/app/page.tsx

@@ -10,7 +10,9 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Sparkles, Award, Rocket, Linkedin, Twitter, Github, Mail } from "lucide-react";
+import { Sparkles, Award, Rocket, Linkedin, Twitter, Github, Mail, Users, Clock, HeadphonesIcon, Globe } from "lucide-react";
+import AboutMetric from "@/components/sections/about/AboutMetric";
+import EmailSignupForm from "@/components/form/EmailSignupForm";
 
 export default function LandingPage() {
   return (
@@ -77,6 +79,49 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="hero-new" data-section="hero-new">
+        <AboutMetric
+          title="Unlocking Tech Potential"
+          metrics={[
+              {
+                "icon": Users,
+                "label": "Happy Customers",
+                "value": "10K+"
+              },
+              {
+                "icon": Clock,
+                "label": "Uptime",
+                "value": "99.9%"
+              },
+              {
+                "icon": HeadphonesIcon,
+                "label": "Support",
+                "value": "24/7"
+              },
+              {
+                "icon": Globe,
+                "label": "Countries",
+                "value": "50+"
+              }
+            ]}
+          useInvertedBackground="noInvert"
+          ariaLabel="About metrics section"
+        />
+      </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?"
@@ -131,19 +176,19 @@ export default function LandingPage() {
           description="Choose the plan that fits your learning goals and budget"
           plans={[
             {
-              id: "starter",              tag: "Beginner Plan",              price: "$199",              period: "/month",              description: "Perfect for those starting their tech journey with foundational knowledge.",              button: { text: "Get Started", href: "contact" },
+              id: "starter",              tag: "Beginner Plan",              price: "$99",              period: "/month",              description: "Perfect for those starting their tech journey with foundational knowledge.",              button: { text: "Get Started", href: "contact" },
               featuresTitle: "What's Included:",              features: [
                 "Access to 3 foundational courses",                "Weekly live Q&A sessions",                "Course materials and resources",                "Community forum access",                "Certificate of completion"
               ]
             },
             {
-              id: "professional",              tag: "Professional Plan",              price: "$399",              period: "/month",              description: "Our most popular plan for serious learners aiming for career advancement.",              button: { text: "Enroll Now", href: "contact" },
+              id: "professional",              tag: "Professional Plan",              price: "$199",              period: "/month",              description: "Our most popular plan for serious learners aiming for career advancement.",              button: { text: "Enroll Now", href: "contact" },
               featuresTitle: "What's Included:",              features: [
                 "Access to 8 professional courses",                "2 weeks of 1-on-1 mentorship",                "Priority support via Slack",                "Job preparation bootcamp",                "Resume and portfolio review",                "Interview coaching sessions"
               ]
             },
             {
-              id: "enterprise",              tag: "Enterprise Plan",              price: "$799",              period: "/month",              description: "Comprehensive program for those committed to mastering multiple tech domains.",              button: { text: "Start Premium", href: "contact" },
+              id: "enterprise",              tag: "Enterprise Plan",              price: "$399",              period: "/month",              description: "Comprehensive program for those committed to mastering multiple tech domains.",              button: { text: "Start Premium", href: "contact" },
               featuresTitle: "What's Included:",              features: [
                 "Unlimited course access",                "Unlimited 1-on-1 mentorship",                "Personalized learning path",                "Career placement assistance",                "Lifetime community access",                "Advanced capstone project guidance",                "Direct instructor access"
               ]
@@ -217,19 +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="footer" data-section="footer">
         <FooterCard
           logoText="TechAcademy"