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

Merge version_1 into main #5

Merged
bender merged 4 commits from version_1 into main 2026-03-07 20:13:13 +00:00
Conversation 0 Commits 4 Files Changed 4 +224 -280
4 changed files with 224 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

143
src/app/app/alerts/page.tsx
View File

@@ -1,13 +1,29 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { AlertCircle, Target, TrendingUp, CreditCard, Eye, Brain, Lock, Smartphone, Share2, Download, HelpCircle, Bell, Zap, BarChart3, Wallet } from 'lucide-react';
import {
AlertCircle,
Target,
TrendingUp,
CreditCard,
Eye,
Brain,
Lock,
Smartphone,
Share2,
Download,
HelpCircle,
Bell,
Zap,
BarChart3,
Wallet,
} from "lucide-react";
export default function AlertsPage() {
const navItems = [
@@ -15,7 +31,7 @@ export default function AlertsPage() {
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
{ name: "Login", id: "login" }
{ name: "Login", id: "login" },
];
const footerColumns = [
@@ -24,33 +40,33 @@ export default function AlertsPage() {
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "/pricing" },
{ label: "Security", href: "#" },
{ label: "Status", href: "#" }
]
{ label: "Status", href: "#" },
],
},
{
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "/contact" }
]
{ label: "Contact", href: "/contact" },
],
},
{
title: "Resources", items: [
{ label: "Help Center", href: "#" },
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Community", href: "#" }
]
{ label: "Community", href: "#" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Compliance", href: "#" }
]
}
{ label: "Compliance", href: "#" },
],
},
];
return (
@@ -79,70 +95,61 @@ 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: [
{
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: [
{
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,
items: [
{
icon: AlertCircle,
ring: 1
ring: 1,
},
{
icon: CreditCard,
ring: 1
ring: 1,
},
{
icon: Zap,
ring: 2
ring: 2,
},
{
icon: Wallet,
ring: 2
}
]
ring: 2,
},
],
},
{
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"
]
}
"Email Notifications - Detailed summaries", "SMS Alerts - Urgent warnings", "Push Notifications - Instant mobile alerts", "In-App Notifications - Dashboard center"],
},
]}
title="Intelligent Alert System"
description="Never miss important financial events with smart, timely notifications"
@@ -160,28 +167,22 @@ 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"
description="Full control over how and when you receive financial alerts"
@@ -197,29 +198,29 @@ 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"
description="Get answers about our notification and alert features"

113
src/app/app/calendar/page.tsx
View File

@@ -66,42 +66,34 @@ 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"},
],
},
{
@@ -147,29 +139,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>
@@ -183,15 +175,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>
@@ -204,65 +193,49 @@ 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: "#"},
],
},
]}

146
src/app/app/subscriptions/page.tsx
View File

@@ -1,13 +1,32 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Bell, Target, AlertCircle, TrendingUp, Wallet, DollarSign, CreditCard, PiggyBank, Home, Plane, Zap, Eye, Brain, Lock, Smartphone, Share2, Download, HelpCircle } from 'lucide-react';
import {
Bell,
Target,
AlertCircle,
TrendingUp,
Wallet,
DollarSign,
CreditCard,
PiggyBank,
Home,
Plane,
Zap,
Eye,
Brain,
Lock,
Smartphone,
Share2,
Download,
HelpCircle,
} from "lucide-react";
export default function RecurringExpensesPage() {
const navItems = [
@@ -15,7 +34,7 @@ export default function RecurringExpensesPage() {
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
{ name: "Login", id: "login" }
{ name: "Login", id: "login" },
];
const footerColumns = [
@@ -24,33 +43,33 @@ export default function RecurringExpensesPage() {
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "/pricing" },
{ label: "Security", href: "#" },
{ label: "Status", href: "#" }
]
{ label: "Status", href: "#" },
],
},
{
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "/contact" }
]
{ label: "Contact", href: "/contact" },
],
},
{
title: "Resources", items: [
{ label: "Help Center", href: "#" },
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Community", href: "#" }
]
{ label: "Community", href: "#" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
{ label: "Compliance", href: "#" }
]
}
{ label: "Compliance", href: "#" },
],
},
];
return (
@@ -79,70 +98,61 @@ 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: [
{
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: [
{
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,
items: [
{
icon: DollarSign,
ring: 1
ring: 1,
},
{
icon: CreditCard,
ring: 1
ring: 1,
},
{
icon: TrendingUp,
ring: 2
ring: 2,
},
{
icon: PiggyBank,
ring: 2
}
]
ring: 2,
},
],
},
{
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"
]
}
"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="Recurring Expenses Management"
description="Master your subscriptions and recurring payments with intelligent tracking and insights"
@@ -160,28 +170,22 @@ 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"
description="Powerful tools to manage every recurring expense"
@@ -197,29 +201,29 @@ 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"
description="Common questions about recurring expense management"

102
src/app/page.tsx
View File

@@ -98,16 +98,13 @@ 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 },
@@ -119,16 +116,13 @@ 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"},
],
}}
/>
@@ -147,8 +141,7 @@ 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" },
@@ -164,8 +157,7 @@ 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: [
@@ -178,8 +170,7 @@ 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"
@@ -200,31 +191,25 @@ 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>
@@ -238,11 +223,9 @@ 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"
@@ -266,33 +249,27 @@ 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}
/>
@@ -315,8 +292,7 @@ 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,
@@ -325,8 +301,7 @@ 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: [
@@ -334,8 +309,7 @@ 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"
@@ -356,36 +330,28 @@ 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>