Merge version_2 into main #3
319
src/app/page.tsx
319
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user