Update src/app/page.tsx

Merge version_12 into main

src/app/page.tsx

@@ -7,11 +7,11 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 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 FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 
 export default function LandingPage() {
   return (
@@ -31,12 +31,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Courses",          id: "products"},
         {
           name: "About",          id: "about"},
         {
           name: "Features",          id: "features"},
+        {
+          name: "Pricing",          id: "pricing"},
         {
           name: "Testimonials",          id: "testimonials"},
         {
@@ -56,12 +56,12 @@ export default function LandingPage() {
       description="Dive into cutting-edge IT education with expert-led courses and hands-on projects designed to launch your career in technology. Start building your future today."
       buttons={[
         {
-          text: "Explore Courses",          href: "#products"},
+          text: "Explore Courses",          href: "#features"},
         {
           text: "Enroll Now",          href: "#contact"},
       ]}
       buttonAnimation="opacity"
-      imageSrc="https://pixabay.com/get/g99a427316d9f10f40bdec8f27b708ccf535c26a70cf1cdd3ddb5c759acdca287b69b7a25b9d010af12d7e10a7d31c7f92bbc12961ed1e9569dc21d4ecca782b5_1280.jpg?id=5628953"
+      imageSrc="https://pixabay.com/get/g99a427316d9f10f40bdec8f27b708ccf535c26a70cf1cdd3ddb5c759acdca287b69b7a25b9d010af12d7e10a7d31c7f92bbc12961ed1e9569dc21d4ecca782b3_1280.jpg?id=5628953"
       imageAlt="Futuristic server room with data streams"
       mediaAnimation="opacity"
       avatarText="Trusted by 500 students"
@@ -128,31 +128,34 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",          name: "Python for Data Science",          price: "$599",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/laptop-showing-python-code-with-a-cup-of-1774095662311-16455e06.png?_wi=2",          imageAlt: "Laptop showing Python code"},
-        {
-          id: "2",          name: "Full-Stack Web Development",          price: "$1299",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/close-up-of-a-web-developer-s-screen-sho-1774095662731-1be338ac.png?_wi=2",          imageAlt: "Web development code on screen"},
-        {
-          id: "3",          name: "CompTIA Network+ Certification",          price: "$749",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/server-racks-with-glowing-lights-in-a-da-1774095662995-abd308e5.png?_wi=2",          imageAlt: "Server racks with glowing lights"},
-        {
-          id: "4",          name: "Certified Ethical Hacker",          price: "$1499",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/stylized-padlock-icon-over-a-glowing-dig-1774095662677-62d25da0.png?_wi=2",          imageAlt: "Padlock over digital circuit board"},
-        {
-          id: "5",          name: "AWS Cloud Practitioner Essentials",          price: "$699",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/server-racks-with-glowing-lights-in-a-da-1774095662995-abd308e5.png?_wi=2",          imageAlt: "Cloud server racks"},
-        {
-          id: "6",          name: "JavaScript Front-End Masterclass",          price: "$999",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/close-up-of-a-web-developer-s-screen-sho-1774095662731-1be338ac.png?_wi=2",          imageAlt: "JavaScript code on screen"},
-        {
-          id: "7",          name: "Database Management with SQL",          price: "$799",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/laptop-showing-python-code-with-a-cup-of-1774095662311-16455e06.png?_wi=2",          imageAlt: "Database icon or SQL code on screen"}
-      ]}
-      title="Popular Courses"
-      description="Choose from our most sought-after programs to kickstart or advance your tech career. Each course is crafted to provide maximum impact and practical skills."
-    />
+  <div id="pricing" data-section="pricing">
+      <PricingCardEight
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          title="Flexible Pricing Plans"
+          description="Choose a plan that fits your learning style and career goals. All plans include access to our expert instructors and community support."
+          plans={[
+              {
+                  id: "basic",                  badge: "Starter",                  price: "$49/month",                  subtitle: "Access essential courses",                  features: [
+                      "Access to 3 Core Courses",                      "Community Forum Support",                      "Monthly Q&A Sessions",                      "Certificate of Completion"
+                  ],
+                  buttons: [{ text: "Start Free Trial", href: "#contact" }]
+              },
+              {
+                  id: "pro",                  badge: "Most Popular",                  price: "$99/month",                  subtitle: "Unlock full learning potential",                  features: [
+                      "Access to ALL Core & Advanced Courses",                      "Priority Email Support",                      "Weekly Live Workshops",                      "Dedicated Career Guidance",                      "Exclusive Project Templates"
+                  ],
+                  buttons: [{ text: "Choose Pro", href: "#contact" }]
+              },
+              {
+                  id: "premium",                  badge: "Enterprise",                  price: "$249/month",                  subtitle: "Tailored for teams & advanced learners",                  features: [
+                      "All Pro features",                      "Customized Learning Paths",                      "1:1 Mentorship Sessions",                      "API Access & Integrations",                      "Private Team Workspaces",                      "Dedicated Account Manager"
+                  ],
+                  buttons: [{ text: "Contact Sales", href: "#contact" }]
+              }
+          ]}
+      />
   </div>
 
   <div id="testimonials" data-section="testimonials">