Update src/app/page.tsx

src/app/page.tsx

@@ -3,12 +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';
 
 export default function HomePage() {
   return (
@@ -41,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" },
@@ -64,7 +65,7 @@ export default function HomePage() {
       </div>
 
       <div id="features" data-section="features">
-      <FeatureCardSeven
+        <FeatureCardNine
           features={[
             {
               id: 1,
@@ -94,24 +95,38 @@ export default function HomePage() {
               }
             }
           ]}
-      animationType="none"
+          showStepNumbers={true}
           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"
         />
       </div>
 
       <div id="products" data-section="products">
-      <FeatureCardSeven
+        <ProductCardTwo
-      features={[{ title: "Feature 1", description: "Feature description" }, { title: "Feature 2", description: "Feature description" }, { title: "Feature 3", description: "Feature description" }]}
+          products={[
-      animationType="slide-up"
+            {
+              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"
-      tag="Curriculum"
+          gridVariant="four-items-2x2-equal-grid"
-      buttons={[{ text: "Get Started", label: "Get Started", href: "#" }, { text: "Learn More", label: "Learn More", href: "#" }]}
+          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
         />