Update src/app/page.tsx

src/app/page.tsx

@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Facebook, Linkedin, Twitter } from "lucide-react";
+import { Facebook, Linkedin, Twitter, Code, ShieldCheck, Brain, Cloud } from "lucide-react";
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 
 export default function LandingPage() {
   return (
@@ -96,27 +96,23 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwelve
+      <FeatureHoverPattern
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          id: "1",          label: "Software Development",          title: "Build the Future with Code",          items: [
+          icon: Code,
-            "Master popular programming languages (Python, Java, C#)",            "Develop robust web and mobile applications",            "Learn Agile methodologies and DevOps practices",            "Project-based learning for real-world experience"],
+          title: "Software Development: Build the Future with Code",          description: "Master popular programming languages (Python, Java, C#), develop robust web and mobile applications, learn Agile methodologies and DevOps practices, and gain real-world experience through project-based learning."},
-        },
         {
-          id: "2",          label: "Cyber Security",          title: "Protect the Digital Frontier",          items: [
+          icon: ShieldCheck,
-            "Understand network security fundamentals and defense tactics",            "Learn ethical hacking techniques and vulnerability assessment",            "Implement robust data protection and privacy protocols",            "Prepare for industry-recognized security certifications"],
+          title: "Cyber Security: Protect the Digital Frontier",          description: "Understand network security fundamentals and defense tactics, learn ethical hacking techniques and vulnerability assessment, implement robust data protection and privacy protocols, and prepare for industry-recognized security certifications."},
-        },
         {
-          id: "3",          label: "Data Science & AI",          title: "Uncover Insights, Drive Innovation",          items: [
+          icon: Brain,
-            "Explore data analysis, machine learning, and AI algorithms",            "Develop predictive models and data visualization skills",            "Utilize big data tools and platforms (Hadoop, Spark)",            "Solve complex problems with data-driven solutions"],
+          title: "Data Science & AI: Uncover Insights, Drive Innovation",          description: "Explore data analysis, machine learning, and AI algorithms, develop predictive models and data visualization skills, utilize big data tools and platforms (Hadoop, Spark), and solve complex problems with data-driven solutions."},
-        },
         {
-          id: "4",          label: "Cloud Computing",          title: "Harness the Power of the Cloud",          items: [
+          icon: Cloud,
-            "Gain expertise in cloud platforms (AWS, Azure, GCP)",            "Learn cloud architecture, deployment, and management",            "Implement scalable and secure cloud solutions",            "Prepare for professional cloud certifications"],
+          title: "Cloud Computing: Harness the Power of the Cloud",          description: "Gain expertise in cloud platforms (AWS, Azure, GCP), learn cloud architecture, deployment, and management, implement scalable and secure cloud solutions, and prepare for professional cloud certifications."},
-        },
       ]}
       title="Our Core Programs & Benefits"
       description="Explore our diverse range of specialized courses and certifications designed to make you a master of modern technology and secure your future in the digital world."
@@ -226,4 +222,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}