From 4a8a915e9e0b1401a9c4009f4aa8ad392f62d0b8 Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Mon, 2 Feb 2026 13:52:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 175 ++++++++++++++++++++++++-----------------------
 1 file changed, 88 insertions(+), 87 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2b1a91b..78135dc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Users, TrendingUp, Award, Star } from "lucide-react";
 import Link from "next/link";
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 
 export default function HomePage() {
   return (
@@ -42,7 +42,7 @@ export default function HomePage() {
 
       <div id="hero" data-section="hero">
         <HeroCarouselLogo
-          logoText="STEP Academy"
+          logoText="TECHACADEMY"
           description="Master in-demand technology skills with our comprehensive IT courses. Learn from industry experts and launch your tech career."
           buttons={[
             { text: "Explore Courses", href: "/courses" },
@@ -65,85 +65,96 @@ export default function HomePage() {
       </div>
 
       <div id="features" data-section="features">
-      <FeatureCardSeven
-      features={[
-      {
-      id: 1,
-      title: "Expert Instructors",              description: "Learn from experienced professionals with 10+ years in the tech industry. Our instructors bring real-world insights and practical knowledge to every lesson.",              phoneOne: {
-      imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
-      },
-      phoneTwo: {
-      imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
-      }
-      },
-      {
-      id: 2,
-      title: "Flexible Learning",              description: "Study at your own pace with self-paced courses, live sessions, and recorded content. Access materials anytime, anywhere on any device.",              phoneOne: {
-      imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
-      },
-      phoneTwo: {
-      imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
-      }
-      },
-      {
-      id: 3,
-      title: "Career Support",              description: "Get job placement assistance, resume reviews, and interview coaching. Our alumni network opens doors to exciting career opportunities.",              phoneOne: {
-      imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
-      },
-      phoneTwo: {
-      imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
-      }
-      }
-      ]}
-      animationType="none"
-      title="Why Choose TechAcademy"
-      description="Industry-leading education platform designed for career growth"
-      tag="Unique"
-      buttons={[{ text: "View Courses", label: "courses", href: "/courses" }, { text: "Learn More", label: "about", href: "/about" }]}
-      textboxLayout="default"
-      useInvertedBackground="invertDefault"
-      />
+        <FeatureCardNine
+          features={[
+            {
+              id: 1,
+              title: "Expert Instructors",              description: "Learn from experienced professionals with 10+ years in the tech industry. Our instructors bring real-world insights and practical knowledge to every lesson.",              phoneOne: {
+                imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
+              },
+              phoneTwo: {
+                imageSrc: "https://img.b2bpic.net/free-photo/caucasian-software-developer-signaling-screen-data-breach-deactivated-security-system-tech-engineer-observing-multiple-system-security-breaches-caused-by-overloaded-storage-servers_482257-40529.jpg"
+              }
+            },
+            {
+              id: 2,
+              title: "Flexible Learning",              description: "Study at your own pace with self-paced courses, live sessions, and recorded content. Access materials anytime, anywhere on any device.",              phoneOne: {
+                imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
+              },
+              phoneTwo: {
+                imageSrc: "https://img.b2bpic.net/free-photo/informational-agency-multiracial-tech-engineers-programming-application-while-using-computer-cyber-security-company-developers-encrypting-cloud-processing-data-system-using-blockchain-technology_482257-40527.jpg"
+              }
+            },
+            {
+              id: 3,
+              title: "Career Support",              description: "Get job placement assistance, resume reviews, and interview coaching. Our alumni network opens doors to exciting career opportunities.",              phoneOne: {
+                imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
+              },
+              phoneTwo: {
+                imageSrc: "https://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
+              }
+            }
+          ]}
+          showStepNumbers={true}
+          title="Why Choose TechAcademy"
+          description="Industry-leading education platform designed for career growth"
+          textboxLayout="default"
+          useInvertedBackground="invertDefault"
+        />
       </div>
 
       <div id="products" data-section="products">
-      <FeatureCardSeven
-      features={[{ title: "Feature 1", description: "Feature description" }, { title: "Feature 2", description: "Feature description" }, { title: "Feature 3", description: "Feature description" }]}
-      animationType="slide-up"
-      title="Featured Courses"
-      description="Start your learning journey with our most popular programs"
-      tag="Curriculum"
-      buttons={[{ text: "Get Started", label: "Get Started", href: "#" }, { text: "Learn More", label: "Learn More", href: "#" }]}
-      textboxLayout="default"
-      useInvertedBackground="noInvert"
-      />
+        <ProductCardTwo
+          products={[
+            {
+              id: "1",              brand: "Beginner Track",              name: "Web Development Fundamentals",              price: "$299",              rating: 5,
+              reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-vector/realistic-responsive-website-design-collection_23-2149500090.jpg",              imageAlt: "Web Development Course"
+            },
+            {
+              id: "2",              brand: "Intermediate Track",              name: "Python Programming Mastery",              price: "$399",              rating: 5,
+              reviewCount: "980",              imageSrc: "https://img.b2bpic.net/free-vector/laptop-with-tablet-smartphone-website-information_24877-53528.jpg",              imageAlt: "Python Programming Course"
+            },
+            {
+              id: "3",              brand: "Advanced Track",              name: "Data Science & Machine Learning",              price: "$599",              rating: 5,
+              reviewCount: "756",              imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038849.jpg",              imageAlt: "Data Science Course"
+            },
+            {
+              id: "4",              brand: "Professional Track",              name: "Cybersecurity Essentials",              price: "$499",              rating: 5,
+              reviewCount: "543",              imageSrc: "https://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg",              imageAlt: "Cybersecurity Course"
+            }
+          ]}
+          title="Featured Courses"
+          description="Start your learning journey with our most popular programs"
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+        />
       </div>
 
       <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      metrics={[
-      {
-      id: "1",              value: "5000",              title: "Students",              description: "Successfully trained and certified professionals",              icon: Users
-      },
-      {
-      id: "2",              value: "95",              title: "%",              description: "Job placement rate within 3 months",              icon: TrendingUp
-      },
-      {
-      id: "3",              value: "20",              title: "+",              description: "Expert instructors on our team",              icon: Award
-      },
-      {
-      id: "4",              value: "4.9",              title: "/5",              description: "Average student satisfaction rating",              icon: Star
-      }
-      ]}
-      carouselMode="auto"
-      gridVariant="uniform-all-items-equal"
-      animationType="slide-up"
-      title="TechAcademy Metrics"
-      description="See the impact of our courses on student success and our growing network of expert instructors."
-      tag="Metrics"
-      buttons={[{ text: "Explore Courses", label: "Explore Courses", href: "#" }, { text: "Meet Our Team", label: "Meet Our Team", href: "#" }]}
-      textboxLayout="default"
-      useInvertedBackground="invertDefault"
-      />
+        <MetricCardOne
+          metrics={[
+            {
+              id: "1",              value: "5000",              title: "Students",              description: "Successfully trained and certified professionals",              icon: Users
+            },
+            {
+              id: "2",              value: "95",              title: "%",              description: "Job placement rate within 3 months",              icon: TrendingUp
+            },
+            {
+              id: "3",              value: "20",              title: "+",              description: "Expert instructors on our team",              icon: Award
+            },
+            {
+              id: "4",              value: "4.9",              title: "/5",              description: "Average student satisfaction rating",              icon: Star
+            }
+          ]}
+          title="Our Impact"
+          description="Trusted by thousands of students worldwide"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="invertDefault"
+        />
       </div>
 
       <div id="testimonials" data-section="testimonials">
@@ -174,17 +185,7 @@ export default function HomePage() {
           useInvertedBackground="noInvert"
         />
       </div>
-      <div id="contact_split_form" data-section="contact_split_form">
-        <ContactSplitForm
-          title="Get in Touch"
-          description="We're here to answer any questions you have about our courses and how we can help you achieve your tech career goals."
-          inputs={[{ name: "name", type: "text", placeholder: "Your Full Name", required: true }, { name: "email", type: "email", placeholder: "Your Email Address", required: true }, { name: "message", type: "textarea", placeholder: "Your Message to TechAcademy", required: false }]}
-          textarea={{ name: "", placeholder: "" }}
-          useInvertedBackground="noInvert"
-          imageSrc="https://placehold.co/600x400"
-          mediaPosition="left"
-        />
-      </div>
+
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="https://img.b2bpic.net/free-photo/html-css-collage-concept-with-person_23-2150061986.jpg"