Merge version_2 into main #2
@@ -5,13 +5,10 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import FeatureBento, { type FeatureCard } from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Bot, Brain, Sparkles, User, FileText, Send, CheckCircle, Zap, MessageSquare, CreditCard, HelpCircle, Mail, Activity, Shield, Clock, BarChart3, Layers, FileDown, Receipt, Target, DollarSign, Users, Settings, PieChart } from "lucide-react";
|
||||
import { Bot, Brain, User, CheckCircle, Send, DollarSign, Target, Clock, FileDown, PieChart, Receipt, Users, Shield, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function FinanceAppPage() {
|
||||
const navItems = [
|
||||
@@ -41,7 +38,7 @@ export default function FinanceAppPage() {
|
||||
{
|
||||
bentoComponent: "3d-card-grid", items: [
|
||||
{ name: "Budget", icon: Target },
|
||||
{ name: "Savings", icon: PiggyBankIconMock },
|
||||
{ name: "Savings", icon: ArrowRight },
|
||||
{ name: "Bills", icon: Clock },
|
||||
{ name: "Reports", icon: FileDown },
|
||||
],
|
||||
@@ -49,8 +46,6 @@ export default function FinanceAppPage() {
|
||||
title: "Smart Management", description: "Integrated planning tools to help you take full control of your financial health."},
|
||||
];
|
||||
|
||||
function PiggyBankIconMock(props: any) { return <Target {...props} />; }
|
||||
|
||||
const pricingPlans = [
|
||||
{
|
||||
id: "basic", price: "Free", name: "Personal", buttons: [{ text: "Get Started", href: "#" }],
|
||||
@@ -79,10 +74,12 @@ export default function FinanceAppPage() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="FinFlow"
|
||||
/>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="FinFlow"
|
||||
/>
|
||||
</div>
|
||||
<HeroBillboardDashboard
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
tag="Smart Finance"
|
||||
@@ -93,9 +90,9 @@ export default function FinanceAppPage() {
|
||||
dashboard={{
|
||||
title: "Finance Overview", logoIcon: PieChart,
|
||||
stats: [
|
||||
{ title: "Monthly Income", values: [5000, 5200, 5100], valuePrefix: "$" },
|
||||
{ title: "Total Expenses", values: [3200, 3400, 3100], valuePrefix: "$" },
|
||||
{ title: "Health Score", values: [85, 88, 92] },
|
||||
{ title: "Monthly Income", values: [5000, 5200, 5100], valuePrefix: "$", description: "Total monthly earnings across all accounts." },
|
||||
{ title: "Total Expenses", values: [3200, 3400, 3100], valuePrefix: "$", description: "Sum of all verified expenditure for the period." },
|
||||
{ title: "Health Score", values: [85, 88, 92], description: "Aggregate metric of your overall financial standing." },
|
||||
],
|
||||
chartTitle: "Balance Trends", chartData: [{ value: 10 }, { value: 30 }, { value: 20 }, { value: 60 }, { value: 40 }],
|
||||
listTitle: "Recent Activity", listItems: [
|
||||
@@ -105,7 +102,7 @@ export default function FinanceAppPage() {
|
||||
],
|
||||
}}
|
||||
/>
|
||||
<div id="features">
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
features={features}
|
||||
animationType="slide-up"
|
||||
@@ -116,28 +113,23 @@ export default function FinanceAppPage() {
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
tag="Capabilities"
|
||||
title="Powerful Tools for Better Decisions"
|
||||
description="Leverage smart technology to predict future trends and stay within your budget."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Receipt, title: "OCR Receipt Scanning", description: "Scan your physical receipts and let AI extract details automatically." },
|
||||
{ icon: Brain, title: "Smart Forecasting", description: "Predict your monthly spending and balance with AI-driven trend analysis." },
|
||||
{ icon: Users, title: "Family Mode", description: "Collaborate with family members to manage shared household accounts securely." },
|
||||
{ icon: Shield, title: "Secure Backup", description: "Your financial data is encrypted and backed up for peace of mind." },
|
||||
]}
|
||||
/>
|
||||
<MetricSplitMediaAbout
|
||||
tag="Insights"
|
||||
title="Financial Health at a Glance"
|
||||
description="See exactly where your money goes. Get a clear view of your net worth, spending habits, and future potential with our interactive dashboard."
|
||||
metrics={[{ value: "95%", title: "User Budget Success" }, { value: "2M+", title: "Transactions Tracked" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<div id="pricing">
|
||||
<div id="planning" data-section="planning">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
tag="Capabilities"
|
||||
title="Powerful Tools for Better Decisions"
|
||||
description="Leverage smart technology to predict future trends and stay within your budget."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Receipt, title: "OCR Receipt Scanning", description: "Scan your physical receipts and let AI extract details automatically." },
|
||||
{ icon: Brain, title: "Smart Forecasting", description: "Predict your monthly spending and balance with AI-driven trend analysis." },
|
||||
{ icon: Users, title: "Family Mode", description: "Collaborate with family members to manage shared household accounts securely." },
|
||||
{ icon: Shield, title: "Secure Backup", description: "Your financial data is encrypted and backed up for peace of mind." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
plans={pricingPlans}
|
||||
animationType="slide-up"
|
||||
@@ -148,10 +140,12 @@ export default function FinanceAppPage() {
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<FooterBaseCard
|
||||
logoText="FinFlow"
|
||||
columns={[{ title: "Product", items: [{ label: "Features", href: "#" }] }]}
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="FinFlow"
|
||||
columns={[{ title: "Product", items: [{ label: "Features", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user