bender/9f386004-2f04-4d85-9708-b21ee68d85ce
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-05-31 20:38:37 +00:00
parent 22815cb020
commit 588fcb2aab
1 changed files with 52 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

244
src/app/page.tsx
View File

@@ -32,36 +32,22 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/gradient-audit-logo-template-design_23-2150317595.jpg"
brandName="Budget Boss"
button={{
text: "Sign Up",
href: "#contact",
}}
text: "Sign Up", href: "#contact"}}
/>
</div>
@@ -71,34 +57,22 @@ export default function LandingPage() {
description="Track your money, save smarter, and hit your goals. Achieve financial freedom with our intuitive platform."
buttons={[
{
text: "Create My Budget",
href: "#contact",
},
text: "Create My Budget", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-employee-savings-plan-illustration_23-2150961561.jpg"
imageAlt="Budgeting app dashboard"
showBlur={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg",
alt: "Happy male user",
},
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg", alt: "Happy male user"},
{
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
alt: "Happy female user",
},
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", alt: "Happy female user"},
{
src: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015523.jpg",
alt: "Smiling user",
},
src: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015523.jpg", alt: "Smiling user"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-african-woman-headphones-smiling-looking-phone-screen-sitting-resting-cafe_176420-12435.jpg",
alt: "User of Budget Boss",
},
src: "http://img.b2bpic.net/free-photo/beautiful-african-woman-headphones-smiling-looking-phone-screen-sitting-resting-cafe_176420-12435.jpg", alt: "User of Budget Boss"},
{
src: "http://img.b2bpic.net/free-photo/cheerful-asian-executive-leading-people_1262-4716.jpg",
alt: "Diverse user",
},
src: "http://img.b2bpic.net/free-photo/cheerful-asian-executive-leading-people_1262-4716.jpg", alt: "Diverse user"},
]}
avatarText="Join 100k+ savvy savers!"
/>
@@ -111,11 +85,8 @@ export default function LandingPage() {
title="Your Partner in Financial Freedom"
buttons={[
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
description="Budget Boss is designed to simplify money management. We provide powerful tools to help you visualize your finances, track every dollar, and stay accountable to your savings goals. Start building a secure financial future today."
/>
</div>
@@ -127,25 +98,13 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "income",
value: "$2,000",
description: "Average Monthly Income",
},
id: "income", value: "$2,000", description: "Average Monthly Income"},
{
id: "expenses",
value: "$1,250",
description: "Average Monthly Expenses",
},
id: "expenses", value: "$1,250", description: "Average Monthly Expenses"},
{
id: "savings",
value: "$5,000",
description: "Current Savings Goal",
},
id: "savings", value: "$5,000", description: "Current Savings Goal"},
{
id: "net-worth",
value: "+25%",
description: "Increase in Net Worth",
},
id: "net-worth", value: "+25%", description: "Increase in Net Worth"},
]}
title="Your Financial Snapshot"
description="See your progress and key financial indicators at a glance. We help you stay on track with real-time data."
@@ -159,35 +118,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Intuitive Expense Tracking",
tags: [
"Easy",
"Fast",
],
imageSrc: "http://img.b2bpic.net/free-photo/economy-chart-paper-sheet_23-2148541997.jpg",
imageAlt: "Expense tracking interface",
},
id: "f1", title: "Intuitive Expense Tracking", tags: [
"Easy", "Fast"],
imageSrc: "http://img.b2bpic.net/free-photo/economy-chart-paper-sheet_23-2148541997.jpg", imageAlt: "Expense tracking interface"},
{
id: "f2",
title: "Personalized Savings Goals",
tags: [
"Goals",
"Savings",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-money-tree_23-2151575398.jpg",
imageAlt: "Savings goal setup",
},
id: "f2", title: "Personalized Savings Goals", tags: [
"Goals", "Savings"],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-money-tree_23-2151575398.jpg", imageAlt: "Savings goal setup"},
{
id: "f3",
title: "Intelligent Spending Insights",
tags: [
"Insights",
"Smart",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-watching-business-conference-infographics-computer_482257-125105.jpg",
imageAlt: "Spending insights chart",
},
id: "f3", title: "Intelligent Spending Insights", tags: [
"Insights", "Smart"],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-watching-business-conference-infographics-computer_482257-125105.jpg", imageAlt: "Spending insights chart"},
]}
title="Smart Budgeting Made Easy"
description="Unlock powerful tools and insights to master your money. From tracking to planning, we've got you covered."
@@ -201,50 +142,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "A Game-Changer for My Finances!",
quote: "Budget Boss made budgeting simple and engaging. I've never been so in control of my money. Highly recommended for anyone looking to save smarter!",
name: "Sarah Johnson",
role: "Marketing Manager",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", title: "A Game-Changer for My Finances!", quote: "Budget Boss made budgeting simple and engaging. I've never been so in control of my money. Highly recommended for anyone looking to save smarter!", name: "Sarah Johnson", role: "Marketing Manager", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
title: "Reached My Savings Goals Faster",
quote: "Thanks to Budget Boss, I was able to hit my savings target months ahead of schedule. The goal-setting features are incredibly motivating!",
name: "Michael Chen",
role: "Software Engineer",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-having-video-chat_1262-17780.jpg",
imageAlt: "Michael Chen",
},
id: "2", title: "Reached My Savings Goals Faster", quote: "Thanks to Budget Boss, I was able to hit my savings target months ahead of schedule. The goal-setting features are incredibly motivating!", name: "Michael Chen", role: "Software Engineer", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-having-video-chat_1262-17780.jpg", imageAlt: "Michael Chen"},
{
id: "3",
title: "Finally Understood My Spending",
quote: "The expense tracking and insights provided by Budget Boss helped me identify wasteful spending habits and redirect funds to where they matter most. It's truly eye-opening!",
name: "Emily Rodriguez",
role: "Small Business Owner",
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage_23-2149631009.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", title: "Finally Understood My Spending", quote: "The expense tracking and insights provided by Budget Boss helped me identify wasteful spending habits and redirect funds to where they matter most. It's truly eye-opening!", name: "Emily Rodriguez", role: "Small Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage_23-2149631009.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
title: "User-Friendly and Effective",
quote: "I'm not a finance expert, but Budget Boss made it easy for me to create and stick to a budget. The interface is clean, and the app is incredibly effective.",
name: "David Kim",
role: "Graphic Designer",
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-light-bulb-closed-spiral-notebooks-office-appliances-left-side-white-surface_140725-94254.jpg",
imageAlt: "David Kim",
},
id: "4", title: "User-Friendly and Effective", quote: "I'm not a finance expert, but Budget Boss made it easy for me to create and stick to a budget. The interface is clean, and the app is incredibly effective.", name: "David Kim", role: "Graphic Designer", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-light-bulb-closed-spiral-notebooks-office-appliances-left-side-white-surface_140725-94254.jpg", imageAlt: "David Kim"},
{
id: "5",
title: "Best Budgeting App Out There!",
quote: "I've tried numerous budgeting apps, and Budget Boss stands out. The features are robust, the design is beautiful, and it truly empowers you to take control.",
name: "Jessica Lee",
role: "Financial Analyst",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-laptop-cafe_23-2147834486.jpg",
imageAlt: "Jessica Lee",
},
id: "5", title: "Best Budgeting App Out There!", quote: "I've tried numerous budgeting apps, and Budget Boss stands out. The features are robust, the design is beautiful, and it truly empowers you to take control.", name: "Jessica Lee", role: "Financial Analyst", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-laptop-cafe_23-2147834486.jpg", imageAlt: "Jessica Lee"},
]}
title="Hear From Our Happy Users"
description="Real stories from people who transformed their finances with Budget Boss. Join a community of savvy savers."
@@ -257,30 +163,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How does Budget Boss help me save money?",
content: "Budget Boss provides tools to track your income and expenses, set realistic savings goals, and visualize your financial progress. By identifying spending patterns, you can make informed decisions to optimize your budget and increase savings.",
},
id: "q1", title: "How does Budget Boss help me save money?", content: "Budget Boss provides tools to track your income and expenses, set realistic savings goals, and visualize your financial progress. By identifying spending patterns, you can make informed decisions to optimize your budget and increase savings."},
{
id: "q2",
title: "Is my financial data secure with Budget Boss?",
content: "Yes, we prioritize the security of your financial data. Budget Boss uses industry-standard encryption and security protocols to protect your information. Your data is never shared with third parties without your explicit consent.",
},
id: "q2", title: "Is my financial data secure with Budget Boss?", content: "Yes, we prioritize the security of your financial data. Budget Boss uses industry-standard encryption and security protocols to protect your information. Your data is never shared with third parties without your explicit consent."},
{
id: "q3",
title: "Can I link my bank accounts to Budget Boss? (Manual Entry)",
content: "Currently, Budget Boss supports manual entry of transactions and balances to give you full control over your data. This ensures maximum privacy and security for your financial information.",
},
id: "q3", title: "Can I link my bank accounts to Budget Boss? (Manual Entry)", content: "Currently, Budget Boss supports manual entry of transactions and balances to give you full control over your data. This ensures maximum privacy and security for your financial information."},
{
id: "q4",
title: "What if I need help using the app?",
content: "Our dedicated support team is available to assist you. You can reach us through the in-app chat, email, or by visiting our comprehensive help center for tutorials and FAQs.",
},
id: "q4", title: "What if I need help using the app?", content: "Our dedicated support team is available to assist you. You can reach us through the in-app chat, email, or by visiting our comprehensive help center for tutorials and FAQs."},
{
id: "q5",
title: "Is Budget Boss free to use?",
content: "Yes, Budget Boss offers a robust free tier with essential budgeting tools. We also have premium features available for those looking for advanced financial insights and planning capabilities.",
},
id: "q5", title: "Is Budget Boss free to use?", content: "Yes, Budget Boss offers a robust free tier with essential budgeting tools. We also have premium features available for those looking for advanced financial insights and planning capabilities."},
]}
title="Frequently Asked Questions"
description="Find quick answers to your most common questions about Budget Boss. We're here to help you get started."
@@ -293,16 +184,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Financial Today",
"Wealth Magazine",
"MoneyWise Institute",
"Global Finance",
"Investment Hub",
"Budgeters Daily",
"Savings Guru",
"FinTech Innovators",
"Economic Outlook",
]}
"Financial Today", "Wealth Magazine", "MoneyWise Institute", "Global Finance", "Investment Hub", "Budgeters Daily", "Savings Guru", "FinTech Innovators", "Economic Outlook"]}
title="Trusted by Leading Financial Experts"
description="We partner with reputable organizations to bring you the best financial tools and advice."
tag="Our Partners"
@@ -314,8 +196,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Join Now"
title="Take Control of Your Money Today"
description="Sign up for Budget Boss and start your journey towards financial freedom. It's free to get started!"
@@ -331,54 +212,33 @@ export default function LandingPage() {
logoText="Budget Boss"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Pricing",
href: "#",
},
label: "Pricing", href: "#"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}
@@ -388,4 +248,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}