Merge version_15 into main

Update src/app/page.tsx
2026-03-21 12:56:35 +00:00 · 2026-03-21 12:56:29 +00:00 · 2026-03-21 12:54:16 +00:00 · 2026-03-21 12:54:13 +00:00 · 2026-03-21 12:53:01 +00:00 · 2026-03-21 12:52:58 +00:00
2 changed files with 100 additions and 61 deletions
--- a/src/app/page.tsx
+++ b/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 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 { Facebook, Linkedin, Twitter, Code, Shield, Brain, Cloud } 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"},
        {
@@ -49,34 +49,41 @@ export default function LandingPage() {
  </div>

  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
+      <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={[
        {
-          text: "Explore Courses",          href: "#products"},
+          text: "Explore Courses",          href: "#features"},
        {
          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/g99a427316d9f10f40bdec8f27b708ccf535c26a70cf1cdd3ddb5c759acdca287b69b7a25b9d010af12d7e10a7d31c7f92bbc12961ed1e9569dc21d4ecca782b3_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}
+      marqueeItems={[
+        { type: 'text', text: 'Software Development' },
+        { type: 'text-icon', text: 'Cyber Security', icon: Shield },
+        { type: 'image', src: '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', alt: 'Python code' },
+        { type: 'text', text: 'Data Science & AI' },
+        { type: 'text-icon', text: 'Cloud Computing', icon: Cloud },
+        { type: 'image', src: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/stylized-padlock-icon-over-a-glowing-dig-1774095662677-62d25da0.png?_wi=1', alt: 'Padlock' },
+        { type: 'text', text: 'Frontend Web Dev' },
+        { type: 'text-icon', text: 'Backend Java', icon: Code },
+        { type: 'image', src: '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', alt: 'Server racks' }
+      ]}
+      marqueeSpeed={40}
    />
  </div>

@@ -101,52 +108,84 @@ 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."
    />
  </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",          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: "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: "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"},
-      ]}
-      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: "advanced",                badge: "Advanced",                price: "$149/month",                subtitle: "Deep dive into specialized topics",                features: [
+                    "All Pro features",                    "Advanced Certifications",                    "Early Access to New Courses",                    "Personalized Learning Roadmap",                    "Bi-Weekly Group Coaching"
+                ],
+                buttons: [{ text: "Upgrade to Advanced", href: "#contact" }]
+              },
+              {
+                  id: "team",                  badge: "Team",                  price: "$199/month",                  subtitle: "Collaborate and learn together",                  features: [
+                      "All Pro features",                      "Up to 5 User Licenses",                      "Shared Learning Progress",                      "Team Project Collaboration Tools",                      "Dedicated Team Support Channel"
+                  ],
+                  buttons: [{ text: "Get for Teams", 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" }]
+              },
+              {
+                  id: "ultimate",                  badge: "Ultimate",                  price: "$499/month",                  subtitle: "All-inclusive, premium support",                  features: [
+                      "All Enterprise features",                      "Unlimited User Licenses",                      "On-site Training Options",                      "24/7 Priority Phone Support",                      "Custom Integration Development",                      "Annual Strategic Review"
+                  ],
+                  buttons: [{ text: "Request Demo", href: "#contact" }]
+              }
+          ]}
+      />
  </div>

  <div id="testimonials" data-section="testimonials">
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #020617;
-  --card: #0f172a;
-  --foreground: #e2e8f0;
-  --primary-cta: #c4d8f9;
-  --primary-cta-text: #020617;
-  --secondary-cta: #041633;
-  --secondary-cta-text: #e2e8f0;
-  --accent: #2d30f3;
-  --background-accent: #1d4ed8;
+  --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);
Author	SHA1	Message	Date
bender	de56abdc68	Merge version_15 into main Merge version_15 into main	2026-03-21 12:56:35 +00:00
bender	d79fce0c1f	Update src/app/page.tsx	2026-03-21 12:56:29 +00:00
bender	974c731aa5	Merge version_14 into main Merge version_14 into main	2026-03-21 12:54:16 +00:00
bender	3011e03c59	Update src/app/page.tsx	2026-03-21 12:54:13 +00:00
bender	ac1f6a51de	Merge version_13 into main Merge version_13 into main	2026-03-21 12:53:01 +00:00
bender	6beccee137	Update src/app/page.tsx	2026-03-21 12:52:58 +00:00
bender	c6ac880bd4	Merge version_12 into main Merge version_12 into main	2026-03-21 12:48:38 +00:00
bender	95ce3a4ec4	Update src/app/page.tsx	2026-03-21 12:48:35 +00:00
bender	b746a1b65f	Merge version_11 into main Merge version_11 into main	2026-03-21 12:47:34 +00:00
bender	65f4358533	Update theme colors	2026-03-21 12:47:29 +00:00
bender	5b9724fedd	Merge version_11 into main Merge version_11 into main	2026-03-21 12:47:12 +00:00
bender	b2cd6eee44	Update src/app/page.tsx	2026-03-21 12:47:09 +00:00
bender	35a884a091	Merge version_11 into main Merge version_11 into main	2026-03-21 12:46:45 +00:00
bender	10aa8e90b7	Update src/app/page.tsx	2026-03-21 12:46:42 +00:00
bender	9bb59696d6	Merge version_11 into main Merge version_11 into main	2026-03-21 12:44:59 +00:00
bender	9f387a02bd	Update src/app/page.tsx	2026-03-21 12:44:56 +00:00
bender	845b3404a7	Merge version_10 into main Merge version_10 into main	2026-03-21 12:43:31 +00:00
bender	230b13a1ae	Update src/app/page.tsx	2026-03-21 12:43:28 +00:00
bender	b10ee3014d	Merge version_9 into main Merge version_9 into main	2026-03-21 12:42:57 +00:00
bender	f14403f651	Update src/app/page.tsx	2026-03-21 12:42:51 +00:00
bender	9889d8e9ae	Merge version_9 into main Merge version_9 into main	2026-03-21 12:42:31 +00:00
bender	73bde09b10	Update src/app/page.tsx	2026-03-21 12:42:28 +00:00
bender	592ead7fc2	Merge version_8 into main Merge version_8 into main	2026-03-21 12:39:56 +00:00
bender	d27d0e7427	Update src/app/page.tsx	2026-03-21 12:39:53 +00:00
bender	17ae1f41be	Merge version_6 into main Merge version_6 into main	2026-03-21 12:32:20 +00:00
bender	ca29a607a6	Update theme colors	2026-03-21 12:32:15 +00:00
bender	9db4f9828e	Merge version_6 into main Merge version_6 into main	2026-03-21 12:31:28 +00:00
bender	782eb7bee5	Update src/app/page.tsx	2026-03-21 12:31:26 +00:00
bender	ac8a6761b9	Merge version_5 into main Merge version_5 into main	2026-03-21 12:27:24 +00:00
bender	28473624af	Update src/app/page.tsx	2026-03-21 12:27:18 +00:00
bender	07ccd319d0	Merge version_4 into main Merge version_4 into main	2026-03-21 12:25:55 +00:00
bender	fcae77093b	Update src/app/page.tsx	2026-03-21 12:25:52 +00:00
bender	56bc7e0b3f	Merge version_3 into main Merge version_3 into main	2026-03-21 12:24:50 +00:00