bender/fee88193-7d6c-4a2d-a751-018abd8ddf4c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-06 15:55:52 +00:00
parent 5b3e96ca18
commit ae95a3885a
1 changed files with 40 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

205
src/app/page.tsx
View File

@@ -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: "#"},
],
},
]}