Update src/app/app/alerts/page.tsx
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user