Merge version_1 into main #2
205
src/app/page.tsx
205
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "features",
|
||||
},
|
||||
name: "Dashboard", id: "features"},
|
||||
{
|
||||
name: "Leaderboard",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Leaderboard", id: "metrics"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="HustleTrack"
|
||||
/>
|
||||
@@ -56,35 +48,21 @@ export default function LandingPage() {
|
||||
description="The ultimate money-tracking and productivity hub for the next generation of hustlers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg?_wi=1",
|
||||
imageAlt: "Dashboard overview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg", imageAlt: "Dashboard overview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg?_wi=1",
|
||||
imageAlt: "Mobile productivity",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg", imageAlt: "Mobile productivity"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168686.jpg?_wi=1",
|
||||
imageAlt: "Habit tracking",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168686.jpg", imageAlt: "Habit tracking"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-banner_23-2148108189.jpg?_wi=1",
|
||||
imageAlt: "Leaderboard ranking",
|
||||
},
|
||||
imageSrc: "http://img.b2b-vector/hand-drawn-mobile-app-banner_23-2148108189.jpg", imageAlt: "Leaderboard ranking"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n7bu1d&_wi=1",
|
||||
imageAlt: "Money tips",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n7bu1d", imageAlt: "Money tips"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-neon-search-bar-online-shopping-sales_23-2152033019.jpg?_wi=1",
|
||||
imageAlt: "Income dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-neon-search-bar-online-shopping-sales_23-2152033019.jpg", imageAlt: "Income dashboard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,46 +74,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Habit Tracking",
|
||||
description: "Build streaks and stay consistent with daily habit logging.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg?_wi=1",
|
||||
imageAlt: "Habit tracker",
|
||||
},
|
||||
title: "Smart Habit Tracking", description: "Build streaks and stay consistent with daily habit logging.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg", imageAlt: "Habit tracker"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coins-grass-with-smartphone-plant_23-2148803926.jpg?_wi=1",
|
||||
imageAlt: "Money stats",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg?_wi=2",
|
||||
imageAlt: "mobile app dashboard dark mode",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coins-grass-with-smartphone-plant_23-2148803926.jpg", imageAlt: "Money stats"},
|
||||
},
|
||||
{
|
||||
title: "Income & Money Ideas",
|
||||
description: "Track your earnings and explore new side hustle ideas.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coins-grass-with-smartphone-plant_23-2148803926.jpg?_wi=2",
|
||||
imageAlt: "Money stats",
|
||||
},
|
||||
title: "Income & Money Ideas", description: "Track your earnings and explore new side hustle ideas.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coins-grass-with-smartphone-plant_23-2148803926.jpg", imageAlt: "Money stats"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg?_wi=2",
|
||||
imageAlt: "Habit tracker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg?_wi=2",
|
||||
imageAlt: "teen using mobile phone futuristic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg", imageAlt: "Habit tracker"},
|
||||
},
|
||||
{
|
||||
title: "Gamified Goals",
|
||||
description: "Level up your savings goals and stay motivated every single day.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg?_wi=3",
|
||||
imageAlt: "Habit tracker",
|
||||
},
|
||||
title: "Gamified Goals", description: "Level up your savings goals and stay motivated every single day.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg", imageAlt: "Habit tracker"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coins-grass-with-smartphone-plant_23-2148803926.jpg?_wi=3",
|
||||
imageAlt: "Money stats",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-colorful-overloaded-bullet-journal_23-2150168686.jpg?_wi=2",
|
||||
imageAlt: "habit tracker dashboard UI design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coins-grass-with-smartphone-plant_23-2148803926.jpg", imageAlt: "Money stats"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -152,25 +106,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "124",
|
||||
description: "Active Hustlers",
|
||||
},
|
||||
id: "m1", value: "124", description: "Active Hustlers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450+",
|
||||
description: "Goals Crushed",
|
||||
},
|
||||
id: "m2", value: "450+", description: "Goals Crushed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$12k+",
|
||||
description: "Total Earned",
|
||||
},
|
||||
id: "m3", value: "$12k+", description: "Total Earned"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "98%",
|
||||
description: "Habit Streak",
|
||||
},
|
||||
id: "m4", value: "98%", description: "Habit Streak"},
|
||||
]}
|
||||
title="Leaderboard Rankings"
|
||||
description="See how you stack up against the competition in the HustleTrack community."
|
||||
@@ -183,60 +125,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
date: "Oct 2023",
|
||||
title: "Top Hustler",
|
||||
quote: "Finally, a money app that actually understands my hustle.",
|
||||
tag: "Financial Goal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/unsure-young-female-student-wearing-headphones-bandana-neck-backpack-holding-paper-coffee-cup-using-mobile-phone-isolated-olive-green-background_141793-135223.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-banner_23-2148108189.jpg?_wi=2",
|
||||
imageAlt: "mobile app leaderboard UI",
|
||||
},
|
||||
id: "1", name: "Alex R.", date: "Oct 2023", title: "Top Hustler", quote: "Finally, a money app that actually understands my hustle.", tag: "Financial Goal", avatarSrc: "http://img.b2bpic.net/free-photo/unsure-young-female-student-wearing-headphones-bandana-neck-backpack-holding-paper-coffee-cup-using-mobile-phone-isolated-olive-green-background_141793-135223.jpg", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-mobile-app-banner_23-2148108189.jpg", imageAlt: "mobile app leaderboard UI"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan S.",
|
||||
date: "Nov 2023",
|
||||
title: "Productivity King",
|
||||
quote: "My habits are finally consistent thanks to the daily tracking.",
|
||||
tag: "Habits",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/sad-girl-is-working-laptop-sad-girl-laptop-technology-concept_169016-64306.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n7bu1d&_wi=2",
|
||||
imageAlt: "money saving tips app interface",
|
||||
},
|
||||
id: "2", name: "Jordan S.", date: "Nov 2023", title: "Productivity King", quote: "My habits are finally consistent thanks to the daily tracking.", tag: "Habits", avatarSrc: "http://img.b2bpic.net/free-photo/sad-girl-is-working-laptop-sad-girl-laptop-technology-concept_169016-64306.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n7bu1d", imageAlt: "money saving tips app interface"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Casey M.",
|
||||
date: "Dec 2023",
|
||||
title: "Growth Expert",
|
||||
quote: "Made my first $500 using the side hustle ideas feature.",
|
||||
tag: "Money Ideas",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135489.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-neon-search-bar-online-shopping-sales_23-2152033019.jpg?_wi=2",
|
||||
imageAlt: "income stats tracking app screen",
|
||||
},
|
||||
id: "3", name: "Casey M.", date: "Dec 2023", title: "Growth Expert", quote: "Made my first $500 using the side hustle ideas feature.", tag: "Money Ideas", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135489.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-neon-search-bar-online-shopping-sales_23-2152033019.jpg", imageAlt: "income stats tracking app screen"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Taylor P.",
|
||||
date: "Jan 2024",
|
||||
title: "Streak Master",
|
||||
quote: "The leaderboard keeps me competitive and motivated every day.",
|
||||
tag: "Community",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-addicted-social-media_23-2149442452.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg?_wi=4",
|
||||
imageAlt: "habit tracker mobile interface dark",
|
||||
},
|
||||
id: "4", name: "Taylor P.", date: "Jan 2024", title: "Streak Master", quote: "The leaderboard keeps me competitive and motivated every day.", tag: "Community", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-addicted-social-media_23-2149442452.jpg", imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833343.jpg", imageAlt: "habit tracker mobile interface dark"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Morgan D.",
|
||||
date: "Feb 2024",
|
||||
title: "Goal Getter",
|
||||
quote: "HustleTrack turned my scattered goals into a concrete plan.",
|
||||
tag: "Productivity",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-typing-office_23-2147651556.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coins-grass-with-smartphone-plant_23-2148803926.jpg?_wi=4",
|
||||
imageAlt: "finance tracker dashboard mobile UI",
|
||||
},
|
||||
id: "5", name: "Morgan D.", date: "Feb 2024", title: "Goal Getter", quote: "HustleTrack turned my scattered goals into a concrete plan.", tag: "Productivity", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-typing-office_23-2147651556.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coins-grass-with-smartphone-plant_23-2148803926.jpg", imageAlt: "finance tracker dashboard mobile UI"},
|
||||
]}
|
||||
title="Hustler Success Stories"
|
||||
description="Don't just take our word for it—see how teens are winning with HustleTrack."
|
||||
@@ -249,20 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it free?",
|
||||
content: "Yes, basic features are free for all hustlers.",
|
||||
},
|
||||
id: "f1", title: "Is it free?", content: "Yes, basic features are free for all hustlers."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I link banks?",
|
||||
content: "Security is our priority; we use safe connections for data.",
|
||||
},
|
||||
id: "f2", title: "Can I link banks?", content: "Security is our priority; we use safe connections for data."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do streaks work?",
|
||||
content: "Log your habits daily to keep the flame alive.",
|
||||
},
|
||||
id: "f3", title: "How do streaks work?", content: "Log your habits daily to keep the flame alive."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sound-button-closeup-laptop-keyboard_169016-62909.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -276,14 +164,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to start your hustle?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Community",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join the Community", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -292,29 +177,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user