Merge version_1 into main #4

Merged
bender merged 2 commits from version_1 into main 2026-03-07 20:10:52 +00:00
2 changed files with 138 additions and 69 deletions

View File

@@ -66,34 +66,42 @@ export default function CalendarPage() {
{
title: "Upcoming Bills", description: "See all upcoming bills and payments color-coded by priority", bentoComponent: "marquee", centerIcon: AlertCircle,
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"],
"Electric Bill - Due Tomorrow", "Internet Service - Due in 3 days", "Car Insurance - Due in 1 week", "Subscription Renewal - Due in 5 days"
],
},
{
title: "Payment Due Dates", description: "Calendar view showing all payment deadlines for the month", bentoComponent: "animated-bar-chart"},
title: "Payment Due Dates", description: "Calendar view showing all payment deadlines for the month", bentoComponent: "animated-bar-chart"
},
{
title: "Recurring Transactions", description: "Automatically tracked subscriptions and recurring payments", bentoComponent: "3d-task-list", title: "Monthly Recurring", items: [
{
icon: DollarSign,
label: "Netflix Subscription", time: "Every 15th"},
label: "Netflix Subscription", time: "Every 15th"
},
{
icon: Bell,
label: "Gym Membership", time: "Every 1st"},
label: "Gym Membership", time: "Every 1st"
},
{
icon: Zap,
label: "Utilities Bill", time: "Every 20th"},
label: "Utilities Bill", time: "Every 20th"
},
],
},
{
title: "Financial Events", description: "Mark important financial milestones and events", bentoComponent: "icon-info-cards", items: [
{
icon: CheckCircle,
label: "Completed", value: "24"},
label: "Completed", value: "24"
},
{
icon: Clock,
label: "Pending", value: "8"},
label: "Pending", value: "8"
},
{
icon: AlertCircle,
label: "Overdue", value: "1"},
label: "Overdue", value: "1"
},
],
},
{
@@ -139,21 +147,29 @@ export default function CalendarPage() {
animationType="smooth"
faqs={[
{
id: "1", title: "How does the calendar sync with my bills?", content: "The calendar automatically pulls bill data from your connected accounts and transactions. You can also manually add bills, subscriptions, and recurring payments. Updates sync in real-time across all your devices."},
id: "1", title: "How does the calendar sync with my bills?", content: "The calendar automatically pulls bill data from your connected accounts and transactions. You can also manually add bills, subscriptions, and recurring payments. Updates sync in real-time across all your devices."
},
{
id: "2", title: "Can I get reminders for upcoming bills?", content: "Yes! You can set custom reminder times for each bill (1 day before, 3 days before, etc.). Reminders are sent via in-app notification, email, or SMS (Premium plan). You control notification preferences."},
id: "2", title: "Can I get reminders for upcoming bills?", content: "Yes! You can set custom reminder times for each bill (1 day before, 3 days before, etc.). Reminders are sent via in-app notification, email, or SMS (Premium plan). You control notification preferences."
},
{
id: "3", title: "What happens if I mark a bill as paid?", content: "Marking a bill as paid removes it from the upcoming list and records the payment in your transaction history. This helps track payment history and improves your financial records accuracy."},
id: "3", title: "What happens if I mark a bill as paid?", content: "Marking a bill as paid removes it from the upcoming list and records the payment in your transaction history. This helps track payment history and improves your financial records accuracy."
},
{
id: "4", title: "Can I add custom events to the calendar?", content: "Absolutely! Add any financial event: tax deadlines, investment reviews, financial checkups, savings milestones, or personal budget reviews. Custom events are color-coded and can have their own reminders."},
id: "4", title: "Can I add custom events to the calendar?", content: "Absolutely! Add any financial event: tax deadlines, investment reviews, financial checkups, savings milestones, or personal budget reviews. Custom events are color-coded and can have their own reminders."
},
{
id: "5", title: "How are recurring bills handled?", content: "Recurring bills are automatically detected and shown on their due date each period. You can customize frequency (weekly, biweekly, monthly, quarterly, annual) and update amounts if they change."},
id: "5", title: "How are recurring bills handled?", content: "Recurring bills are automatically detected and shown on their due date each period. You can customize frequency (weekly, biweekly, monthly, quarterly, annual) and update amounts if they change."
},
{
id: "6", title: "Can family members see my calendar?", content: "In Pro and Premium plans, you can share your calendar with family members with custom permission levels: view-only, edit, or full access. Family members see only the events you share."},
id: "6", title: "Can family members see my calendar?", content: "In Pro and Premium plans, you can share your calendar with family members with custom permission levels: view-only, edit, or full access. Family members see only the events you share."
},
{
id: "7", title: "What if I need to reschedule a bill?", content: "Most recurring bills can be rescheduled within the calendar. For actual bill date changes, update the bill details and the calendar will reflect the new schedule automatically."},
id: "7", title: "What if I need to reschedule a bill?", content: "Most recurring bills can be rescheduled within the calendar. For actual bill date changes, update the bill details and the calendar will reflect the new schedule automatically."
},
{
id: "8", title: "Can I export my financial calendar?", content: "Premium plan users can export the calendar to iCal format for import into Google Calendar, Outlook, or Apple Calendar. Keeps your financial events synchronized everywhere."},
id: "8", title: "Can I export my financial calendar?", content: "Premium plan users can export the calendar to iCal format for import into Google Calendar, Outlook, or Apple Calendar. Keeps your financial events synchronized everywhere."
},
]}
/>
</div>
@@ -167,12 +183,15 @@ export default function CalendarPage() {
description="Explore our comprehensive calendar and bill tracking features to maintain complete control over your financial obligations."
buttons={[
{
text: "View Full Calendar", href: "#"},
text: "View Full Calendar", href: "#"
},
{
text: "Contact Support", href: "#"},
text: "Contact Support", href: "#"
},
]}
background={{
variant: "radial-gradient"}}
variant: "radial-gradient"
}}
useInvertedBackground={true}
/>
</div>
@@ -185,49 +204,65 @@ export default function CalendarPage() {
{
title: "Product", items: [
{
label: "Features", href: "/features"},
label: "Features", href: "/features"
},
{
label: "Pricing", href: "/pricing"},
label: "Pricing", href: "/pricing"
},
{
label: "Security", href: "#"},
label: "Security", href: "#"
},
{
label: "Status", href: "#"},
label: "Status", href: "#"
},
],
},
{
title: "Company", items: [
{
label: "About", href: "/about"},
label: "About", href: "/about"
},
{
label: "Blog", href: "#"},
label: "Blog", href: "#"
},
{
label: "Careers", href: "#"},
label: "Careers", href: "#"
},
{
label: "Contact", href: "/contact"},
label: "Contact", href: "/contact"
},
],
},
{
title: "Resources", items: [
{
label: "Help Center", href: "#"},
label: "Help Center", href: "#"
},
{
label: "Documentation", href: "#"},
label: "Documentation", href: "#"
},
{
label: "API Reference", href: "#"},
label: "API Reference", href: "#"
},
{
label: "Community", href: "#"},
label: "Community", href: "#"
},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
label: "Privacy Policy", href: "#"
},
{
label: "Terms of Service", href: "#"},
label: "Terms of Service", href: "#"
},
{
label: "Cookie Policy", href: "#"},
label: "Cookie Policy", href: "#"
},
{
label: "Compliance", href: "#"},
label: "Compliance", href: "#"
},
],
},
]}

