Section: Inserted EmailSignupForm section after contact

src/app/page.tsx

@@ -10,8 +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 HeroLogo from "@/components/sections/hero/HeroLogo";
+import AboutMetric from "@/components/sections/about/AboutMetric";
+import EmailSignupForm from "@/components/form/EmailSignupForm";
 
 export default function LandingPage() {
   return (
@@ -44,25 +45,67 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
+        <HeroBillboardGallery
-          logoText="Sample logoText"
+          title="Master In-Demand Tech Skills"
-          description="Unlock your potential with cutting-edge tech education."
+          description="Learn from industry experts in our comprehensive IT courses. From web development to data science, gain practical skills and launch your tech career."
-          buttons={[
+          tag="Start Learning Today"
+          tagIcon={Sparkles}
+          background={{ variant: "radial-gradient" }}
+          mediaItems={[
             {
-                "text": "Get Started",
+              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-people-working-laptops_23-2149739424.jpg",              imageAlt: "Students learning online"
-                "href": "#"
             },
             {
-                "text": "Learn More",
+              imageSrc: "https://img.b2bpic.net/free-photo/two-teenage-friends-playing-video-games-together-home_23-2149332883.jpg",              imageAlt: "Programming course"
-                "href": "#"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149329703.jpg",              imageAlt: "Tech classroom"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/row-serious-focused-coworkers-sitting-table-typing-laptops_74855-10363.jpg",              imageAlt: "Instructor teaching"
+            },
+            {
+              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-people-working-laptops_23-2149739424.jpg",              imageAlt: "Learning environment"
             }
           ]}
-          imageSrc="https://images.unsplash.com/photo-1526779259212-939e64788e3c?fm=jpg&q=60&w=3000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8ZnJlZSUyMGltYWdlc3xlbnwwfHwwfHx8MA%3D%3D"
+          buttons={[
-          imageAlt=""
+            {
-          videoAriaLabel="Hero video"
+              text: "View Courses",              href: "features"
-          showDimOverlay={false}
+            },
-          logoLineHeight={1.1}
+            {
-          ariaLabel="Hero section"
+              text: "Get Started",              href: "contact"
+            }
+          ]}
+        />
+      </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>
 
@@ -219,6 +262,13 @@ export default function LandingPage() {
         />
       </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"