Merge version_1 into main #2
255
src/app/page.tsx
255
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { BarChart, Code, Database, Terminal } from "lucide-react";
|
||||
import { BarChart, Code, Database, Terminal, GitBranch, Cpu } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,93 +32,58 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Curriculum",
|
||||
id: "features",
|
||||
},
|
||||
name: "Curriculum", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Success",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Success", id: "testimonials"},
|
||||
]}
|
||||
brandName="New Life"
|
||||
button={{
|
||||
text: "Apply Now",
|
||||
href: "contact",
|
||||
}}
|
||||
text: "Apply Now", href: "contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Start Your New Life in Tech"
|
||||
description="Gain the skills that matter. Industry-led courses for aspiring developers, data scientists, and engineers. Join the next generation of digital leaders."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Courses",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Browse Courses", href: "#features"},
|
||||
{
|
||||
text: "Apply Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Apply Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freelance-concept-with-woman-holding-laptop_23-2148022608.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/freelance-concept-with-woman-holding-laptop_23-2148022608.jpg", alt: "Student 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-cheerful-man-classic-black-suit-white-shirt-with-wireless-earphones-happily-lookingin-camera-with-laptop-hands-while-spending-time-outdoor_574295-5776.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-cheerful-man-classic-black-suit-white-shirt-with-wireless-earphones-happily-lookingin-camera-with-laptop-hands-while-spending-time-outdoor_574295-5776.jpg", alt: "Student 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-glasses-holding-tablet_23-2148422238.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-glasses-holding-tablet_23-2148422238.jpg", alt: "Student 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-notebook-studio_23-2147844833.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-notebook-studio_23-2147844833.jpg", alt: "Student 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happiness-new-technology-business_329181-11459.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happiness-new-technology-business_329181-11459.jpg", alt: "Student 5"},
|
||||
]}
|
||||
avatarText="Join 500+ successful alumni"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Full-Stack Development",
|
||||
},
|
||||
type: "text", text: "Full-Stack Development"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Science",
|
||||
},
|
||||
type: "text", text: "Data Science"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI/ML Engineering",
|
||||
},
|
||||
type: "text", text: "AI/ML Engineering"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Infrastructure",
|
||||
},
|
||||
type: "text", text: "Cloud Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cybersecurity",
|
||||
},
|
||||
type: "text", text: "Cybersecurity"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,14 +93,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Beyond Education: Building Careers",
|
||||
},
|
||||
type: "text", content: "Beyond Education: Building Careers"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/gamer-creator-explaning-african-worker-how-testing-game-level-interface-developing-new-design-creative-office-pointing-screen_482257-5506.jpg",
|
||||
alt: "Classroom Collaboration",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/gamer-creator-explaning-african-worker-how-testing-game-level-interface-developing-new-design-creative-office-pointing-screen_482257-5506.jpg", alt: "Classroom Collaboration"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,52 +107,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Real World Projects",
|
||||
description: "Work on actual software architecture and development tasks.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-engineer-writes-complex-binary-code-scripts-computer_482257-83077.jpg",
|
||||
},
|
||||
title: "Real World Projects", description: "Work on actual software architecture and development tasks.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-engineer-writes-complex-binary-code-scripts-computer_482257-83077.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Code,
|
||||
text: "Hands-on coding",
|
||||
},
|
||||
text: "Hands-on coding"},
|
||||
{
|
||||
icon: Terminal,
|
||||
text: "Industry tools",
|
||||
},
|
||||
text: "Industry tools"},
|
||||
{
|
||||
icon: GitBranch,
|
||||
text: "Team versioning",
|
||||
},
|
||||
text: "Team versioning"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-little-girl-headphones-with-laptop-plays-games-game-addiction-concept_169016-53925.jpg?_wi=2",
|
||||
imageAlt: "code editor close up",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Data Driven Insights",
|
||||
description: "Learn to manage and analyze data with cutting-edge tools.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-office-analyzing-checking-finance-graphs_23-2150377136.jpg",
|
||||
},
|
||||
title: "Data Driven Insights", description: "Learn to manage and analyze data with cutting-edge tools.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-office-analyzing-checking-finance-graphs_23-2150377136.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Database,
|
||||
text: "SQL mastery",
|
||||
},
|
||||
text: "SQL mastery"},
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Analytics basics",
|
||||
},
|
||||
text: "Analytics basics"},
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "AI foundations",
|
||||
},
|
||||
text: "AI foundations"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-creator-explaning-african-worker-how-testing-game-level-interface-developing-new-design-creative-office-pointing-screen_482257-5506.jpg",
|
||||
imageAlt: "code editor close up",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Why New Life School?"
|
||||
@@ -207,38 +151,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$1,200",
|
||||
subtitle: "Foundation skills for beginners",
|
||||
features: [
|
||||
"3 Months",
|
||||
"Core Dev Tools",
|
||||
"Portfolio Build",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$1,200", subtitle: "Foundation skills for beginners", features: [
|
||||
"3 Months", "Core Dev Tools", "Portfolio Build"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$2,900",
|
||||
subtitle: "Deep technical dive",
|
||||
features: [
|
||||
"6 Months",
|
||||
"Advanced Frameworks",
|
||||
"Career Mentorship",
|
||||
"Job Matching",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$2,900", subtitle: "Deep technical dive", features: [
|
||||
"6 Months", "Advanced Frameworks", "Career Mentorship", "Job Matching"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Pro", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -255,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "95%",
|
||||
description: "Job Placement Rate",
|
||||
},
|
||||
id: "1", value: "95%", description: "Job Placement Rate"},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
description: "Students Enrolled",
|
||||
},
|
||||
id: "2", value: "500+", description: "Students Enrolled"},
|
||||
{
|
||||
id: "3",
|
||||
value: "15+",
|
||||
description: "Industry Partners",
|
||||
},
|
||||
id: "3", value: "15+", description: "Industry Partners"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak for our student success."
|
||||
@@ -282,45 +198,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivier",
|
||||
handle: "@alexdev",
|
||||
testimonial: "The mentorship changed my career trajectory entirely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-giving-fist-bump-male-colleague_171337-7459.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivier", handle: "@alexdev", testimonial: "The mentorship changed my career trajectory entirely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-man-giving-fist-bump-male-colleague_171337-7459.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Hands-on projects helped me land a job in 3 months.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-business-worker-using-laptop-working-office_839833-26507.jpg",
|
||||
},
|
||||
id: "2", name: "Jordan Smith", handle: "@jsmith", testimonial: "Hands-on projects helped me land a job in 3 months.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-business-worker-using-laptop-working-office_839833-26507.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "Best environment to learn programming from scratch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-girl-student-sits-stairs-outdoors-uses-laptop-connects-public-wifi-city_1258-196792.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah Chen", handle: "@schen", testimonial: "Best environment to learn programming from scratch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-girl-student-sits-stairs-outdoors-uses-laptop-connects-public-wifi-city_1258-196792.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike Ross",
|
||||
handle: "@mross",
|
||||
testimonial: "Curriculum is very relevant to modern market needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiley-woman-saluting_23-2148918767.jpg",
|
||||
},
|
||||
id: "4", name: "Mike Ross", handle: "@mross", testimonial: "Curriculum is very relevant to modern market needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiley-woman-saluting_23-2148918767.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily White",
|
||||
handle: "@ewhite",
|
||||
testimonial: "Career support was top-notch. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scholar-paying-attention-online-class-webinar-via-video-conferencing_482257-123192.jpg",
|
||||
},
|
||||
id: "5", name: "Emily White", handle: "@ewhite", testimonial: "Career support was top-notch. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scholar-paying-attention-online-class-webinar-via-video-conferencing_482257-123192.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Stories of Transformation"
|
||||
@@ -332,16 +223,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready?"
|
||||
title="Start Your Application"
|
||||
description="Have questions or ready to dive in? Contact us today to learn more."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -350,42 +238,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "School",
|
||||
items: [
|
||||
title: "School", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Programs",
|
||||
items: [
|
||||
title: "Programs", items: [
|
||||
{
|
||||
label: "Web Dev",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Web Dev", href: "#features"},
|
||||
{
|
||||
label: "Data Science",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Data Science", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user