Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
252
src/app/page.tsx
252
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Curriculum",
|
||||
id: "features",
|
||||
},
|
||||
name: "Curriculum", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="LearnAI"
|
||||
/>
|
||||
@@ -54,70 +46,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Master the Future of AI Learning"
|
||||
description="Accelerate your career with industry-leading AI curriculum, expert-led workshops, and hands-on projects designed for the next generation of engineers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Start Learning", href: "#features"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg"
|
||||
imageAlt="AI technology learning background"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waist-up-shot-thoughtful-young-woman-with-curly-hair-wears-spectacles-casual-clothes-carries-tablet-strolls-outside-urban-setting-clever-female-student-holds-modern-gadget-poses-street_273609-56927.jpg",
|
||||
alt: "Student portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/waist-up-shot-thoughtful-young-woman-with-curly-hair-wears-spectacles-casual-clothes-carries-tablet-strolls-outside-urban-setting-clever-female-student-holds-modern-gadget-poses-street_273609-56927.jpg", alt: "Student portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-student-stands-with-digital-tablet-her-hands-outside_169016-25043.jpg",
|
||||
alt: "Student portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-student-stands-with-digital-tablet-her-hands-outside_169016-25043.jpg", alt: "Student portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
|
||||
alt: "Student portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg", alt: "Student portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg",
|
||||
alt: "Student portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg", alt: "Student portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tired-man-computer_23-2147717292.jpg",
|
||||
alt: "Student portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tired-man-computer_23-2147717292.jpg", alt: "Student portrait 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ active learners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg",
|
||||
alt: "Particle tech design",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg", alt: "Particle tech design"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-cyber-particles-background-with-shallow-depth-field_1048-13249.jpg",
|
||||
alt: "Cyber particles",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-render-abstract-cyber-particles-background-with-shallow-depth-field_1048-13249.jpg", alt: "Cyber particles"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-flowing-particles_1048-14872.jpg",
|
||||
alt: "Flowing particles",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-flowing-particles_1048-14872.jpg", alt: "Flowing particles"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-digital-particle-waves-design-background_1048-12573.jpg",
|
||||
alt: "Digital wave design",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-abstract-digital-particle-waves-design-background_1048-12573.jpg", alt: "Digital wave design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered Excellence",
|
||||
},
|
||||
type: "text", text: "AI-Powered Excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,55 +92,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Foundation Pathways",
|
||||
description: "Master core concepts through interactive sessions.",
|
||||
icon: Zap,
|
||||
title: "Foundation Pathways", description: "Master core concepts through interactive sessions.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147868685.jpg",
|
||||
imageAlt: "Foundations",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147868685.jpg", imageAlt: "Foundations"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-squares_23-2148999176.jpg",
|
||||
imageAlt: "Foundations Details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-squares_23-2148999176.jpg", imageAlt: "Foundations Details"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg?_wi=2",
|
||||
imageAlt: "ai learning pathway icon",
|
||||
},
|
||||
{
|
||||
title: "Analytics Dashboard",
|
||||
description: "Track your progress with real-time performance tracking.",
|
||||
icon: BarChart,
|
||||
title: "Analytics Dashboard", description: "Track your progress with real-time performance tracking.", icon: BarChart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg", imageAlt: "Analytics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg",
|
||||
imageAlt: "Analytics Details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg", imageAlt: "Analytics Details"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-streaming-service-tablet_23-2149026082.jpg",
|
||||
imageAlt: "ai learning pathway icon",
|
||||
},
|
||||
{
|
||||
title: "Collaborative Mentorship",
|
||||
description: "Learn side-by-side with industry experts.",
|
||||
icon: Users,
|
||||
title: "Collaborative Mentorship", description: "Learn side-by-side with industry experts.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg?_wi=1",
|
||||
imageAlt: "Mentorship",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg", imageAlt: "Mentorship"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-female-entrepreneur-collaborates-with-her-experts-team_482257-122594.jpg",
|
||||
imageAlt: "Mentorship Details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-female-entrepreneur-collaborates-with-her-experts-team_482257-122594.jpg", imageAlt: "Mentorship Details"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-sunglasses-sitting-along-with-laptop-white-space_140725-11140.jpg?_wi=1",
|
||||
imageAlt: "ai learning pathway icon",
|
||||
},
|
||||
]}
|
||||
title="Curriculum Built for Success"
|
||||
@@ -192,37 +131,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$199",
|
||||
subtitle: "For beginners",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "$199", subtitle: "For beginners", buttons: [
|
||||
{
|
||||
text: "Enroll Now",
|
||||
},
|
||||
text: "Enroll Now"},
|
||||
],
|
||||
features: [
|
||||
"Core ML concepts",
|
||||
"Access to community",
|
||||
"Monthly workshops",
|
||||
],
|
||||
"Core ML concepts", "Access to community", "Monthly workshops"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$499",
|
||||
subtitle: "For professionals",
|
||||
buttons: [
|
||||
id: "pro", badge: "Pro", price: "$499", subtitle: "For professionals", buttons: [
|
||||
{
|
||||
text: "Enroll Now",
|
||||
},
|
||||
text: "Enroll Now"},
|
||||
],
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Advanced project modules",
|
||||
"Mentorship access",
|
||||
"Industry certification",
|
||||
],
|
||||
"Everything in Basic", "Advanced project modules", "Mentorship access", "Industry certification"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Learning Plans"
|
||||
@@ -237,59 +159,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Engineer",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Alice M.", role: "Engineer", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob D.",
|
||||
role: "Developer",
|
||||
company: "Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-sunglasses-sitting-along-with-laptop-white-space_140725-11140.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Bob D.", role: "Developer", company: "Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-sunglasses-sitting-along-with-laptop-white-space_140725-11140.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie S.",
|
||||
role: "Analyst",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie S.", role: "Analyst", company: "Growth", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paralysed-disabled-invalid-handicapped-work-colleague-looking-front-tired-upset-caused-his-disabilities-working-economic-business-office_482257-2084.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana K.",
|
||||
role: "Manager",
|
||||
company: "Product",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",
|
||||
},
|
||||
id: "4", name: "Diana K.", role: "Manager", company: "Product", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ethan R.",
|
||||
role: "Researcher",
|
||||
company: "Science",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
|
||||
},
|
||||
id: "5", name: "Ethan R.", role: "Researcher", company: "Science", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Learners",
|
||||
},
|
||||
value: "10k+", label: "Learners"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Expert Tutors",
|
||||
},
|
||||
value: "500+", label: "Expert Tutors"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Placement Rate",
|
||||
},
|
||||
value: "95%", label: "Placement Rate"},
|
||||
]}
|
||||
title="Voices of the Community"
|
||||
description="Hear how LearnAI has transformed professional journeys."
|
||||
@@ -302,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need coding experience?",
|
||||
content: "Our beginner courses start from the fundamentals.",
|
||||
},
|
||||
id: "q1", title: "Do I need coding experience?", content: "Our beginner courses start from the fundamentals."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I get a certificate?",
|
||||
content: "All advanced programs include official industry certifications.",
|
||||
},
|
||||
id: "q2", title: "Can I get a certificate?", content: "All advanced programs include official industry certifications."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long are the courses?",
|
||||
content: "Programs typically last 8-12 weeks based on intensity.",
|
||||
},
|
||||
id: "q3", title: "How long are the courses?", content: "Programs typically last 8-12 weeks based on intensity."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Inquiries"
|
||||
@@ -330,8 +212,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Start Your AI Journey"
|
||||
description="Sign up for our newsletter to get industry news, tips, and course early access."
|
||||
@@ -346,42 +227,27 @@ export default function LandingPage() {
|
||||
logoText="LearnAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Pathways",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Pathways", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user