bender/6a0aebf0-dd54-43e4-9f5b-1e041bd418f2
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-07 20:08:15 +00:00
parent 61adae8ff4
commit d2ca2e77ea
1 changed files with 80 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files

313
src/app/page.tsx
View File

@@ -83,11 +83,8 @@ export default function HomePage() {
]}
background={{ variant: "radial-gradient" }}
dashboard={{
title: "Financial Dashboard Preview",
logoIcon: DollarSign,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/modern-personal-finance-dashboard-with-d-1772913907127-47b2757e.png?_wi=1",
searchPlaceholder: "Search transactions...",
buttons: [
title: "Financial Dashboard Preview", logoIcon: DollarSign,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/modern-personal-finance-dashboard-with-d-1772913907127-47b2757e.png", searchPlaceholder: "Search transactions...", buttons: [
{ text: "Dashboard", href: "#" },
{ text: "Export Report", href: "#" },
],
@@ -100,49 +97,32 @@ export default function HomePage() {
],
stats: [
{
title: "Monthly Balance",
values: [2450.5, 3120.75, 3895.25],
valuePrefix: "$",
description: "Total account balance",
},
title: "Monthly Balance", values: [2450.5, 3120.75, 3895.25],
valuePrefix: "$", description: "Total account balance"},
{
title: "This Month Income",
values: [5200, 5200, 5200],
valuePrefix: "$",
description: "Received income",
},
title: "This Month Income", values: [5200, 5200, 5200],
valuePrefix: "$", description: "Received income"},
{
title: "This Month Spent",
values: [2100.5, 1950.25, 1305.75],
valuePrefix: "$",
description: "Total expenses",
},
title: "This Month Spent", values: [2100.5, 1950.25, 1305.75],
valuePrefix: "$", description: "Total expenses"},
],
chartTitle: "Income vs Expenses",
chartData: [
chartTitle: "Income vs Expenses", chartData: [
{ value: 65 },
{ value: 45 },
{ value: 75 },
{ value: 55 },
{ value: 85 },
],
listTitle: "Recent Transactions",
listItems: [
listTitle: "Recent Transactions", listItems: [
{
icon: ShoppingCart,
title: "Grocery Store - $125.50",
status: "Completed",
},
title: "Grocery Store - $125.50", status: "Completed"},
{
icon: Zap,
title: "Electric Bill - $89.00",
status: "Pending",
},
title: "Electric Bill - $89.00", status: "Pending"},
{
icon: Fuel,
title: "Gas Station - $42.30",
status: "Completed",
},
title: "Gas Station - $42.30", status: "Completed"},
],
}}
/>
@@ -160,42 +140,26 @@ export default function HomePage() {
useInvertedBackground={false}
features={[
{
title: "Smart Expense Tracking",
description:
"Automatically categorize and track every transaction with intelligent insights",
bentoComponent: "animated-bar-chart",
},
title: "Smart Expense Tracking", description:
"Automatically categorize and track every transaction with intelligent insights", bentoComponent: "animated-bar-chart"},
{
title: "Budget Planning",
description: "Set and monitor budgets by category with real-time alerts",
bentoComponent: "icon-info-cards",
items: [
title: "Budget Planning", description: "Set and monitor budgets by category with real-time alerts", bentoComponent: "icon-info-cards", items: [
{ icon: Target, label: "Budget Set", value: "8/12" },
{ icon: AlertCircle, label: "Warnings", value: "2" },
{ icon: TrendingUp, label: "Achievement", value: "92%" },
],
},
{
title: "Active Goals",
description: "Track progress toward your savings goals and financial milestones",
bentoComponent: "3d-task-list",
title: "Goals",
items: [
title: "Active Goals", description: "Track progress toward your savings goals and financial milestones", bentoComponent: "3d-task-list", title: "Goals", items: [
{ icon: Home, label: "Emergency Fund", time: "In 6 months" },
{ icon: Plane, label: "Summer Vacation", time: "In 4 months" },
{ icon: Zap, label: "New Laptop", time: "In 3 months" },
],
},
{
title: "Analytics & Reports",
description: "Detailed financial reports and trend analysis",
bentoComponent: "line-chart",
},
title: "Analytics & Reports", description: "Detailed financial reports and trend analysis", bentoComponent: "line-chart"},
{
title: "Multi-Account Support",
description: "Manage checking, savings, and credit cards in one place",
bentoComponent: "orbiting-icons",
centerIcon: Wallet,
title: "Multi-Account Support", description: "Manage checking, savings, and credit cards in one place", bentoComponent: "orbiting-icons", centerIcon: Wallet,
items: [
{ icon: DollarSign, ring: 1 },
{ icon: CreditCard, ring: 1 },
@@ -204,17 +168,9 @@ export default function HomePage() {
],
},
{
title: "Bill Reminders",
description: "Never miss a payment with smart notifications",
bentoComponent: "marquee",
centerIcon: Bell,
variant: "text",
texts: [
"Electric Bill - Due Tomorrow",
"Internet Service - Due in 3 days",
"Car Insurance - Due in 1 week",
"Subscription Renewal - Due in 5 days",
],
title: "Bill Reminders", description: "Never miss a payment with smart notifications", bentoComponent: "marquee", centerIcon: Bell,
variant: "text", texts: [
"Electric Bill - Due Tomorrow", "Internet Service - Due in 3 days", "Car Insurance - Due in 1 week", "Subscription Renewal - Due in 5 days"],
},
]}
carouselMode="buttons"
@@ -234,38 +190,26 @@ export default function HomePage() {
features={[
{
icon: Eye,
title: "Real-Time Visibility",
description:
"See your complete financial picture instantly across all accounts and categories",
},
title: "Real-Time Visibility", description:
"See your complete financial picture instantly across all accounts and categories"},
{
icon: Brain,
title: "AI-Powered Insights",
description:
"Get personalized financial recommendations based on your spending patterns",
},
title: "AI-Powered Insights", description:
"Get personalized financial recommendations based on your spending patterns"},
{
icon: Lock,
title: "Bank-Level Security",
description:
"Your data is encrypted and protected with enterprise-grade security",
},
title: "Bank-Level Security", description:
"Your data is encrypted and protected with enterprise-grade security"},
{
icon: Smartphone,
title: "Mobile App",
description: "Manage finances on the go with full-featured iOS and Android apps",
},
title: "Mobile App", description: "Manage finances on the go with full-featured iOS and Android apps"},
{
icon: Share2,
title: "Easy Sharing",
description: "Share budgets and goals with family members securely",
},
title: "Easy Sharing", description: "Share budgets and goals with family members securely"},
{
icon: Download,
title: "Data Export",
description:
"Export reports in PDF, CSV, or connect to other financial tools",
},
title: "Data Export", description:
"Export reports in PDF, CSV, or connect to other financial tools"},
]}
/>
</div>
@@ -279,17 +223,14 @@ export default function HomePage() {
description="We built FinControl because managing personal finances shouldn't require a spreadsheet degree. Our mission is to make financial control intuitive, actionable, and empowering for everyone."
metrics={[
{
value: "500K+",
title: "Active Users Trusting FinControl",
},
value: "500K+", title: "Active Users Trusting FinControl"},
{
value: "$2.3B",
title: "Total Money Managed on Platform",
},
value: "$2.3B", title: "Total Money Managed on Platform"},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/modern-fintech-office-environment-with-d-1772913906315-938ec239.png"
imageAlt="FinControl team working on financial platform"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -306,65 +247,29 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@sarahj_finance",
testimonial:
"FinControl completely transformed how I manage money. Finally see exactly where my cash goes every month. Game changer!",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-photo-of-a-35-year-1772913907000-91fdb825.png",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", handle: "@sarahj_finance", testimonial:
"FinControl completely transformed how I manage money. Finally see exactly where my cash goes every month. Game changer!", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-photo-of-a-35-year-1772913907000-91fdb825.png", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
handle: "@mike_fintech",
testimonial:
"The budget tracking features are incredible. Saved me thousands by catching overspending patterns I never noticed before.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-of-a-40-year-old-m-1772913906975-cdb9bd88.png",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", handle: "@mike_fintech", testimonial:
"The budget tracking features are incredible. Saved me thousands by catching overspending patterns I never noticed before.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-of-a-40-year-old-m-1772913906975-cdb9bd88.png", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
handle: "@emily_saves",
testimonial:
"Love the goal tracking. Watching progress toward my emergency fund feels so motivating. Best finance app I've used.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-of-a-32-year-old-w-1772913906571-32a6e8e6.png",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", handle: "@emily_saves", testimonial:
"Love the goal tracking. Watching progress toward my emergency fund feels so motivating. Best finance app I've used.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-of-a-32-year-old-w-1772913906571-32a6e8e6.png", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
handle: "@david_ventures",
testimonial:
"The analytics dashboard is professional-grade. Perfect for serious budgeters who want real insights into spending.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-of-a-45-year-old-m-1772913905916-62fd7907.png",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", handle: "@david_ventures", testimonial:
"The analytics dashboard is professional-grade. Perfect for serious budgeters who want real insights into spending.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-of-a-45-year-old-m-1772913905916-62fd7907.png", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Adams",
handle: "@jess_budget",
testimonial:
"User interface is intuitive and beautiful. Managing multiple accounts has never been easier. Highly recommend!",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-of-a-28-year-old-w-1772913907021-3da338eb.png",
imageAlt: "Jessica Adams",
},
id: "5", name: "Jessica Adams", handle: "@jess_budget", testimonial:
"User interface is intuitive and beautiful. Managing multiple accounts has never been easier. Highly recommend!", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-of-a-28-year-old-w-1772913907021-3da338eb.png", imageAlt: "Jessica Adams"},
{
id: "6",
name: "Thomas Wells",
handle: "@tom_finance",
testimonial:
"The mobile app is seamless. Control my finances anytime, anywhere. This is the future of personal finance apps.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-of-a-38-year-old-m-1772913908103-f534366b.png",
imageAlt: "Thomas Wells",
},
id: "6", name: "Thomas Wells", handle: "@tom_finance", testimonial:
"The mobile app is seamless. Control my finances anytime, anywhere. This is the future of personal finance apps.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APLXeHKJqU2feMDf1tonz33lP0/professional-headshot-of-a-38-year-old-m-1772913908103-f534366b.png", imageAlt: "Thomas Wells"},
]}
speed={40}
/>
@@ -382,59 +287,29 @@ export default function HomePage() {
useInvertedBackground={false}
plans={[
{
id: "1",
price: "Free",
name: "Starter Plan",
buttons: [
id: "1", price: "Free", name: "Starter Plan", buttons: [
{ text: "Get Started", href: "#" },
{ text: "Learn More", href: "#" },
],
features: [
"Up to 5 accounts",
"Basic transaction tracking",
"Monthly budget creation",
"Mobile app access",
"Email support",
],
"Up to 5 accounts", "Basic transaction tracking", "Monthly budget creation", "Mobile app access", "Email support"],
},
{
id: "2",
badge: "Most Popular",
badgeIcon: Sparkles,
price: "$9.99/mo",
name: "Pro Plan",
buttons: [
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
price: "$9.99/mo", name: "Pro Plan", buttons: [
{ text: "Start Free Trial", href: "#" },
{ text: "Chat to Sales", href: "#" },
],
features: [
"Unlimited accounts",
"Advanced analytics",
"Goal tracking system",
"Spending insights & alerts",
"Bill reminders",
"Priority support",
"PDF reports export",
],
"Unlimited accounts", "Advanced analytics", "Goal tracking system", "Spending insights & alerts", "Bill reminders", "Priority support", "PDF reports export"],
},
{
id: "3",
price: "$19.99/mo",
name: "Premium Plan",
buttons: [
id: "3", price: "$19.99/mo", name: "Premium Plan", buttons: [
{ text: "Start Free Trial", href: "#" },
{ text: "Chat to Sales", href: "#" },
],
features: [
"Everything in Pro",
"Investment tracking",
"Tax preparation reports",
"Multi-user access",
"API access",
"24/7 Phone support",
"Custom integrations",
"Dedicated account manager",
],
"Everything in Pro", "Investment tracking", "Tax preparation reports", "Multi-user access", "API access", "24/7 Phone support", "Custom integrations", "Dedicated account manager"],
},
]}
carouselMode="buttons"
@@ -454,53 +329,29 @@ export default function HomePage() {
animationType="smooth"
faqs={[
{
id: "1",
title: "Is FinControl secure?",
content:
"Yes, absolutely. FinControl uses industry-standard 256-bit encryption for all data transmission and storage. We never access your bank login credentials—we use secure API connections only. All servers are certified for financial-grade security compliance.",
},
id: "1", title: "Is FinControl secure?", content:
"Yes, absolutely. FinControl uses industry-standard 256-bit encryption for all data transmission and storage. We never access your bank login credentials—we use secure API connections only. All servers are certified for financial-grade security compliance."},
{
id: "2",
title: "Which banks are supported?",
content:
"FinControl connects with 12,000+ financial institutions worldwide, including all major banks. We use secure, read-only API connections that can't move money or make changes to your accounts.",
},
id: "2", title: "Which banks are supported?", content:
"FinControl connects with 12,000+ financial institutions worldwide, including all major banks. We use secure, read-only API connections that can't move money or make changes to your accounts."},
{
id: "3",
title: "Can I share my budget with family?",
content:
"Yes! Pro and Premium plans include shared budgets. You can invite family members to view and collaborate on budget planning with full permission controls.",
},
id: "3", title: "Can I share my budget with family?", content:
"Yes! Pro and Premium plans include shared budgets. You can invite family members to view and collaborate on budget planning with full permission controls."},
{
id: "4",
title: "What if I need to export my data?",
content:
"You can export all your financial data anytime as PDF reports (Pro+) or CSV files (Premium). No lock-in—your data belongs to you.",
},
id: "4", title: "What if I need to export my data?", content:
"You can export all your financial data anytime as PDF reports (Pro+) or CSV files (Premium). No lock-in—your data belongs to you."},
{
id: "5",
title: "Is there a free trial?",
content:
"Yes! The Starter plan is completely free with full features. Pro and Premium plans offer a 30-day free trial with no credit card required.",
},
id: "5", title: "Is there a free trial?", content:
"Yes! The Starter plan is completely free with full features. Pro and Premium plans offer a 30-day free trial with no credit card required."},
{
id: "6",
title: "How do I cancel my subscription?",
content:
"Cancel anytime from your settings with one click. No questions asked, no penalties. Your data remains in your free account indefinitely.",
},
id: "6", title: "How do I cancel my subscription?", content:
"Cancel anytime from your settings with one click. No questions asked, no penalties. Your data remains in your free account indefinitely."},
{
id: "7",
title: "Can I use FinControl offline?",
content:
"The web app requires internet, but our mobile apps cache recent data. You can view recent transactions and budgets offline on iOS and Android.",
},
id: "7", title: "Can I use FinControl offline?", content:
"The web app requires internet, but our mobile apps cache recent data. You can view recent transactions and budgets offline on iOS and Android."},
{
id: "8",
title: "What payment methods do you accept?",
content:
"We accept all major credit cards, debit cards, and PayPal. Billing is monthly or annual with the annual option giving you 2 months free.",
},
id: "8", title: "What payment methods do you accept?", content:
"We accept all major credit cards, debit cards, and PayPal. Billing is monthly or annual with the annual option giving you 2 months free."},
]}
/>
</div>
@@ -527,8 +378,7 @@ export default function HomePage() {
logoText="FinControl"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Features", href: "#features-bento" },
{ label: "Pricing", href: "#pricing" },
{ label: "Security", href: "#" },
@@ -536,8 +386,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -545,8 +394,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Help Center", href: "#" },
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
@@ -554,8 +402,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },