Update src/app/page.tsx

Merge version_11 into main

src/app/page.tsx

@@ -4,14 +4,15 @@ 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 HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+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 (
@@ -32,86 +33,48 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Courses",
-          id: "products",
-        },
+          name: "Courses",          id: "products"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "FAQ",          id: "faq"},
+        {
+          name: "Contact",          id: "contact"},
       ]}
       brandName="IT Academy"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
+      <HeroSplit
       background={{
-        variant: "rotated-rays-animated-grid",
-      }}
-      title="Unlock Your Tech Potential"
+        variant: "rotated-rays-animated-grid"}}
+      title="IDAN IS THE BEST"
       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: "#products"},
         {
-          text: "Enroll Now",
-          href: "#contact",
-        },
+          text: "Enroll Now",          href: "#contact"},
       ]}
       buttonAnimation="opacity"
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/futuristic-clean-server-room-with-glowin-1774095663516-ffdd8bcc.png",
-          imageAlt: "Futuristic server room with data streams",
-        },
-        {
-          id: "2",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/student-working-on-a-laptop-with-complex-1774095663156-376aa93c.png",
-          imageAlt: "Student coding with holographic UI",
-        },
-        {
-          id: "3",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/diverse-group-of-students-collaborating--1774095661996-a7b6e7bd.png",
-          imageAlt: "Students collaborating in a tech lab",
-        },
-        {
-          id: "4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/abstract-representation-of-artificial-in-1774095663061-40c6a2de.png",
-          imageAlt: "Abstract artificial intelligence network",
-        },
-        {
-          id: "5",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/cyber-security-analyst-working-in-a-dark-1774095662763-5e6ff51e.png",
-          imageAlt: "Cyber security analyst at work",
-        },
-        {
-          id: "6",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/cloud-computing-infrastructure-with-abst-1774095663238-13292f4b.png",
-          imageAlt: "Cloud computing infrastructure",
-        },
+      imageSrc="https://pixabay.com/get/g99a427316d9f10f40bdec8f27b708ccf535c26a70cf1cdd3ddb5c759acdca287b69b7a25b9d010af12d7e10a7d31c7f92bbc12961ed1e9569dc21d4ecca782b5_1280.jpg?id=5628953"
+      imageAlt="Futuristic server room with data streams"
+      mediaAnimation="opacity"
+      avatarText="Trusted by 500 students"
+      avatars={[
+        { src: "https://pixabay.com/get/ga565315d6bbb78db66d1f0da9e6d9a7f23df95a1f244ed56321fb8e19581df3eeeaa91fdf50b777b406990b27f88f5b152e74193d20f2082ebc899cc7eeff27c_1280.jpg?id=1853907", alt: "Student 1" },
+        { src: "https://pixabay.com/get/g83c71275303a41f86f0d2cc36318aa25d9df9c383825d9282b8396333c404d8f016c2954923d76adf15107447f9651c5f99953b41490f93c91c2822531e17c3e_1280.jpg?id=2104580", alt: "Student 2" },
+        { src: "https://pixabay.com/get/g643e607b8c1b98495d0357925546370c191ef88254ce5c191af43fd8fc5e1828ff86860d278ecaf981d0ef7bfc84e4cb8ca59578fb78e039648fa49058494cc2_1280.jpg?id=1047521", alt: "Student 3" },
+        { src: "https://pixabay.com/get/gd94672209379c701b1716edb1d4773cadb889868f1bec56d1c9b77e4c670f0fc085277d2f0304ca5e87eb65f26be9e102817e1219620ee0f079d63f0daad12a8_1280.jpg?id=4333898", alt: "Student 4" },
+        { src: "https://pixabay.com/get/g7309bd8d77d26821c058af993ad068bcd36c5d7aee80c1b7155a3c80949b14d8654d34a03fa1d9301fc88de1b7d398f97e94fb612600d585f963324f7d8485cf_1280.jpg?id=2442565", alt: "Student 5" }
       ]}
-      autoPlay={true}
-      autoPlayInterval={4000}
     />
   </div>
 
