Merge version_1 into main #2
284
src/app/page.tsx
284
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Startups",
|
||||
id: "features",
|
||||
},
|
||||
name: "Startups", id: "features"},
|
||||
{
|
||||
name: "Tips",
|
||||
id: "blog",
|
||||
},
|
||||
name: "Tips", id: "blog"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="NextGen Business Tips"
|
||||
/>
|
||||
@@ -55,109 +47,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master Your Future: Business Guidance for Young Entrepreneurs"
|
||||
description="NextGen Business Tips provides actionable education, startup strategies, and money habits to help you build your future today."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gmiz1c&_wi=1",
|
||||
imageAlt: "young entrepreneur working",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rysl0r&_wi=1",
|
||||
imageAlt: "teen business collaboration",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1da6jy&_wi=1",
|
||||
imageAlt: "digital finance chart",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ae3wsu",
|
||||
imageAlt: "business growth concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b0fpj9",
|
||||
imageAlt: "student learning business",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gmiz1c", imageAlt: "young entrepreneur working" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rysl0r", imageAlt: "teen business collaboration" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1da6jy", imageAlt: "digital finance chart" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ae3wsu", imageAlt: "business growth concept" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b0fpj9", imageAlt: "student learning business" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4wd80y",
|
||||
imageAlt: "minimalist business office",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-gen-1",
|
||||
imageAlt: "student workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-gen-2",
|
||||
imageAlt: "innovative thinking",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-gen-3",
|
||||
imageAlt: "growth mindset",
|
||||
},
|
||||
{
|
||||
imageSrc: "asset://hero-gen-4",
|
||||
imageAlt: "entrepreneurial success",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4wd80y", imageAlt: "minimalist business office" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gmiz1c", imageAlt: "student workspace" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rysl0r", imageAlt: "innovative thinking" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1da6jy", imageAlt: "growth mindset" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ae3wsu", imageAlt: "entrepreneurial success" },
|
||||
]}
|
||||
tag="Education • Strategy • Growth"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#blog",
|
||||
},
|
||||
{
|
||||
text: "View Startups",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Start Learning", href: "#blog" },
|
||||
{ text: "View Startups", href: "#features" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://avatar-1",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "asset://avatar-2",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "asset://avatar-3",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "asset://avatar-4",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "asset://avatar-5",
|
||||
alt: "Student 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gmiz1c", alt: "Student 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rysl0r", alt: "Student 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1da6jy", alt: "Student 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ae3wsu", alt: "Student 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b0fpj9", alt: "Student 5" },
|
||||
]}
|
||||
avatarText="15,000+ students joined"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ideation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Planning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Funding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MVP",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scaling",
|
||||
},
|
||||
{ type: "text", text: "Ideation" },
|
||||
{ type: "text", text: "Planning" },
|
||||
{ type: "text", text: "Funding" },
|
||||
{ type: "text", text: "MVP" },
|
||||
{ type: "text", text: "Scaling" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -182,44 +107,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Startup Ideas",
|
||||
description: "100+ vetted ideas specifically designed for high school student limitations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Lightbulb,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gmiz1c&_wi=2",
|
||||
imageAlt: "young entrepreneur working",
|
||||
title: "Startup Ideas", description: "100+ vetted ideas specifically designed for high school student limitations.", bentoComponent: "reveal-icon", icon: Lightbulb
|
||||
},
|
||||
{
|
||||
title: "Money Habits",
|
||||
description: "Master personal finance before you start your business.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wallet,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rysl0r&_wi=2",
|
||||
imageAlt: "young entrepreneur working",
|
||||
title: "Money Habits", description: "Master personal finance before you start your business.", bentoComponent: "reveal-icon", icon: Wallet
|
||||
},
|
||||
{
|
||||
title: "Entrepreneurial Path",
|
||||
description: "A structured timeline for launching your first project.",
|
||||
bentoComponent: "timeline",
|
||||
heading: "Launch Plan",
|
||||
subheading: "4 Week Roadmap",
|
||||
items: [
|
||||
{
|
||||
label: "Ideation",
|
||||
detail: "Identify your niche",
|
||||
},
|
||||
{
|
||||
label: "Planning",
|
||||
detail: "Define your offer",
|
||||
},
|
||||
{
|
||||
label: "MVP",
|
||||
detail: "Build your base",
|
||||
},
|
||||
title: "Entrepreneurial Path", description: "A structured timeline for launching your first project.", bentoComponent: "timeline", heading: "Launch Plan", subheading: "4 Week Roadmap", items: [
|
||||
{ label: "Ideation", detail: "Identify your niche" },
|
||||
{ label: "Planning", detail: "Define your offer" },
|
||||
{ label: "MVP", detail: "Build your base" }
|
||||
],
|
||||
completedLabel: "Launch",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1da6jy&_wi=2",
|
||||
imageAlt: "young entrepreneur working",
|
||||
completedLabel: "Launch"
|
||||
},
|
||||
]}
|
||||
title="Build Your Startup Today"
|
||||
@@ -229,36 +128,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15K+",
|
||||
title: "Active Students",
|
||||
items: [
|
||||
"Learning daily",
|
||||
"Founding startups",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "800+",
|
||||
title: "Startup Projects",
|
||||
items: [
|
||||
"Launched to date",
|
||||
"In development",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "4.9/5",
|
||||
title: "Rating",
|
||||
items: [
|
||||
"Student satisfaction",
|
||||
"Educational value",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "15K+", title: "Active Students", items: ["Learning daily", "Founding startups"] },
|
||||
{ id: "2", value: "800+", title: "Startup Projects", items: ["Launched to date", "In development"] },
|
||||
{ id: "3", value: "4.9/5", title: "Rating", items: ["Student satisfaction", "Educational value"] },
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="Join thousands of students building their futures."
|
||||
@@ -273,36 +149,9 @@ export default function LandingPage() {
|
||||
title="Daily Business Insights"
|
||||
description="Short, daily tips to keep you motivated and learning."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Ideas",
|
||||
title: "Top Startup Trends 2025",
|
||||
excerpt: "Focus on sustainable and tech-driven ideas.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jbav9b",
|
||||
authorName: "NextGen Admin",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bi8z1k",
|
||||
date: "Oct 24",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Habits",
|
||||
title: "Saving Your First $1000",
|
||||
excerpt: "Financial discipline for teenagers.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tfcnp0",
|
||||
authorName: "NextGen Admin",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v5kqdf",
|
||||
date: "Oct 23",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Guidance",
|
||||
title: "The Basics of Entrepreneurship",
|
||||
excerpt: "How to create a simple business model.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=85lee7",
|
||||
authorName: "NextGen Admin",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rq688y",
|
||||
date: "Oct 22",
|
||||
},
|
||||
{ id: "b1", category: "Ideas", title: "Top Startup Trends 2025", excerpt: "Focus on sustainable and tech-driven ideas.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jbav9b", authorName: "NextGen Admin", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bi8z1k", date: "Oct 24" },
|
||||
{ id: "b2", category: "Habits", title: "Saving Your First $1000", excerpt: "Financial discipline for teenagers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tfcnp0", authorName: "NextGen Admin", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v5kqdf", date: "Oct 23" },
|
||||
{ id: "b3", category: "Guidance", title: "The Basics of Entrepreneurship", excerpt: "How to create a simple business model.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=85lee7", authorName: "NextGen Admin", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rq688y", date: "Oct 22" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,21 +160,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is this suitable for under 18s?",
|
||||
content: "Yes, our content is specifically written for high schoolers and teenagers.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do I need money to start?",
|
||||
content: "Absolutely not. Many startup ideas mentioned require zero initial investment.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I ask a mentor?",
|
||||
content: "Use our contact form to submit your specific entrepreneurship questions.",
|
||||
},
|
||||
{ id: "q1", title: "Is this suitable for under 18s?", content: "Yes, our content is specifically written for high schoolers and teenagers." },
|
||||
{ id: "q2", title: "Do I need money to start?", content: "Absolutely not. Many startup ideas mentioned require zero initial investment." },
|
||||
{ id: "q3", title: "How do I ask a mentor?", content: "Use our contact form to submit your specific entrepreneurship questions." },
|
||||
]}
|
||||
sideTitle="Still Have Questions?"
|
||||
sideDescription="We're here to help you get started on your business journey."
|
||||
@@ -339,25 +176,10 @@ export default function LandingPage() {
|
||||
title="Connect With NextGen"
|
||||
description="Get in touch for guidance, mentorship, or to share your startup idea."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your questions or startup idea...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your questions or startup idea...", rows: 4, required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ehba2f"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -368,16 +190,8 @@ export default function LandingPage() {
|
||||
logoText="NextGen Business Tips"
|
||||
copyrightText="© 2025 | NextGen Business Tips"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user