From 43d9d436f6fc2d8a9d23a13f3ded95ef2837acf9 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 20:10:47 +0000 Subject: [PATCH 1/2] Update src/app/app/calendar/page.tsx --- src/app/app/calendar/page.tsx | 105 ++++++++++++++++++++++------------ 1 file changed, 70 insertions(+), 35 deletions(-) diff --git a/src/app/app/calendar/page.tsx b/src/app/app/calendar/page.tsx index 4057901..b33b1f4 100644 --- a/src/app/app/calendar/page.tsx +++ b/src/app/app/calendar/page.tsx @@ -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." + }, ]} /> @@ -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} /> @@ -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: "#" + }, ], }, ]} -- 2.49.1 From 09e680451a1583c8cc361a534fb6c41a343f002b Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 20:10:48 +0000 Subject: [PATCH 2/2] Update src/app/page.tsx --- src/app/page.tsx | 102 +++++++++++++++++++++++++++++++---------------- 1 file changed, 68 insertions(+), 34 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 8af1d12..229b3a7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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" + }, ]} /> @@ -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." + }, ]} /> -- 2.49.1