From 10aba79862a1426e6b58b439abda25182ebb75ca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 16 Apr 2026 23:07:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 319 +++++------------------------------------------
 1 file changed, 34 insertions(+), 285 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 298eb65..82fdf71 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
@@ -30,25 +29,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Catalog",
-          id: "/catalog",
-        },
+          name: "Catalog",          id: "/catalog"},
         {
-          name: "Pricing",
-          id: "/pricing",
-        },
+          name: "Pricing",          id: "/pricing"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="LearnMaster"
     />
@@ -57,107 +46,36 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Transform Your Career with World-Class Online Courses"
       description="Learn in-demand skills from industry experts. Join over 50,000 students advancing their careers through flexible, self-paced learning."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg",
-          alt: "Student 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg",
-          alt: "Student 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-stylish-confident-smiling-female-redhead-freelancer-assured-job-done-great-grinning-satisfied_1258-139608.jpg",
-          alt: "Student 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-holds-paper-cup-coffee-spends-leisure-time-outdoors-wears-jacket-carries-bag-enjoys-recreation-dreams-about-something_273609-55660.jpg",
-          alt: "Student 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6859.jpg",
-          alt: "Student 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg", alt: "Student 1" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-smiling_23-2148369437.jpg", alt: "Student 2" },
+        { src: "http://img.b2bpic.net/free-photo/young-stylish-confident-smiling-female-redhead-freelancer-assured-job-done-great-grinning-satisfied_1258-139608.jpg", alt: "Student 3" },
+        { src: "http://img.b2bpic.net/free-photo/woman-holds-paper-cup-coffee-spends-leisure-time-outdoors-wears-jacket-carries-bag-enjoys-recreation-dreams-about-something_273609-55660.jpg", alt: "Student 4" },
+        { src: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6859.jpg", alt: "Student 5" },
       ]}
       avatarText="Join 50,000+ learners today"
       buttons={[
-        {
-          text: "Explore Courses",
-          href: "/catalog",
-        },
-        {
-          text: "How It Works",
-          href: "#how-it-works",
-        },
+        { text: "Explore Courses", href: "/catalog" },
+        { text: "How It Works", href: "#how-it-works" },
       ]}
       buttonAnimation="slide-up"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Industry-Led Projects",
-        },
-        {
-          type: "text",
-          text: "Self-Paced Learning",
-        },
-        {
-          type: "text",
-          text: "Professional Certificates",
-        },
-        {
-          type: "text",
-          text: "24/7 Expert Support",
-        },
-        {
-          type: "text",
-          text: "Global Networking",
-        },
-      ]}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardSeven
+      <MetricCardTwo
       animationType="depth-3d"
+      gridVariant="bento-grid"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "50,000+",
-          title: "Active Students",
-          items: [
-            "Learning globally",
-          ],
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Expert-Led Courses",
-          items: [
-            "Across all disciplines",
-          ],
-        },
-        {
-          id: "m3",
-          value: "4.8",
-          title: "Average Rating",
-          items: [
-            "Student-verified",
-          ],
-        },
-        {
-          id: "m4",
-          value: "15,000+",
-          title: "Certificates Issued",
-          items: [
-            "Career-ready proof",
-          ],
-        },
+        { id: "m1", value: "50,000+", description: "Active Students" },
+        { id: "m2", value: "500+", description: "Expert-Led Courses" },
+        { id: "m3", value: "4.8", description: "Average Rating" },
+        { id: "m4", value: "15,000+", description: "Certificates Issued" },
       ]}
       title="Our Impact"
       description="Trusted by learners globally to build the future of their careers."
