Merge version_1 into main #2
175
src/app/page.tsx
175
src/app/page.tsx
@@ -29,15 +29,12 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "roadmap",
|
||||
},
|
||||
name: "Dashboard", id: "roadmap"},
|
||||
]}
|
||||
brandName="EduPath"
|
||||
button={{ text: "Get Started", href: "#roadmap" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -45,104 +42,56 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master Your Future"
|
||||
description="Unlock a clear, actionable path to your dream career in tech with our interactive roadmap generator."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Smith",
|
||||
handle: "@student",
|
||||
testimonial: "This roadmap made my transition into software engineering so much easier!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg?_wi=1",
|
||||
imageAlt: "futuristic digital learning roadmap interface",
|
||||
},
|
||||
name: "Alex Smith", handle: "@student", testimonial: "This roadmap made my transition into software engineering so much easier!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg", imageAlt: "futuristic digital learning roadmap interface"},
|
||||
{
|
||||
name: "Jamie Lee",
|
||||
handle: "@junior",
|
||||
testimonial: "The interactive dashboard feature is brilliant and super intuitive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg?_wi=2",
|
||||
imageAlt: "futuristic digital learning roadmap interface",
|
||||
},
|
||||
name: "Jamie Lee", handle: "@junior", testimonial: "The interactive dashboard feature is brilliant and super intuitive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg", imageAlt: "futuristic digital learning roadmap interface"},
|
||||
{
|
||||
name: "Jordan Chen",
|
||||
handle: "@dev",
|
||||
testimonial: "Clear paths for every tech specialization. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg?_wi=3",
|
||||
imageAlt: "futuristic digital learning roadmap interface",
|
||||
},
|
||||
name: "Jordan Chen", handle: "@dev", testimonial: "Clear paths for every tech specialization. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg", imageAlt: "futuristic digital learning roadmap interface"},
|
||||
{
|
||||
name: "Casey Quinn",
|
||||
handle: "@tech",
|
||||
testimonial: "The best university project tool I have encountered so far.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg?_wi=4",
|
||||
imageAlt: "futuristic digital learning roadmap interface",
|
||||
},
|
||||
name: "Casey Quinn", handle: "@tech", testimonial: "The best university project tool I have encountered so far.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg", imageAlt: "futuristic digital learning roadmap interface"},
|
||||
{
|
||||
name: "Morgan Taylor",
|
||||
handle: "@pro",
|
||||
testimonial: "Clean, modern, and very effective learning tool.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg?_wi=5",
|
||||
imageAlt: "futuristic digital learning roadmap interface",
|
||||
},
|
||||
name: "Morgan Taylor", handle: "@pro", testimonial: "Clean, modern, and very effective learning tool.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg", imageAlt: "futuristic digital learning roadmap interface"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Build Your Roadmap",
|
||||
href: "#roadmap",
|
||||
},
|
||||
text: "Build Your Roadmap", href: "#roadmap"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg?_wi=6"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg"
|
||||
imageAlt="Student Roadmap Interface"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/portrait-young-man-with-glasses_1142-1200.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/portrait-young-man-with-glasses_1142-1200.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/portrait-smiling-woman-office_1142-1250.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/portrait-smiling-woman-office_1142-1250.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/portrait-man-smiling-camera_1142-1300.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/portrait-man-smiling-camera_1142-1300.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/portrait-confident-woman-professional_1142-1350.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/portrait-confident-woman-professional_1142-1350.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/portrait-young-student-holding-books_1142-1400.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/portrait-young-student-holding-books_1142-1400.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Software Engineering",
|
||||
},
|
||||
type: "text", text: "Software Engineering"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Science",
|
||||
},
|
||||
type: "text", text: "Data Science"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Architecture",
|
||||
},
|
||||
type: "text", text: "Cloud Architecture"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cybersecurity",
|
||||
},
|
||||
type: "text", text: "Cybersecurity"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DevOps Engineering",
|
||||
},
|
||||
type: "text", text: "DevOps Engineering"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,29 +102,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Interactive",
|
||||
title: "Real-time Generation",
|
||||
subtitle: "Get your roadmap instantly",
|
||||
description: "Choose your academic path and get custom skills and certifications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg?_wi=7",
|
||||
imageAlt: "futuristic digital learning roadmap interface",
|
||||
},
|
||||
tag: "Interactive", title: "Real-time Generation", subtitle: "Get your roadmap instantly", description: "Choose your academic path and get custom skills and certifications.", imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg", imageAlt: "futuristic digital learning roadmap interface"},
|
||||
{
|
||||
tag: "Progress",
|
||||
title: "Track Completion",
|
||||
subtitle: "Monitor your growth",
|
||||
description: "Tick off completed skills and certifications to track your learning progress.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg?_wi=8",
|
||||
imageAlt: "futuristic digital learning roadmap interface",
|
||||
},
|
||||
tag: "Progress", title: "Track Completion", subtitle: "Monitor your growth", description: "Tick off completed skills and certifications to track your learning progress.", imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg", imageAlt: "futuristic digital learning roadmap interface"},
|
||||
{
|
||||
tag: "Dynamic",
|
||||
title: "Data-Driven",
|
||||
subtitle: "Backend Powered",
|
||||
description: "Integrated directly with Spring Boot backend services for up-to-date roadmaps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg?_wi=9",
|
||||
imageAlt: "futuristic digital learning roadmap interface",
|
||||
},
|
||||
tag: "Dynamic", title: "Data-Driven", subtitle: "Backend Powered", description: "Integrated directly with Spring Boot backend services for up-to-date roadmaps.", imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg", imageAlt: "futuristic digital learning roadmap interface"},
|
||||
]}
|
||||
title="Interactive Roadmap Generator"
|
||||
description="Select your field, track, and specialization to generate a tailored step-by-step roadmap to mastery."
|
||||
@@ -190,30 +121,15 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I start?",
|
||||
content: "Simply select your preferred career track on the dashboard and click generate.",
|
||||
},
|
||||
id: "1", title: "How do I start?", content: "Simply select your preferred career track on the dashboard and click generate."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is this free?",
|
||||
content: "Yes, our tool is completely free for university students.",
|
||||
},
|
||||
id: "2", title: "Is this free?", content: "Yes, our tool is completely free for university students."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I edit the roadmap?",
|
||||
content: "Absolutely, our drag-and-drop interface allows you to personalize your path.",
|
||||
},
|
||||
id: "3", title: "Can I edit the roadmap?", content: "Absolutely, our drag-and-drop interface allows you to personalize your path."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How often is data updated?",
|
||||
content: "Our backend is synced with industry trends daily.",
|
||||
},
|
||||
id: "4", title: "How often is data updated?", content: "Our backend is synced with industry trends daily."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I export my path?",
|
||||
content: "Yes, you can export your roadmap as a PDF or JSON file.",
|
||||
},
|
||||
id: "5", title: "Can I export my path?", content: "Yes, you can export your roadmap as a PDF or JSON file."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -225,12 +141,7 @@ export default function LandingPage() {
|
||||
title="Trusted by Students"
|
||||
description="Join thousands of learners achieving their career goals with EduPath."
|
||||
names={[
|
||||
"Stanford",
|
||||
"MIT",
|
||||
"Berkeley",
|
||||
"Harvard",
|
||||
"Oxford",
|
||||
]}
|
||||
"Stanford", "MIT", "Berkeley", "Harvard", "Oxford"]}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -240,26 +151,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Get in touch"
|
||||
description="Have questions or feedback about our roadmap system? Let us know."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg?_wi=10"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg"
|
||||
imageAlt="Support"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user