From 6d225083a2e7cee09855e384d63c18510c001caa Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 11:31:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 245 +++++++++--------------------------------------
 1 file changed, 44 insertions(+), 201 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 283a195..bf017e0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Courses",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Courses", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="CodeMastery"
     />
@@ -53,48 +41,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
+      background={{ variant: "rotated-rays-animated" }}
       title="Master Programming from Scratch"
       description="Unlock your potential with expert-led courses in Python, JavaScript, AI, and more. Join thousands of developers building the future."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#features",
-        },
-      ]}
+      buttons={[{ text: "Get Started", href: "#features" }]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg?_wi=1",
-          imageAlt: "Code Dashboard",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901780.jpg?_wi=1",
-          imageAlt: "Digital Tech Background",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg?_wi=1",
-          imageAlt: "IDE Interface",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=1",
-          imageAlt: "Data Flow",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg?_wi=1",
-          imageAlt: "Developer Setup",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg?_wi=1",
-          imageAlt: "Abstract Geometry",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg", imageAlt: "Code Dashboard" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901780.jpg", imageAlt: "Digital Tech Background" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg", imageAlt: "IDE Interface" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg", imageAlt: "Data Flow" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg", imageAlt: "Developer Setup" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg", imageAlt: "Abstract Geometry" },
       ]}
     />
   </div>
@@ -103,19 +60,9 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",
-          content: "Built for the ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/female-team-choosing-designs-computer_482257-121406.jpg",
-          alt: "Collaborative Team",
-        },
-        {
-          type: "text",
-          content: " next generation of world-class engineers.",
-        },
+        { type: "text", content: "Built for the " },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/female-team-choosing-designs-computer_482257-121406.jpg", alt: "Collaborative Team" },
+        { type: "text", content: " next generation of world-class engineers." },
       ]}
     />
   </div>
@@ -123,48 +70,24 @@ export default function LandingPage() {
   <div id="features" data-section="features">
       <FeatureCardNine
       textboxLayout="inline-image"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Foundation Building",
-          description: "Start with core logic and algorithms using Python/C++.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg?_wi=2",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901780.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg?_wi=3",
-          imageAlt: "software dashboard analytics ui",
-        },
-        {
-          title: "Fullstack Mastery",
-          description: "Learn modern frameworks like React, Node.js, and TypeScript.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg?_wi=2",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901780.jpg?_wi=3",
-          imageAlt: "digital network tech background",
-        },
-        {
-          title: "Advanced Engineering",
-          description: "Master system design, scaling, and database architecture.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg?_wi=2",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg?_wi=3",
-          imageAlt: "code editor modern ui",
-        },
-      ]}
+      animationType="slide-up"
       showStepNumbers={true}
       title="Comprehensive Learning Path"
       description="We offer structured courses tailored to industry standards, covering everything from fundamentals to advanced systems design."
+      features={[
+        {
+          title: "Foundation Building",          description: "Start with core logic and algorithms using Python/C++.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901780.jpg" },
+        },
+        {
+          title: "Fullstack Mastery",          description: "Learn modern frameworks like React, Node.js, and TypeScript.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg" },
+        },
+        {
+          title: "Advanced Engineering",          description: "Master system design, scaling, and database architecture.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg" },
+        },
+      ]}
     />
   </div>
 
@@ -174,54 +97,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "pro-1",
-          title: "Essentials",
-          price: "$29",
-          period: "/mo",
-          features: [
-            "Fundamentals",
-            "Video Lectures",
-            "Community Support",
-          ],
-          button: {
-            text: "Join Now",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg?_wi=3",
-          imageAlt: "digital data stream flow",
-        },
-        {
-          id: "pro-2",
-          title: "Professional",
-          price: "$59",
-          period: "/mo",
-          features: [
-            "Everything in Essentials",
-            "Projects",
-            "Mentorship",
-          ],
-          button: {
-            text: "Join Now",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg?_wi=3",
-          imageAlt: "developer working laptop",
-        },
-        {
-          id: "pro-3",
-          title: "Enterprise",
-          price: "$129",
-          period: "/mo",
-          features: [
-            "Everything in Professional",
-            "Team access",
-            "Priority Support",
-          ],
-          button: {
-            text: "Contact Us",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg?_wi=3",
-          imageAlt: "abstract tech geometry blue",
-        },
+        { id: "pro-1", title: "Essentials", price: "$29", period: "/mo", features: ["Fundamentals", "Video Lectures", "Community Support"], button: { text: "Join Now" }, imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900964.jpg", imageAlt: "digital data stream flow" },
+        { id: "pro-2", title: "Professional", price: "$59", period: "/mo", features: ["Everything in Essentials", "Projects", "Mentorship"], button: { text: "Join Now" }, imageSrc: "http://img.b2bpic.net/free-photo/creative-colleagues-working-new-app-design_1098-21584.jpg", imageAlt: "developer working laptop" },
+        { id: "pro-3", title: "Enterprise", price: "$129", period: "/mo", features: ["Everything in Professional", "Team access", "Priority Support"], button: { text: "Contact Us" }, imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg", imageAlt: "abstract tech geometry blue" },
       ]}
       title="Flexible Learning Options"
       description="Simple plans for every stage of your coding journey."
@@ -234,21 +112,9 @@ export default function LandingPage() {
       title="Impact by the Numbers"
       tag="Our Growth"
       metrics={[
-        {
-          id: "m1",
-          value: "50k+",
-          description: "Active Learners",
-        },
-        {
-          id: "m2",
-          value: "200+",
-          description: "Expert Instructors",
-        },
-        {
-          id: "m3",
-          value: "95%",
-          description: "Employment Rate",
-        },
+        { id: "m1", value: "50k+", description: "Active Learners" },
+        { id: "m2", value: "200+", description: "Expert Instructors" },
+        { id: "m3", value: "95%", description: "Employment Rate" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -261,26 +127,11 @@ export default function LandingPage() {
       rating={5}
       author="Sarah Chen"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-mixed-race-man-with-glad-facial-expression-chats-mobile-phone-connected-wireless-internet-models-against-cafe-interior-has-toothy-smile-wears-casual-t-shirt-optical-glasses-blogging_273609-29639.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/male-graphic-designer-sitting-office_1170-1038.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-with-notebook-double-color-exposure-effect_53876-104900.jpg",
-          alt: "User 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tablet_23-2149442286.jpg", alt: "User 2" },
+        { src: "http://img.b2bpic.net/free-photo/happy-mixed-race-man-with-glad-facial-expression-chats-mobile-phone-connected-wireless-internet-models-against-cafe-interior-has-toothy-smile-wears-casual-t-shirt-optical-glasses-blogging_273609-29639.jpg", alt: "User 3" },
+        { src: "http://img.b2bpic.net/free-photo/male-graphic-designer-sitting-office_1170-1038.jpg", alt: "User 4" },
+        { src: "http://img.b2bpic.net/free-photo/businessman-with-notebook-double-color-exposure-effect_53876-104900.jpg", alt: "User 5" },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -290,9 +141,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Stay Updated"
       title="Start Your Journey"
       description="Subscribe to our newsletter and get weekly programming tips delivered to your inbox."
@@ -304,14 +153,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="CodeMastery"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
-- 
2.49.1