Merge version_1 into main #2
253
src/app/page.tsx
253
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Curriculum",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Curriculum", id: "features" },
|
||||
{ name: "Plans", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Just Code"
|
||||
/>
|
||||
@@ -55,41 +43,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Just Code"
|
||||
description="Master modern programming through practical, project-based education. Start your journey today with world-class mentors."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#pricing" }, { text: "Learn More", href: "#about" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg?_wi=1",
|
||||
imageAlt: "Developer Workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-business-executive-using-virtual-reality-headset_1170-1985.jpg?_wi=1",
|
||||
imageAlt: "Students Collaborating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg?_wi=1",
|
||||
imageAlt: "Programming Syntax",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-207.jpg",
|
||||
imageAlt: "Network Connection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
imageAlt: "Data Analytics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",
|
||||
imageAlt: "IT Instructor",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg", imageAlt: "Developer Workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-business-executive-using-virtual-reality-headset_1170-1985.jpg", imageAlt: "Students Collaborating" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg", imageAlt: "Programming Syntax" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-207.jpg", imageAlt: "Network Connection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg", imageAlt: "Data Analytics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg", imageAlt: "IT Instructor" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,18 +62,9 @@ export default function LandingPage() {
|
||||
title="Why Just Code?"
|
||||
description="We bridge the gap between academic theory and industry demands. Our curriculum is crafted by professionals to ensure you gain skills that matter from day one."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Industry-Ready",
|
||||
description: "Learn the tools companies actually use every day.",
|
||||
},
|
||||
{
|
||||
title: "Mentorship",
|
||||
description: "Get direct support from senior software engineers.",
|
||||
},
|
||||
{
|
||||
title: "Career Support",
|
||||
description: "Resume workshops, mock interviews, and job placement.",
|
||||
},
|
||||
{ title: "Industry-Ready", description: "Learn the tools companies actually use every day." },
|
||||
{ title: "Mentorship", description: "Get direct support from senior software engineers." },
|
||||
{ title: "Career Support", description: "Resume workshops, mock interviews, and job placement." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906322.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -125,30 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Core Foundations",
|
||||
description: "Master data structures, algorithms, and logic.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Terminal,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-business-worker-using-laptop-working-office_839833-26507.jpg",
|
||||
imageAlt: "coding desk setup clean",
|
||||
},
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "React, TypeScript, Node.js and more.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Globe,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
imageAlt: "students collaborating coding",
|
||||
},
|
||||
{
|
||||
title: "System Design",
|
||||
description: "Scalable architectures for modern cloud apps.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Code2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
imageAlt: "code syntax on screen",
|
||||
},
|
||||
{ title: "Core Foundations", description: "Master data structures, algorithms, and logic.", bentoComponent: "reveal-icon", icon: Terminal },
|
||||
{ title: "Web Development", description: "React, TypeScript, Node.js and more.", bentoComponent: "reveal-icon", icon: Globe },
|
||||
{ title: "System Design", description: "Scalable architectures for modern cloud apps.", bentoComponent: "reveal-icon", icon: Code2 },
|
||||
]}
|
||||
title="What You'll Learn"
|
||||
description="Our comprehensive curriculum covers everything from core fundamentals to advanced full-stack systems."
|
||||
@@ -157,59 +88,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Entry",
|
||||
price: "$499",
|
||||
subtitle: "Basic programming fundamentals",
|
||||
features: [
|
||||
"Intro to JS",
|
||||
"Weekly workshops",
|
||||
"Discord access",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Starter",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "starter", badge: "Entry", price: "$499", subtitle: "Basic programming fundamentals", features: ["Intro to JS", "Weekly workshops", "Discord access"],
|
||||
buttons: [{ text: "Choose Starter", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$1,499",
|
||||
subtitle: "Complete Full-Stack mastery",
|
||||
features: [
|
||||
"Everything in Starter",
|
||||
"1-on-1 mentorship",
|
||||
"Portfolio building",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$1,499", subtitle: "Complete Full-Stack mastery", features: ["Everything in Starter", "1-on-1 mentorship", "Portfolio building"],
|
||||
buttons: [{ text: "Choose Pro", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Premium",
|
||||
price: "$2,499",
|
||||
subtitle: "Career-focused bootcamp",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Guaranteed interview",
|
||||
"Career coaching",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Career",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
id: "enterprise", badge: "Premium", price: "$2,499", subtitle: "Career-focused bootcamp", features: ["Everything in Pro", "Guaranteed interview", "Career coaching"],
|
||||
buttons: [{ text: "Choose Career", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Flexible Learning Plans"
|
||||
@@ -223,60 +116,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Riv",
|
||||
role: "Full-Stack Dev",
|
||||
company: "Techify",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-is-working-laptop-girl-with-laptop-emotion-concept_169016-64695.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Lee",
|
||||
role: "UI Designer",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Kim",
|
||||
role: "Backend Eng",
|
||||
company: "ScaleUp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-with-multiple-floors_250224-43.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma W",
|
||||
role: "Junior Dev",
|
||||
company: "StartCode",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Z",
|
||||
role: "DevOps",
|
||||
company: "CloudSys",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-business-executive-using-virtual-reality-headset_1170-1985.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Alex Riv", role: "Full-Stack Dev", company: "Techify", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-is-working-laptop-girl-with-laptop-emotion-concept_169016-64695.jpg" },
|
||||
{ id: "2", name: "Sarah Lee", role: "UI Designer", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg" },
|
||||
{ id: "3", name: "Mark Kim", role: "Backend Eng", company: "ScaleUp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/building-with-multiple-floors_250224-43.jpg" },
|
||||
{ id: "4", name: "Emma W", role: "Junior Dev", company: "StartCode", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg" },
|
||||
{ id: "5", name: "David Z", role: "DevOps", company: "CloudSys", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-business-executive-using-virtual-reality-headset_1170-1985.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Graduates",
|
||||
},
|
||||
{
|
||||
value: "92%",
|
||||
label: "Hiring Rate",
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
label: "Hiring Partners",
|
||||
},
|
||||
{ value: "500+", label: "Graduates" },
|
||||
{ value: "92%", label: "Hiring Rate" },
|
||||
{ value: "150+", label: "Hiring Partners" },
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Hear from students who transformed their careers at Just Code."
|
||||
@@ -286,13 +135,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Ready to code?"
|
||||
title="Start your journey"
|
||||
description="Sign up for a free consultation and let's find the best path for your tech career goals."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
@@ -301,38 +148,10 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "School",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Curriculum",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "School", items: [{ label: "About", href: "#about" }, { label: "Curriculum", href: "#features" }, { label: "Careers", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Just Code Academy"
|
||||
|
||||
Reference in New Issue
Block a user