Merge version_1 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LearnCode"
|
||||
/>
|
||||
@@ -56,79 +48,40 @@ export default function LandingPage() {
|
||||
description="Unlock your potential with industry-standard courses, interactive projects, and a supportive community. Everything you need to launch your career, at no cost."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivier",
|
||||
handle: "@alexcode",
|
||||
testimonial: "I transitioned into tech in under six months thanks to these courses. The platform is incredibly intuitive!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062210.jpg?_wi=1",
|
||||
imageAlt: "coding learning interface",
|
||||
},
|
||||
name: "Alex Rivier", handle: "@alexcode", testimonial: "I transitioned into tech in under six months thanks to these courses. The platform is incredibly intuitive!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062210.jpg", imageAlt: "coding learning interface"},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahcodes",
|
||||
testimonial: "Everything is free and perfectly structured. It saved me thousands in bootcamps.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004304.jpg?_wi=1",
|
||||
imageAlt: "modular coding lesson icon",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@sarahcodes", testimonial: "Everything is free and perfectly structured. It saved me thousands in bootcamps.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004304.jpg", imageAlt: "modular coding lesson icon"},
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndev",
|
||||
testimonial: "The hands-on projects were the highlight of my learning journey. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-paint-spray-painting-wood_1157-35622.jpg?_wi=1",
|
||||
imageAlt: "hands on coding practice",
|
||||
},
|
||||
name: "John Doe", handle: "@johndev", testimonial: "The hands-on projects were the highlight of my learning journey. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-paint-spray-painting-wood_1157-35622.jpg", imageAlt: "hands on coding practice"},
|
||||
{
|
||||
name: "Emily Chen",
|
||||
handle: "@ec_dev",
|
||||
testimonial: "The depth of the curriculum is unmatched. A game changer for self-taught developers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg?_wi=1",
|
||||
imageAlt: "community mentorship icon",
|
||||
},
|
||||
name: "Emily Chen", handle: "@ec_dev", testimonial: "The depth of the curriculum is unmatched. A game changer for self-taught developers.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg", imageAlt: "community mentorship icon"},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "Community feedback saved me hours of frustration. Truly a premium experience for free.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-geometrical-shapes-background_23-2148811541.jpg?_wi=1",
|
||||
imageAlt: "coding symbols background pattern",
|
||||
},
|
||||
name: "Marcus Thorne", handle: "@mthorne", testimonial: "Community feedback saved me hours of frustration. Truly a premium experience for free.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-geometrical-shapes-background_23-2148811541.jpg", imageAlt: "coding symbols background pattern"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Get Started", href: "#features"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#faq",
|
||||
},
|
||||
text: "Learn More", href: "#faq"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062210.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062210.jpg"
|
||||
imageAlt="Coding platform interface"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/portrait-young-man-with-glasses_23-2148817757.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/portrait-young-man-with-glasses_23-2148817757.jpg", alt: "Student 1"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/cheerful-businesswoman-standing-office_23-2148197772.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/cheerful-businesswoman-standing-office_23-2148197772.jpg", alt: "Student 2"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/young-man-smiling-camera_23-2148450143.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/young-man-smiling-camera_23-2148450143.jpg", alt: "Student 3"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/happy-girl-posing_23-2148197769.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/happy-girl-posing_23-2148197769.jpg", alt: "Student 4"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/portrait-man-with-beard_23-2148450141.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/portrait-man-with-beard_23-2148450141.jpg", alt: "Student 5"},
|
||||
]}
|
||||
avatarText="Join 50,000+ happy learners"
|
||||
/>
|
||||
@@ -141,55 +94,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Curriculum",
|
||||
description: "Courses built by senior engineers from top tech companies.",
|
||||
icon: Code,
|
||||
title: "Expert Curriculum", description: "Courses built by senior engineers from top tech companies.", icon: Code,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004304.jpg?_wi=2",
|
||||
imageAlt: "Curriculum",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004304.jpg", imageAlt: "Curriculum"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004304.jpg?_wi=3",
|
||||
imageAlt: "Curriculum",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004304.jpg", imageAlt: "Curriculum"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-committed-education-collage-concept_23-2150062210.jpg?_wi=3",
|
||||
imageAlt: "coding learning interface",
|
||||
},
|
||||
{
|
||||
title: "Interactive Labs",
|
||||
description: "Apply your knowledge immediately with our in-browser coding environments.",
|
||||
icon: Terminal,
|
||||
title: "Interactive Labs", description: "Apply your knowledge immediately with our in-browser coding environments.", icon: Terminal,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-paint-spray-painting-wood_1157-35622.jpg?_wi=2",
|
||||
imageAlt: "Labs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-paint-spray-painting-wood_1157-35622.jpg", imageAlt: "Labs"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-paint-spray-painting-wood_1157-35622.jpg?_wi=3",
|
||||
imageAlt: "Labs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-paint-spray-painting-wood_1157-35622.jpg", imageAlt: "Labs"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004304.jpg?_wi=4",
|
||||
imageAlt: "modular coding lesson icon",
|
||||
},
|
||||
{
|
||||
title: "Community Support",
|
||||
description: "Get help anytime from our vibrant student and mentor community.",
|
||||
icon: Users,
|
||||
title: "Community Support", description: "Get help anytime from our vibrant student and mentor community.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg?_wi=2",
|
||||
imageAlt: "Support",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg", imageAlt: "Support"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg?_wi=3",
|
||||
imageAlt: "Support",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg", imageAlt: "Support"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-paint-spray-painting-wood_1157-35622.jpg?_wi=4",
|
||||
imageAlt: "hands on coding practice",
|
||||
},
|
||||
]}
|
||||
title="Why Learn With Us?"
|
||||
@@ -202,14 +131,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Amazon",
|
||||
"Apple",
|
||||
"Meta",
|
||||
"Netflix",
|
||||
"Uber",
|
||||
]}
|
||||
"Google", "Microsoft", "Amazon", "Apple", "Meta", "Netflix", "Uber"]}
|
||||
title="Trusted by Learners Everywhere"
|
||||
description="Join a global network of ambitious developers."
|
||||
/>
|
||||
@@ -221,20 +143,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is this platform really free?",
|
||||
content: "Yes, we believe in open education. All our courses are completely free, no hidden costs.",
|
||||
},
|
||||
id: "1", title: "Is this platform really free?", content: "Yes, we believe in open education. All our courses are completely free, no hidden costs."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need prior experience?",
|
||||
content: "Absolutely not. We have paths for complete beginners and seasoned developers looking to upskill.",
|
||||
},
|
||||
id: "2", title: "Do I need prior experience?", content: "Absolutely not. We have paths for complete beginners and seasoned developers looking to upskill."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Will I get a certificate?",
|
||||
content: "Yes, once you complete all modules in a track, you will receive a verifiable certificate.",
|
||||
},
|
||||
id: "3", title: "Will I get a certificate?", content: "Yes, once you complete all modules in a track, you will receive a verifiable certificate."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about starting your coding journey."
|
||||
@@ -246,70 +159,48 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started Today"
|
||||
title="Ready to Start Your Coding Journey?"
|
||||
description="Join thousands of developers in mastering the skills of tomorrow, free of charge."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Enroll Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-geometrical-shapes-background_23-2148811541.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-geometrical-shapes-background_23-2148811541.jpg"
|
||||
logoText="LearnCode"
|
||||
columns={[
|
||||
{
|
||||
title: "Courses",
|
||||
items: [
|
||||
title: "Courses", items: [
|
||||
{
|
||||
label: "Full Stack",
|
||||
href: "#",
|
||||
},
|
||||
label: "Full Stack", href: "#"},
|
||||
{
|
||||
label: "Data Science",
|
||||
href: "#",
|
||||
},
|
||||
label: "Data Science", href: "#"},
|
||||
{
|
||||
label: "AI/ML",
|
||||
href: "#",
|
||||
},
|
||||
label: "AI/ML", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "Forum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Forum", href: "#"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
label: "Events", href: "#"},
|
||||
{
|
||||
label: "Mentorship",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentorship", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user