Merge version_1 into main #3
@@ -20,8 +20,7 @@ export default function AlertsPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
@@ -29,8 +28,7 @@ export default function AlertsPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -38,8 +36,7 @@ export default function AlertsPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
@@ -47,8 +44,7 @@ export default function AlertsPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -83,65 +79,45 @@ export default function AlertsPage() {
|
||||
<FeatureBento
|
||||
features={[
|
||||
{
|
||||
title: "Budget Warnings",
|
||||
description: "Real-time alerts when you approach or exceed budget limits",
|
||||
bentoComponent: "animated-bar-chart"
|
||||
title: "Budget Warnings", description: "Real-time alerts when you approach or exceed budget limits", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Alert Categories",
|
||||
description: "Customizable alerts for different financial events",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Alert Categories", description: "Customizable alerts for different financial events", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Target,
|
||||
label: "Active Alerts",
|
||||
value: "8"
|
||||
label: "Active Alerts", value: "8"
|
||||
},
|
||||
{
|
||||
icon: AlertCircle,
|
||||
label: "This Week",
|
||||
value: "3"
|
||||
label: "This Week", value: "3"
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Resolved",
|
||||
value: "24"
|
||||
label: "Resolved", value: "24"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Priority Alerts",
|
||||
description: "Critical financial notifications ranked by importance",
|
||||
bentoComponent: "3d-task-list",
|
||||
title: "Recent Alerts",
|
||||
items: [
|
||||
title: "Priority Alerts", description: "Critical financial notifications ranked by importance", bentoComponent: "3d-task-list", title: "Recent Alerts", items: [
|
||||
{
|
||||
icon: AlertCircle,
|
||||
label: "Budget Overspend Warning",
|
||||
time: "2 hours ago"
|
||||
label: "Budget Overspend Warning", time: "2 hours ago"
|
||||
},
|
||||
{
|
||||
icon: Bell,
|
||||
label: "Bill Due Tomorrow",
|
||||
time: "4 hours ago"
|
||||
label: "Bill Due Tomorrow", time: "4 hours ago"
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Unusual Transaction",
|
||||
time: "Yesterday"
|
||||
label: "Unusual Transaction", time: "Yesterday"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Spending Trends",
|
||||
description: "Visual breakdown of alert frequency and patterns",
|
||||
bentoComponent: "line-chart"
|
||||
title: "Spending Trends", description: "Visual breakdown of alert frequency and patterns", bentoComponent: "line-chart"
|
||||
},
|
||||
{
|
||||
title: "Alert Types Hub",
|
||||
description: "Manage all alert types and notification preferences",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Bell,
|
||||
title: "Alert Types Hub", description: "Manage all alert types and notification preferences", bentoComponent: "orbiting-icons", centerIcon: Bell,
|
||||
items: [
|
||||
{
|
||||
icon: AlertCircle,
|
||||
@@ -162,16 +138,9 @@ export default function AlertsPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Notification Channels",
|
||||
description: "Multi-channel delivery: email, SMS, push, and in-app",
|
||||
bentoComponent: "marquee",
|
||||
centerIcon: Bell,
|
||||
variant: "text",
|
||||
texts: [
|
||||
"Email Notifications - Detailed summaries",
|
||||
"SMS Alerts - Urgent warnings",
|
||||
"Push Notifications - Instant mobile alerts",
|
||||
"In-App Notifications - Dashboard center"
|
||||
title: "Notification Channels", description: "Multi-channel delivery: email, SMS, push, and in-app", bentoComponent: "marquee", centerIcon: Bell,
|
||||
variant: "text", texts: [
|
||||
"Email Notifications - Detailed summaries", "SMS Alerts - Urgent warnings", "Push Notifications - Instant mobile alerts", "In-App Notifications - Dashboard center"
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -191,33 +160,27 @@ export default function AlertsPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Eye,
|
||||
title: "Complete Visibility",
|
||||
description: "See all financial alerts in one unified dashboard"
|
||||
title: "Complete Visibility", description: "See all financial alerts in one unified dashboard"
|
||||
},
|
||||
{
|
||||
icon: Brain,
|
||||
title: "Smart Filtering",
|
||||
description: "Organize alerts by type, urgency, or account"
|
||||
title: "Smart Filtering", description: "Organize alerts by type, urgency, or account"
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Privacy Protected",
|
||||
description: "Your alert preferences and data are completely secure"
|
||||
title: "Privacy Protected", description: "Your alert preferences and data are completely secure"
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Mobile Ready",
|
||||
description: "Get alerts on your phone, tablet, or web browser"
|
||||
title: "Mobile Ready", description: "Get alerts on your phone, tablet, or web browser"
|
||||
},
|
||||
{
|
||||
icon: Share2,
|
||||
title: "Customizable Triggers",
|
||||
description: "Set your own alert thresholds and notification rules"
|
||||
title: "Customizable Triggers", description: "Set your own alert thresholds and notification rules"
|
||||
},
|
||||
{
|
||||
icon: Download,
|
||||
title: "Alert History",
|
||||
description: "View complete history of all alerts and actions taken"
|
||||
title: "Alert History", description: "View complete history of all alerts and actions taken"
|
||||
}
|
||||
]}
|
||||
title="Alert Management Tools"
|
||||
@@ -234,44 +197,28 @@ export default function AlertsPage() {
|
||||
<FaqDouble
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What types of alerts does FinControl offer?",
|
||||
content: "FinControl provides budget alerts, bill reminders, unusual transaction notifications, low balance warnings, spending milestone alerts, goal progress updates, and subscription change notifications."
|
||||
id: "1", title: "What types of alerts does FinControl offer?", content: "FinControl provides budget alerts, bill reminders, unusual transaction notifications, low balance warnings, spending milestone alerts, goal progress updates, and subscription change notifications."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I customize my alert preferences?",
|
||||
content: "In Settings → Notifications, you can enable/disable each alert type, choose your preferred channels (email, SMS, push, in-app), and set custom thresholds for budget alerts."
|
||||
id: "2", title: "How do I customize my alert preferences?", content: "In Settings → Notifications, you can enable/disable each alert type, choose your preferred channels (email, SMS, push, in-app), and set custom thresholds for budget alerts."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I set different alerts for different accounts?",
|
||||
content: "Yes! Each account can have its own alert settings. You can set different budget thresholds, notification preferences, and alert types per account."
|
||||
id: "3", title: "Can I set different alerts for different accounts?", content: "Yes! Each account can have its own alert settings. You can set different budget thresholds, notification preferences, and alert types per account."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do I get alerts immediately or are they delayed?",
|
||||
content: "Most alerts are delivered in real-time. Budget warnings appear instantly, SMS alerts within seconds, and email summaries within minutes. Push notifications are immediate."
|
||||
id: "4", title: "Do I get alerts immediately or are they delayed?", content: "Most alerts are delivered in real-time. Budget warnings appear instantly, SMS alerts within seconds, and email summaries within minutes. Push notifications are immediate."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I snooze or dismiss alerts?",
|
||||
content: "Yes, you can snooze alerts for 1, 6, or 24 hours, or dismiss them entirely. Recurring alerts will still appear on their normal schedule."
|
||||
id: "5", title: "Can I snooze or dismiss alerts?", content: "Yes, you can snooze alerts for 1, 6, or 24 hours, or dismiss them entirely. Recurring alerts will still appear on their normal schedule."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "How do I know if my card is compromised?",
|
||||
content: "FinControl flags unusual transactions based on your spending patterns. If we detect potential fraud, you'll get an immediate alert. You can manually mark transactions as suspicious too."
|
||||
id: "6", title: "How do I know if my card is compromised?", content: "FinControl flags unusual transactions based on your spending patterns. If we detect potential fraud, you'll get an immediate alert. You can manually mark transactions as suspicious too."
|
||||
},
|
||||
{
|
||||
id: "7",
|
||||
title: "Are there different alert levels?",
|
||||
content: "Yes, alerts are ranked by priority: Critical (immediate), High (urgent), Medium (important), and Low (informational). You can filter by priority in your alert center."
|
||||
id: "7", title: "Are there different alert levels?", content: "Yes, alerts are ranked by priority: Critical (immediate), High (urgent), Medium (important), and Low (informational). You can filter by priority in your alert center."
|
||||
},
|
||||
{
|
||||
id: "8",
|
||||
title: "What happens to old alerts?",
|
||||
content: "All alerts are archived for 90 days. You can access your alert history anytime in the Alerts Center to review past notifications and actions taken."
|
||||
id: "8", title: "What happens to old alerts?", content: "All alerts are archived for 90 days. You can access your alert history anytime in the Alerts Center to review past notifications and actions taken."
|
||||
}
|
||||
]}
|
||||
title="Alert System FAQs"
|
||||
|
||||
@@ -64,81 +64,44 @@ export default function CalendarPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
],
|
||||
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"],
|
||||
},
|
||||
{
|
||||
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: [
|
||||
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: [
|
||||
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"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Notifications",
|
||||
description: "Smart alerts for upcoming payments and milestones",
|
||||
bentoComponent: "marquee",
|
||||
centerIcon: Bell,
|
||||
variant: "icon",
|
||||
icons: [AlertCircle, CheckCircle, Clock, Bell],
|
||||
title: "Notifications", description: "Smart alerts for upcoming payments and milestones", bentoComponent: "marquee", centerIcon: Bell,
|
||||
variant: "icon", icons: [AlertCircle, CheckCircle, Clock, Bell],
|
||||
},
|
||||
{
|
||||
title: "Calendar Sharing",
|
||||
description: "Share calendar with family for coordinated financial planning",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Share2,
|
||||
title: "Calendar Sharing", description: "Share calendar with family for coordinated financial planning", bentoComponent: "orbiting-icons", centerIcon: Share2,
|
||||
items: [
|
||||
{
|
||||
icon: Mail,
|
||||
@@ -176,45 +139,21 @@ 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>
|
||||
@@ -228,17 +167,12 @@ 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>
|
||||
@@ -249,87 +183,51 @@ export default function CalendarPage() {
|
||||
logoText="FinControl"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
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: [
|
||||
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: [
|
||||
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: [
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -20,8 +20,7 @@ export default function RecurringExpensesPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
@@ -29,8 +28,7 @@ export default function RecurringExpensesPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -38,8 +36,7 @@ export default function RecurringExpensesPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
@@ -47,8 +44,7 @@ export default function RecurringExpensesPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -83,65 +79,45 @@ export default function RecurringExpensesPage() {
|
||||
<FeatureBento
|
||||
features={[
|
||||
{
|
||||
title: "Smart Recurring Detection",
|
||||
description: "Automatically identify and categorize recurring transactions",
|
||||
bentoComponent: "animated-bar-chart"
|
||||
title: "Smart Recurring Detection", description: "Automatically identify and categorize recurring transactions", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Subscription Management",
|
||||
description: "Track all your subscriptions and recurring payments",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Subscription Management", description: "Track all your subscriptions and recurring payments", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Bell,
|
||||
label: "Active Subs",
|
||||
value: "12"
|
||||
label: "Active Subs", value: "12"
|
||||
},
|
||||
{
|
||||
icon: AlertCircle,
|
||||
label: "This Month",
|
||||
value: "$287"
|
||||
label: "This Month", value: "$287"
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Annual Cost",
|
||||
value: "$3.4K"
|
||||
label: "Annual Cost", value: "$3.4K"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Renewal Timeline",
|
||||
description: "See upcoming subscription renewals at a glance",
|
||||
bentoComponent: "3d-task-list",
|
||||
title: "Upcoming Renewals",
|
||||
items: [
|
||||
title: "Renewal Timeline", description: "See upcoming subscription renewals at a glance", bentoComponent: "3d-task-list", title: "Upcoming Renewals", items: [
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Streaming Service",
|
||||
time: "In 2 days"
|
||||
label: "Streaming Service", time: "In 2 days"
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
label: "Cloud Storage",
|
||||
time: "In 7 days"
|
||||
label: "Cloud Storage", time: "In 7 days"
|
||||
},
|
||||
{
|
||||
icon: Home,
|
||||
label: "VPN Service",
|
||||
time: "In 15 days"
|
||||
label: "VPN Service", time: "In 15 days"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Savings Insights",
|
||||
description: "Discover which subscriptions you can cancel to save money",
|
||||
bentoComponent: "line-chart"
|
||||
title: "Savings Insights", description: "Discover which subscriptions you can cancel to save money", bentoComponent: "line-chart"
|
||||
},
|
||||
{
|
||||
title: "Integration Hub",
|
||||
description: "Connect and manage subscriptions from multiple services",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Wallet,
|
||||
title: "Integration Hub", description: "Connect and manage subscriptions from multiple services", bentoComponent: "orbiting-icons", centerIcon: Wallet,
|
||||
items: [
|
||||
{
|
||||
icon: DollarSign,
|
||||
@@ -162,16 +138,9 @@ export default function RecurringExpensesPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Cancellation Assistant",
|
||||
description: "Get help canceling unwanted subscriptions",
|
||||
bentoComponent: "marquee",
|
||||
centerIcon: Bell,
|
||||
variant: "text",
|
||||
texts: [
|
||||
"Streaming Service - Save $12.99/month",
|
||||
"Cloud Storage - Save $4.99/month",
|
||||
"VPN Service - Save $7.99/month",
|
||||
"News Subscription - Save $15.00/month"
|
||||
title: "Cancellation Assistant", description: "Get help canceling unwanted subscriptions", bentoComponent: "marquee", centerIcon: Bell,
|
||||
variant: "text", texts: [
|
||||
"Streaming Service - Save $12.99/month", "Cloud Storage - Save $4.99/month", "VPN Service - Save $7.99/month", "News Subscription - Save $15.00/month"
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -191,33 +160,27 @@ export default function RecurringExpensesPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Eye,
|
||||
title: "Full Visibility",
|
||||
description: "See every recurring charge across all your accounts in one place"
|
||||
title: "Full Visibility", description: "See every recurring charge across all your accounts in one place"
|
||||
},
|
||||
{
|
||||
icon: Brain,
|
||||
title: "Smart Analytics",
|
||||
description: "AI-powered analysis shows which subscriptions cost you most"
|
||||
title: "Smart Analytics", description: "AI-powered analysis shows which subscriptions cost you most"
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Secure Management",
|
||||
description: "Safely manage and cancel subscriptions without sharing passwords"
|
||||
title: "Secure Management", description: "Safely manage and cancel subscriptions without sharing passwords"
|
||||
},
|
||||
{
|
||||
icon: Bell,
|
||||
title: "Smart Alerts",
|
||||
description: "Get notified before any recurring charge hits your account"
|
||||
title: "Smart Alerts", description: "Get notified before any recurring charge hits your account"
|
||||
},
|
||||
{
|
||||
icon: Download,
|
||||
title: "Export Reports",
|
||||
description: "Generate detailed subscription reports for your records"
|
||||
title: "Export Reports", description: "Generate detailed subscription reports for your records"
|
||||
},
|
||||
{
|
||||
icon: Share2,
|
||||
title: "Family Sharing",
|
||||
description: "Track shared subscriptions with family members"
|
||||
title: "Family Sharing", description: "Track shared subscriptions with family members"
|
||||
}
|
||||
]}
|
||||
title="Advanced Subscription Control"
|
||||
@@ -234,44 +197,28 @@ export default function RecurringExpensesPage() {
|
||||
<FaqDouble
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does FinControl detect recurring expenses?",
|
||||
content: "Our AI engine analyzes your transaction history to identify patterns. Any charge that repeats on a regular schedule (daily, weekly, monthly, yearly) is automatically flagged as recurring."
|
||||
id: "1", title: "How does FinControl detect recurring expenses?", content: "Our AI engine analyzes your transaction history to identify patterns. Any charge that repeats on a regular schedule (daily, weekly, monthly, yearly) is automatically flagged as recurring."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I pause a subscription instead of canceling?",
|
||||
content: "Yes! For supported services, you can pause subscriptions directly from FinControl. We'll notify you when the pause period is about to end."
|
||||
id: "2", title: "Can I pause a subscription instead of canceling?", content: "Yes! For supported services, you can pause subscriptions directly from FinControl. We'll notify you when the pause period is about to end."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Will FinControl help me cancel subscriptions?",
|
||||
content: "We provide direct cancellation links and guides for major services. For others, we give you the information you need to cancel easily. We never access your account credentials."
|
||||
id: "3", title: "Will FinControl help me cancel subscriptions?", content: "We provide direct cancellation links and guides for major services. For others, we give you the information you need to cancel easily. We never access your account credentials."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "How accurate is the subscription detection?",
|
||||
content: "Our AI is 99.2% accurate in identifying recurring charges. You can manually add or remove subscriptions anytime to ensure complete accuracy."
|
||||
id: "4", title: "How accurate is the subscription detection?", content: "Our AI is 99.2% accurate in identifying recurring charges. You can manually add or remove subscriptions anytime to ensure complete accuracy."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I see my annual subscription costs?",
|
||||
content: "Absolutely! We automatically calculate annual costs for all recurring expenses. You can see total annual spend and sort subscriptions by cost to identify savings opportunities."
|
||||
id: "5", title: "Can I see my annual subscription costs?", content: "Absolutely! We automatically calculate annual costs for all recurring expenses. You can see total annual spend and sort subscriptions by cost to identify savings opportunities."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Are subscription alerts sent to my phone?",
|
||||
content: "Yes! Pro and Premium plans include mobile alerts. Get notified on iOS or Android before any recurring charge. You can customize alert timing and frequency."
|
||||
id: "6", title: "Are subscription alerts sent to my phone?", content: "Yes! Pro and Premium plans include mobile alerts. Get notified on iOS or Android before any recurring charge. You can customize alert timing and frequency."
|
||||
},
|
||||
{
|
||||
id: "7",
|
||||
title: "Can I export my subscription list?",
|
||||
content: "Yes, Premium plan users can export their subscription list as PDF or CSV. Great for sharing with family or for your records."
|
||||
id: "7", title: "Can I export my subscription list?", content: "Yes, Premium plan users can export their subscription list as PDF or CSV. Great for sharing with family or for your records."
|
||||
},
|
||||
{
|
||||
id: "8",
|
||||
title: "What if a subscription amount changes?",
|
||||
content: "FinControl tracks price changes and alerts you when a recurring charge increases. You'll know immediately if a subscription costs more than before."
|
||||
id: "8", title: "What if a subscription amount changes?", content: "FinControl tracks price changes and alerts you when a recurring charge increases. You'll know immediately if a subscription costs more than before."
|
||||
}
|
||||
]}
|
||||
title="Subscription FAQs"
|
||||
|
||||
313
src/app/page.tsx
313
src/app/page.tsx
@@ -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: "#" },
|
||||
|
||||
Reference in New Issue
Block a user