@@ -171,126 +89,23 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Web Development Bootcamp",
-          price: "$199",
-          variant: "Beginner",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-energy-innovations-his-laptop_23-2148820170.jpg",
-        },
-        {
-          id: "p2",
-          name: "Data Analytics & AI",
-          price: "$149",
-          variant: "Intermediate",
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-business-arrangement-with-colorful-graphics_23-2148488605.jpg",
-        },
-        {
-          id: "p3",
-          name: "UI/UX Design Masterclass",
-          price: "$169",
-          variant: "Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg",
-        },
-        {
-          id: "p4",
-          name: "Digital Marketing Suite",
-          price: "$179",
-          variant: "Intermediate",
-          imageSrc: "http://img.b2bpic.net/free-photo/freelancer-developing-startup-project-analyzing-financial-statistics_482257-95594.jpg",
-        },
-        {
-          id: "p5",
-          name: "Business Strategy",
-          price: "$199",
-          variant: "Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-desktop-with-office-elements_23-2148194740.jpg",
-        },
-        {
-          id: "p6",
-          name: "Python Programming",
-          price: "$149",
-          variant: "Beginner",
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-program-code_1385-635.jpg",
-        },
+        { id: "p1", name: "Web Development Bootcamp", price: "$199", variant: "Beginner", imageSrc: "http://img.b2bpic.net/free-photo/man-working-energy-innovations-his-laptop_23-2148820170.jpg" },
+        { id: "p2", name: "Data Analytics & AI", price: "$149", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/creative-business-arrangement-with-colorful-graphics_23-2148488605.jpg" },
+        { id: "p3", name: "UI/UX Design Masterclass", price: "$169", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg" },
+        { id: "p4", name: "Digital Marketing Suite", price: "$179", variant: "Intermediate", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-developing-startup-project-analyzing-financial-statistics_482257-95594.jpg" },
       ]}
       title="Featured Courses"
       description="Hand-picked courses designed to help you master new skills quickly."
     />
   </div>
 
-  <div id="how-it-works" data-section="how-it-works">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          label: "Step 1",
-          title: "Browse Catalog",
-          items: [
-            "Choose from over 500 expert courses across multiple career paths.",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Step 2",
-          title: "Enroll Instantly",
-          items: [
-            "Access materials anytime, anywhere with our flexible learning system.",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Step 3",
-          title: "Complete Projects",
-          items: [
-            "Apply your skills through hands-on assignments reviewed by experts.",
-          ],
-        },
-        {
-          id: "f4",
-          label: "Step 4",
-          title: "Earn Certificate",
-          items: [
-            "Showcase your achievements to employers with recognized certifications.",
-          ],
-        },
-      ]}
-      title="How It Works"
-      description="Learning path made simple."
-    />
-  </div>
-
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={false}
       testimonial="This platform completely changed my career path! The Web Development Bootcamp was practical, engaging, and directly helped me land my first junior developer role within 3 months."
       rating={5}
       author="Sarah M., Software Developer"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-portrait-fashionable-happy-dark-skinned-guy-holding-backpack-coffee-while-walking-city-smiling-looking-aside-being-good-mood_176420-19830.jpg",
-          alt: "Student 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-man_1098-16175.jpg",
-          alt: "Student 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
-          alt: "Student 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg",
-          alt: "Student 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6865.jpg",
-          alt: "Student 5",
-        },
-      ]}
+      avatars={[]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
     />
@@ -303,30 +118,9 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={false}
       members={[
-        {
-          id: "t1",
-          name: "Dr. Aris V.",
-          role: "Senior AI Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-smiling-while-working_1170-1089.jpg",
-        },
-        {
-          id: "t2",
-          name: "Maya K.",
-          role: "Creative Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg",
-        },
-        {
-          id: "t3",
-          name: "John D.",
-          role: "Full Stack Dev",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elena R.",
-          role: "Head of Marketing",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-expert_1098-15050.jpg",
-        },
+        { id: "t1", name: "Dr. Aris V.", role: "Senior AI Architect", imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-smiling-while-working_1170-1089.jpg" },
+        { id: "t2", name: "Maya K.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg" },
+        { id: "t3", name: "John D.", role: "Full Stack Dev", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg" },
       ]}
       title="Learn From Experts"
       description="Meet our professional instructors from top global companies."
@@ -334,61 +128,16 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterMedia
       logoText="LearnMaster"
+      imageSrc="http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Courses",
-          items: [
-            {
-              label: "Business",
-              href: "/catalog",
-            },
-            {
-              label: "Technology",
-              href: "/catalog",
-            },
-            {
-              label: "Design",
-              href: "/catalog",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help",
-              href: "/contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "#" }] },
+        { title: "Support", items: [{ label: "Help", href: "/contact" }] }
       ]}
-      copyrightText="© 2024 LearnMaster. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1