Update src/app/page.tsx

Merge version_11 into main

src/app/page.tsx

@@ -12,6 +12,7 @@ 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 (
@@ -37,6 +38,8 @@ export default function LandingPage() {
           name: "About",          id: "about"},
         {
           name: "Features",          id: "features"},
+        {
+          name: "Pricing",          id: "pricing"},
         {
           name: "Testimonials",          id: "testimonials"},
         {
@@ -52,7 +55,7 @@ export default function LandingPage() {
       <HeroSplit
       background={{
         variant: "rotated-rays-animated-grid"}}
-      title="UNLOCK YOUR BRAIN POTENTIAL"
+      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={[
         {
@@ -61,14 +64,14 @@ export default function LandingPage() {
           text: "Enroll Now",          href: "#contact"},
       ]}
       buttonAnimation="opacity"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/futuristic-clean-server-room-with-glowin-1774095663516-ffdd8bcc.png"
+      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/gabf1f6c70d2133b51c5849ce18c16c32bd93c51be55a6abcee0782cd463858a8f6428d51fd97d756ead73b20c4abd99cc96229b5e54393_1280.jpg?id=1845166", alt: "Student 3" },
+        { 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" }
       ]}
@@ -112,6 +115,15 @@ export default function LandingPage() {
         },
         {
           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"
@@ -134,12 +146,48 @@ export default function LandingPage() {
           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>
 
+  <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"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #ff8c42;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #fffafa;
+  --card: #fff7f7;
+  --foreground: #1a0000;
+  --primary-cta: #e63946;
+  --primary-cta-text: #fffafa;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1a0000;
+  --accent: #f5c4c7;
+  --background-accent: #f09199;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);