Update src/app/page.tsx
This commit is contained in:
186
src/app/page.tsx
186
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "/courses",
|
||||
},
|
||||
name: "Courses", id: "/courses"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
name: "FAQ", id: "/faq"},
|
||||
]}
|
||||
brandName="E-Learn AI"
|
||||
/>
|
||||
@@ -53,42 +45,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Build Your Future With Premium Digital Skills"
|
||||
description="Master Programming, Design, and Marketing from industry experts with our AI-driven learning academy."
|
||||
tag="Trusted by 20K+ Students"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "/register",
|
||||
},
|
||||
text: "Start Learning", href: "/register"},
|
||||
{
|
||||
text: "Explore Courses",
|
||||
href: "/courses",
|
||||
},
|
||||
text: "Explore Courses", href: "/courses"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-employee-analyzing-graphs-wearing-headset_482257-77560.jpg?_wi=1",
|
||||
imageAlt: "Student using digital tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-employee-analyzing-graphs-wearing-headset_482257-77560.jpg", imageAlt: "Student using digital tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-particles-with-shallow-depth-field_1048-12266.jpg",
|
||||
imageAlt: "Futuristic abstract shapes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg?_wi=1",
|
||||
imageAlt: "Joyful entrepreneur talking with remote coworker",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg?_wi=1",
|
||||
imageAlt: "Woman employee looking at startup analytics on pc",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-analyzing-statistics-diagrams-pc_482257-77609.jpg",
|
||||
imageAlt: "Startup worker analyzing statistics and diagrams on pc",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-particles-with-shallow-depth-field_1048-12266.jpg", imageAlt: "Futuristic abstract shapes"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -103,25 +74,13 @@ export default function LandingPage() {
|
||||
tag="Proven Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Expert Courses",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Expert Courses"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20K+",
|
||||
description: "Active Students",
|
||||
},
|
||||
id: "m2", value: "20K+", description: "Active Students"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Success Rate",
|
||||
},
|
||||
id: "m3", value: "98%", description: "Success Rate"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "4.9",
|
||||
description: "Global Rating",
|
||||
},
|
||||
id: "m4", value: "4.9", description: "Global Rating"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -133,41 +92,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "Full stack, frontend, and backend bootcamps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-computer-wallpaper-white-border-connecting-dots-digital-technology-vector-design_53876-160227.jpg",
|
||||
imageAlt: "Abstract tech background",
|
||||
},
|
||||
title: "Web Development", description: "Full stack, frontend, and backend bootcamps.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-computer-wallpaper-white-border-connecting-dots-digital-technology-vector-design_53876-160227.jpg", imageAlt: "Abstract tech background"},
|
||||
{
|
||||
title: "Graphic Design",
|
||||
description: "Master industry-standard tools like Figma.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-creative-background-with-white-shapes_23-2148811503.jpg",
|
||||
imageAlt: "Design creative background",
|
||||
},
|
||||
title: "Graphic Design", description: "Master industry-standard tools like Figma.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-creative-background-with-white-shapes_23-2148811503.jpg", imageAlt: "Design creative background"},
|
||||
{
|
||||
title: "Digital Marketing",
|
||||
description: "SEO, content strategy, and social growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-blue-3d-abstract-wave-pattern_53876-95187.jpg",
|
||||
imageAlt: "Marketing wave pattern",
|
||||
},
|
||||
title: "Digital Marketing", description: "SEO, content strategy, and social growth.", imageSrc: "http://img.b2bpic.net/free-photo/light-blue-3d-abstract-wave-pattern_53876-95187.jpg", imageAlt: "Marketing wave pattern"},
|
||||
{
|
||||
title: "Artificial Intelligence",
|
||||
description: "Learn cutting-edge AI prompting and dev.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-blue-3d-abstract-wave-pattern_53876-95188.jpg",
|
||||
imageAlt: "AI abstract pattern",
|
||||
},
|
||||
title: "Artificial Intelligence", description: "Learn cutting-edge AI prompting and dev.", imageSrc: "http://img.b2bpic.net/free-photo/light-blue-3d-abstract-wave-pattern_53876-95188.jpg", imageAlt: "AI abstract pattern"},
|
||||
{
|
||||
title: "Video Editing",
|
||||
description: "Pro-level montage and editing workflows.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg?_wi=2",
|
||||
imageAlt: "Editing software interface",
|
||||
},
|
||||
{
|
||||
title: "Cyber Security",
|
||||
description: "Protect the digital ecosystem professionally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-employee-looking-startup-analytics-pc_482257-74478.jpg?_wi=2",
|
||||
imageAlt: "Security digital shield",
|
||||
},
|
||||
title: "Video Editing", description: "Pro-level montage and editing workflows.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg", imageAlt: "Editing software interface"},
|
||||
]}
|
||||
title="Course Categories"
|
||||
description="Unlock your potential with our wide range of digital courses."
|
||||
@@ -181,27 +114,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Pro",
|
||||
price: "$49",
|
||||
subtitle: "Monthly Subscription",
|
||||
features: [
|
||||
"Full Course Access",
|
||||
"Community Support",
|
||||
"Certificates",
|
||||
],
|
||||
id: "p1", badge: "Pro", price: "$49", subtitle: "Monthly Subscription", features: [
|
||||
"Full Course Access", "Community Support", "Certificates"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Elite",
|
||||
price: "$199",
|
||||
subtitle: "Annual Lifetime",
|
||||
features: [
|
||||
"Full Course Access",
|
||||
"Priority Support",
|
||||
"Certificates",
|
||||
"1-on-1 Coaching",
|
||||
],
|
||||
id: "p2", badge: "Elite", price: "$199", subtitle: "Annual Lifetime", features: [
|
||||
"Full Course Access", "Priority Support", "Certificates", "1-on-1 Coaching"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Learning Plans"
|
||||
@@ -216,45 +134,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahdev",
|
||||
testimonial: "The platform completely changed my career path.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahdev", testimonial: "The platform completely changed my career path.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
handle: "@mikescode",
|
||||
testimonial: "Best development courses I have ever encountered.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael C.", handle: "@mikescode", testimonial: "Best development courses I have ever encountered.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilydesign",
|
||||
testimonial: "The UI/UX module is truly world-class.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-unknown-man-posing_23-2149417577.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@emilydesign", testimonial: "The UI/UX module is truly world-class.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-unknown-man-posing_23-2149417577.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davek",
|
||||
testimonial: "Excellent value for the price and knowledge.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", handle: "@davek", testimonial: "Excellent value for the price and knowledge.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "Everything is structured perfectly for beginners.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-girl-glasses-with-pigtails-white-shirt-clenching-fists-happy-excited-rejoicing-her-success-standing-orange-wall_141793-47855.jpg",
|
||||
},
|
||||
id: "t5", name: "Alice M.", handle: "@alicem", testimonial: "Everything is structured perfectly for beginners.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-girl-glasses-with-pigtails-white-shirt-clenching-fists-happy-excited-rejoicing-her-success-standing-orange-wall_141793-47855.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Student Stories"
|
||||
@@ -266,16 +159,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Build Your Future Today"
|
||||
description="Join our community of over 20,000 students and start your journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Register Now",
|
||||
href: "/register",
|
||||
},
|
||||
text: "Register Now", href: "/register"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -284,13 +174,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="E-Learn AI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
}}
|
||||
text: "Privacy Policy", href: "/privacy"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
}}
|
||||
text: "Terms of Service", href: "/terms"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user