@@ -123,17 +86,11 @@ export default function LandingPage() {
       description="At IT Academy, we're dedicated to providing comprehensive and practical IT education. Our mission is to equip students with the skills, knowledge, and mindset needed to thrive in the rapidly evolving tech industry. Join our community and transform your future with our hands-on approach and industry-relevant curriculum."
       bulletPoints={[
         {
-          title: "Expert-Led Training",
-          description: "Learn from seasoned professionals with real-world experience.",
-        },
+          title: "Expert-Led Training",          description: "Learn from seasoned professionals with real-world experience."},
         {
-          title: "Hands-On Projects",
-          description: "Apply your knowledge through practical, challenging projects.",
-        },
+          title: "Hands-On Projects",          description: "Apply your knowledge through practical, challenging projects."},
         {
-          title: "Career Support",
-          description: "Benefit from mentorship and job placement assistance.",
-        },
+          title: "Career Support",          description: "Benefit from mentorship and job placement assistance."},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-diverse-group-of-cheerful-students-and-1774095661788-046b2cc7.png"
       imageAlt="Group of students and instructor in IT classroom"
@@ -142,55 +99,32 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwelve
+      <FeatureCardMedia
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          id: "1",
-          label: "Software Development",
-          title: "Build the Future with Code",
-          items: [
-            "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",
-          ],
+          id: "1",          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.",          tag: "Development",          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=1",          imageAlt: "Laptop showing Python code"
         },
         {
-          id: "2",
-          label: "Cyber Security",
-          title: "Protect the Digital Frontier",
-          items: [
-            "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",
-          ],
+          id: "2",          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.",          tag: "Security",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/stylized-padlock-icon-over-a-glowing-dig-1774095662677-62d25da0.png?_wi=1",          imageAlt: "Padlock over digital circuit board"
         },
         {
-          id: "3",
-          label: "Data Science & AI",
-          title: "Uncover Insights, Drive Innovation",
-          items: [
-            "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",
-          ],
+          id: "3",          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.",          tag: "Data & AI",          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=1",          imageAlt: "Web development code on screen (representing data and AI)"
         },
         {
-          id: "4",
-          label: "Cloud Computing",
-          title: "Harness the Power of the Cloud",
-          items: [
-            "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",
-          ],
+          id: "4",          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.",          tag: "Cloud",          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=1",          imageAlt: "Server racks with glowing lights"
         },
+        {
+          id: "5",          title: "Frontend Web Development: Master JavaScript Frameworks",          description: "Become proficient in modern JavaScript frameworks like React, Angular, and Vue.js. Build responsive and interactive user interfaces, learn state management, and deploy scalable frontend applications. Project-based learning ensures practical expertise.",          tag: "Frontend",          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=1",          imageAlt: "Web development code on screen"
+        },
+        {
+          id: "6",          title: "Backend Java Development: Building Robust APIs & Systems",          description: "Delve into Java for enterprise-level backend development. Learn Spring Boot, microservices architecture, database integration (SQL/NoSQL), and secure API design. Master development tools and deployment strategies.",          tag: "Backend",          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=1",          imageAlt: "Laptop showing Python code"
+        },
+        {
+          id: "7",          title: "Go for Cloud & Microservices: High-Performance Systems",          description: "Learn Go (Golang) for building highly concurrent and scalable cloud-native applications and microservices. Understand concurrency patterns, cloud deployment, and system design for modern infrastructure.",          tag: "Cloud Native",          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=1",          imageAlt: "Server racks with glowing lights"
+        }
       ]}
       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."
@@ -205,89 +139,70 @@ export default function LandingPage() {
       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",
-          imageAlt: "Laptop showing Python code",
-        },
+          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",
-          imageAlt: "Web development code on screen",
-        },
+          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",
-          imageAlt: "Server racks with glowing lights",
-        },
+          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",
-          imageAlt: "Padlock over digital circuit board",
-        },
+          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>
 