View File

@@ -98,13 +98,16 @@ export default function HomePage() {
stats: [
{
title: "Monthly Balance", values: [2450.5, 3120.75, 3895.25],
valuePrefix: "$", description: "Total account balance"},
valuePrefix: "$", description: "Total account balance"
},
{
title: "This Month Income", values: [5200, 5200, 5200],
valuePrefix: "$", description: "Received income"},
valuePrefix: "$", description: "Received income"
},
{
title: "This Month Spent", values: [2100.5, 1950.25, 1305.75],
valuePrefix: "$", description: "Total expenses"},
valuePrefix: "$", description: "Total expenses"
},
],
chartTitle: "Income vs Expenses", chartData: [
{ value: 65 },
@@ -116,13 +119,16 @@ export default function HomePage() {
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"
},
],
}}
/>
@@ -141,7 +147,8 @@ export default function HomePage() {
features={[
{
title: "Smart Expense Tracking", description:
"Automatically categorize and track every transaction with intelligent insights", bentoComponent: "animated-bar-chart"},
"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: [
{ icon: Target, label: "Budget Set", value: "8/12" },
@@ -157,7 +164,8 @@ export default function HomePage() {
],
},
{
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,
items: [
@@ -170,7 +178,8 @@ 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"],
"Electric Bill - Due Tomorrow", "Internet Service - Due in 3 days", "Car Insurance - Due in 1 week", "Subscription Renewal - Due in 5 days"
],
},
]}
carouselMode="buttons"
@@ -191,25 +200,31 @@ export default function HomePage() {
{
icon: Eye,
title: "Real-Time Visibility", description:
"See your complete financial picture instantly across all accounts and categories"},
"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"},
"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"},
"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"},
"Export reports in PDF, CSV, or connect to other financial tools"
},
]}
/>
</div>
@@ -223,9 +238,11 @@ 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"
@@ -249,27 +266,33 @@ export default function HomePage() {
{
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"},
"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"},
"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"},
"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"},
"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"},
"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"},
"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}
/>
@@ -292,7 +315,8 @@ export default function HomePage() {
{ 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,
@@ -301,7 +325,8 @@ export default function HomePage() {
{ 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: [
@@ -309,7 +334,8 @@ export default function HomePage() {
{ 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"
@@ -330,28 +356,36 @@ export default function HomePage() {
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."},
"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."},
"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."},
"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."},
"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."},
"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."},
"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."},
"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."},
"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>