Update src/app/page.tsx

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';
 
 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,44 +65,42 @@ export default function HomePage() {
       </div>
 
       <div id="features" data-section="features">
-      <FeatureCardSeven
+        <FeatureCardNine
-      features={[
+          features={[
-      {
+            {
-      id: 1,
+              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: {
+              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"
+                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: {
+              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"
+                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,
+              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: {
+              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"
+                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: {
+              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"
+                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,
+              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: {
+              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"
+                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: {
+              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"
+                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"
+          showStepNumbers={true}
-      title="Why Choose TechAcademy"
+          title="Why Choose TechAcademy"
-      description="Industry-leading education platform designed for career growth"
+          description="Industry-leading education platform designed for career growth"
-      tag="Unique"
+          textboxLayout="default"
-      buttons={[{ text: "View Courses", label: "courses", href: "/courses" }, { text: "Learn More", label: "about", href: "/about" }]}
+          useInvertedBackground="invertDefault"
-      textboxLayout="default"
+        />
-      useInvertedBackground="invertDefault"
-      />
       </div>
 
       <div id="products" data-section="products">