+  <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">
       <TestimonialCardTen
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          title: "Career-Changing Experience!",
-          quote: "IT Academy completely transformed my career path. The instructors were incredibly knowledgeable, and the hands-on projects prepared me perfectly for my new role as a Software Engineer.",
-          name: "Sarah Chen",
-          role: "Software Engineer",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-young-confide-1774095658930-675bf4fd.png",
-          imageAlt: "Portrait of Sarah Chen",
-        },
+          id: "1",          title: "Career-Changing Experience!",          quote: "IT Academy completely transformed my career path. The instructors were incredibly knowledgeable, and the hands-on projects prepared me perfectly for my new role as a Software Engineer.",          name: "Sarah Chen",          role: "Software Engineer",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-young-confide-1774095658930-675bf4fd.png",          imageAlt: "Portrait of Sarah Chen"},
         {
-          id: "2",
-          title: "Outstanding Data Science Program",
-          quote: "The Data Science program exceeded my expectations. I gained invaluable skills in machine learning and data analysis, which directly led to my promotion. Highly recommend!",
-          name: "Michael Rodriguez",
-          role: "Senior Data Scientist",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-male-data-sci-1774095661348-b2289f25.png",
-          imageAlt: "Portrait of Michael Rodriguez",
-        },
+          id: "2",          title: "Outstanding Data Science Program",          quote: "The Data Science program exceeded my expectations. I gained invaluable skills in machine learning and data analysis, which directly led to my promotion. Highly recommend!",          name: "Michael Rodriguez",          role: "Senior Data Scientist",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-male-data-sci-1774095661348-b2289f25.png",          imageAlt: "Portrait of Michael Rodriguez"},
         {
-          id: "3",
-          title: "Top-Tier Web Development Course",
-          quote: "As a beginner, I was intimidated, but IT Academy made learning web development enjoyable and accessible. The support from peers and instructors was fantastic. Now I build amazing sites!",
-          name: "Emily Johnson",
-          role: "Frontend Developer",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-female-ux-des-1774095662930-a85c420b.png",
-          imageAlt: "Portrait of Emily Johnson",
-        },
+          id: "3",          title: "Top-Tier Web Development Course",          quote: "As a beginner, I was intimidated, but IT Academy made learning web development enjoyable and accessible. The support from peers and instructors was fantastic. Now I build amazing sites!",          name: "Emily Johnson",          role: "Frontend Developer",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-female-ux-des-1774095662930-a85c420b.png",          imageAlt: "Portrait of Emily Johnson"},
         {
-          id: "4",
-          title: "Cyber Security Expertise Gained",
-          quote: "The Cyber Security course was intense but incredibly rewarding. I now feel confident in my ability to protect digital assets, a skill vital in today's world. A truly practical education.",
-          name: "David Lee",
-          role: "Cyber Security Analyst",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-male-network--1774095662623-05901b89.png",
-          imageAlt: "Portrait of David Lee",
-        },
+          id: "4",          title: "Cyber Security Expertise Gained",          quote: "The Cyber Security course was intense but incredibly rewarding. I now feel confident in my ability to protect digital assets, a skill vital in today's world. A truly practical education.",          name: "David Lee",          role: "Cyber Security Analyst",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-male-network--1774095662623-05901b89.png",          imageAlt: "Portrait of David Lee"},
         {
-          id: "5",
-          title: "Transformed My Leadership Skills",
-          quote: "The IT Project Management course not only deepened my technical understanding but also significantly honed my leadership and organizational skills. It was a game-changer for my career trajectory.",
-          name: "Jessica Kim",
-          role: "IT Project Manager",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-female-projec-1774095660253-c50c51a1.png",
-          imageAlt: "Portrait of Jessica Kim",
-        },
+          id: "5",          title: "Transformed My Leadership Skills",          quote: "The IT Project Management course not only deepened my technical understanding but also significantly honed my leadership and organizational skills. It was a game-changer for my career trajectory.",          name: "Jessica Kim",          role: "IT Project Manager",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-female-projec-1774095660253-c50c51a1.png",          imageAlt: "Portrait of Jessica Kim"},
       ]}
       title="What Our Students Say"
       description="Hear directly from our graduates about how IT Academy transformed their careers, provided essential skills, and opened doors to new opportunities in the tech industry."
@@ -300,35 +215,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "1",
-          title: "What programs does IT Academy offer?",
-          content: "We offer a wide range of programs including Software Development, Cyber Security, Data Science & AI, and Cloud Computing. Each program is designed to provide comprehensive, industry-relevant skills.",
-        },
+          id: "1",          title: "What programs does IT Academy offer?",          content: "We offer a wide range of programs including Software Development, Cyber Security, Data Science & AI, and Cloud Computing. Each program is designed to provide comprehensive, industry-relevant skills."},
         {
-          id: "2",
-          title: "Are courses suitable for beginners?",
-          content: "Absolutely! Many of our courses are structured to accommodate beginners with no prior IT experience. We also have advanced courses for those looking to specialize or upskill.",
-        },
+          id: "2",          title: "Are courses suitable for beginners?",          content: "Absolutely! Many of our courses are structured to accommodate beginners with no prior IT experience. We also have advanced courses for those looking to specialize or upskill."},
         {
-          id: "3",
-          title: "What kind of career support is provided?",
-          content: "We offer extensive career support, including resume workshops, interview preparation, networking events, and job placement assistance through our industry partners.",
-        },
+          id: "3",          title: "What kind of career support is provided?",          content: "We offer extensive career support, including resume workshops, interview preparation, networking events, and job placement assistance through our industry partners."},
         {
-          id: "4",
-          title: "How are the courses delivered?",
-          content: "Our courses are delivered through a blend of live online sessions, interactive lectures, hands-on lab exercises, and capstone projects. We prioritize practical application and real-world scenarios.",
-        },
+          id: "4",          title: "How are the courses delivered?",          content: "Our courses are delivered through a blend of live online sessions, interactive lectures, hands-on lab exercises, and capstone projects. We prioritize practical application and real-world scenarios."},
         {
-          id: "5",
-          title: "What are the admission requirements?",
-          content: "Admission requirements vary by program. Generally, a high school diploma or equivalent is required. Some advanced programs may require a foundational understanding of IT concepts or a relevant bachelor's degree.",
-        },
+          id: "5",          title: "What are the admission requirements?",          content: "Admission requirements vary by program. Generally, a high school diploma or equivalent is required. Some advanced programs may require a foundational understanding of IT concepts or a relevant bachelor's degree."},
         {
-          id: "6",
-          title: "Do you offer flexible payment options?",
-          content: "Yes, we understand the investment in education. We offer various flexible payment plans, including installment options and scholarships. Please contact our admissions team for more details.",
-        },
+          id: "6",          title: "Do you offer flexible payment options?",          content: "Yes, we understand the investment in education. We offer various flexible payment plans, including installment options and scholarships. Please contact our admissions team for more details."},
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to the most common questions about our academy, courses, enrollment process, and career opportunities."
@@ -340,8 +237,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Get in Touch"
       title="Ready to Start Your Tech Journey?"
       description="Contact us today for more information about our programs, admissions, or anything else you'd like to know. Our team is here to help you take the first step towards a rewarding career in IT."
@@ -361,23 +257,17 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Facebook,
-          href: "https://facebook.com/itacademy",
-          ariaLabel: "Facebook",
-        },
+          href: "https://facebook.com/itacademy",          ariaLabel: "Facebook"},
         {
           icon: Twitter,
-          href: "https://twitter.com/itacademy",
-          ariaLabel: "Twitter",
-        },
+          href: "https://twitter.com/itacademy",          ariaLabel: "Twitter"},
         {
           icon: Linkedin,
-          href: "https://linkedin.com/company/itacademy",
-          ariaLabel: "LinkedIn",
-        },
+          href: "https://linkedin.com/company/itacademy",          ariaLabel: "LinkedIn"},
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
-  --primary-cta-text: #f5f5f5;
+  --background: #fffafa;
+  --card: #fff7f7;
+  --foreground: #1a0000;
+  --primary-cta: #e63946;
+  --primary-cta-text: #fffafa;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
-  --background-accent: #a8e8ba;
+  --secondary-cta-text: #1a0000;
+  --accent: #f5c4c7;
+  --background-accent: #f09199;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);