224 lines
15 KiB
TypeScript
224 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { Sparkles, Zap, TrendingUp, Heart, Bell } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Courses", id: "courses" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Blog", id: "blog" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Platform", items: [
|
|
{ label: "Courses", href: "/courses" },
|
|
{ label: "Features", href: "/" },
|
|
{ label: "Pricing", href: "/" },
|
|
{ label: "Blog", href: "/blog" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Careers", href: "/" },
|
|
{ label: "Press", href: "/" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Documentation", href: "/" },
|
|
{ label: "Community", href: "/" },
|
|
{ label: "FAQ", href: "/" },
|
|
{ label: "Support", href: "/" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "/" },
|
|
{ label: "Terms of Service", href: "/" },
|
|
{ label: "Cookie Policy", href: "/" },
|
|
{ label: "Accessibility", href: "/" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="EduPulse"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Start Learning", href: "/courses"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Learn Like Never Before"
|
|
description="Experience education reimagined with cutting-edge 3D interactions, personalized learning paths, and world-class instructors. Join thousands of students transforming their futures."
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "50K+", label: "Active Learners" },
|
|
{ value: "200+", label: "Expert Courses" },
|
|
{ value: "98%", label: "Satisfaction Rate" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Welcome to the Future of Learning"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Explore Courses", href: "/courses" },
|
|
{ text: "Watch Demo", href: "/" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/a-stunning-3d-rendered-educational-dashb-1772516018780-bd51f59a.png"
|
|
imageAlt="3D Education Dashboard with interactive learning interface"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
title="Powerful Learning Features"
|
|
description="Discover what makes EduPulse the ultimate education platform for modern learners."
|
|
tag="Features"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Immersive 3D Lessons", description: "Experience lessons with stunning 3D visualizations that bring complex concepts to life. Our advanced rendering technology makes learning engaging and memorable.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-mockup-displaying-a--1772516017856-ae838b84.png?_wi=1"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-a-different--1772516018013-83d0e8e9.png?_wi=1"},
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "AI-Powered Learning Paths", description: "Personalized curriculum that adapts to your learning style and pace. Our intelligent system recommends content tailored specifically to your goals.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-displaying-an-ai-genera-1772516019479-df57d56b.png?_wi=1"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-phone-screen-showing-detailed-cou-1772516018795-47721063.png?_wi=1"},
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Real-Time Collaboration", description: "Study with peers in real-time, share notes, and get instant feedback from instructors. Build your learning community with collaborative tools.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-screen-showing-real-time-collabor-1772516018496-a9616863.png?_wi=1"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/mobile-interface-showing-study-group-fea-1772516018626-fba4f673.png?_wi=1"},
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
buttons={[{ text: "Try Features", href: "/courses" }]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="By The Numbers"
|
|
description="See the impact of EduPulse on student success and engagement worldwide."
|
|
tag="Our Impact"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "2.5M+", title: "Learning Hours", description: "Cumulative hours invested by our community", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-illustration-depicting-learnin-1772516017971-8de17832.png?_wi=1"},
|
|
{
|
|
id: "2", value: "95%", title: "Course Completion", description: "Students who finish their chosen courses", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/celebratory-illustration-showing-course--1772516018052-25ca08e8.png?_wi=1"},
|
|
{
|
|
id: "3", value: "150+", title: "Industry Partners", description: "Leading companies hiring our graduates", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/illustration-depicting-corporate-partner-1772516018088-4b18374e.png?_wi=1"},
|
|
{
|
|
id: "4", value: "$52K", title: "Avg Salary Increase", description: "Career advancement after completing EduPulse", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/wealth-and-career-growth-illustration-sh-1772516018406-b53362bf.png?_wi=1"},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "View Success Stories", href: "/blog" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Students Say"
|
|
description="Real stories from learners who transformed their careers with EduPulse."
|
|
tag="Testimonials"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen, Product Manager at Google", date: "Date: 15 March 2025", title: "Life-Changing Learning Experience", quote: "EduPulse completely transformed how I approach learning. The 3D interface makes complex concepts intuitive, and the AI personalization kept me engaged throughout. I landed my dream job within 3 months of completing the advanced program.", tag: "Premium Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-a-confident-wom-1772516018722-5f4c50f9.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-photograph-of-a-woman-worki-1772516018482-1f33f712.png?_wi=1"},
|
|
{
|
|
id: "2", name: "Marcus Johnson, Data Scientist at Meta", date: "Date: 22 February 2025", title: "The Best Educational Investment", quote: "The quality of instruction and real-time collaboration features set EduPulse apart. I gained practical skills that directly apply to my work, and the community support is invaluable.", tag: "Professional Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-an-african-amer-1772516018851-c62b223d.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-photograph-of-a-man-working-1772516018908-28209fc8.png"},
|
|
{
|
|
id: "3", name: "Elena Rodriguez, Founder of StartupXYZ", date: "Date: 10 January 2025", title: "Exceptional Platform for Growth", quote: "As an entrepreneur, I needed to quickly upskill my team. EduPulse's flexible scheduling and comprehensive curriculum helped us grow from 5 to 50 employees. Highly recommended for anyone serious about education.", tag: "Enterprise Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-a-latina-woman--1772516017155-7a70e2eb.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/photograph-of-a-woman-leading-a-team-mee-1772516018322-50f012db.png?_wi=1"},
|
|
{
|
|
id: "4", name: "David Kim, UX Designer at Apple", date: "Date: 5 December 2024", title: "Inspiring and Innovative", quote: "The design of EduPulse itself is educational. Learning in such a beautifully crafted environment elevated my entire experience. The attention to detail is remarkable.", tag: "Premium Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-an-asian-man-wi-1772516017877-b36716be.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/photograph-of-a-designer-working-at-appl-1772516018657-c0f05516.png?_wi=1"},
|
|
{
|
|
id: "5", name: "Priya Patel, AI Engineer at OpenAI", date: "Date: 28 November 2024", title: "Advanced Content, Accessible Teaching", quote: "The advanced AI and machine learning courses are top-tier. Complex topics are broken down beautifully without sacrificing depth. This is the gold standard for tech education.", tag: "Premium Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-an-indian-woman-1772516017784-01beaf9a.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/photograph-of-a-woman-working-with-advan-1772516018186-09f60378.png"},
|
|
{
|
|
id: "6", name: "James Wilson, Career Changer from Finance", date: "Date: 15 November 2024", title: "Career Transition Made Easy", quote: "Coming from finance with no tech background, I was nervous. EduPulse's progression model built my confidence step by step. Now I'm a junior developer earning 40% more than before.", tag: "Professional Plan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/professional-headshot-of-a-caucasian-man-1772516017533-1c8c1818.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/photograph-of-a-man-working-as-a-junior--1772516018536-a7182149.png"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Stay Updated"
|
|
title="Never Miss a Learning Opportunity"
|
|
description="Subscribe to our newsletter for exclusive course launches, learning tips, and special offers. Join our community of lifelong learners."
|
|
tagIcon={Bell}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQDVtz45SVsUyLfpeEZ2buzKZm/beautiful-newsletter-signup-interface-mo-1772516018160-36ba317f.png?_wi=1"
|
|
imageAlt="EduPulse newsletter signup"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Subscribe Now"
|
|
termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our Terms of Service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 EduPulse. All rights reserved."
|
|
bottomRightText="Crafted with inspiration from Apple Design"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |