diff --git a/src/app/page.tsx b/src/app/page.tsx index 534c662..a321f46 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -8,7 +8,7 @@ import PricingCardThree from "@/components/sections/pricing/PricingCardThree"; import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import { DollarSign, Receipt, Brain, Users, Shield, PieChart, Target, Clock } from "lucide-react"; +import { DollarSign, Receipt, Brain, Users, Shield, PieChart, Clock } from "lucide-react"; export default function FinanceAppPage() { const navItems = [ @@ -60,13 +60,14 @@ export default function FinanceAppPage() { buttons={[{ text: "Get Started", href: "#" }]} dashboard={{ title: "Finance Overview", logoIcon: PieChart, - stats: [ + sidebarItems: [{ icon: PieChart, active: true }, { icon: Receipt }, { icon: DollarSign }], + buttons: [{ text: "Export" }, { text: "Settings" }], + imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&q=80&w=800", stats: [ { title: "Monthly Income", values: [5000, 5200, 5100], valuePrefix: "$", description: "Income trends" }, { title: "Total Expenses", values: [3200, 3400, 3100], valuePrefix: "$", description: "Spending analysis" }, { title: "Health Score", values: [85, 88, 92], description: "Financial wellness" }, ], - chartTitle: "Balance Trends", chartData: [{ value: 10 }, { value: 30 }, { value: 20 }, { value: 60 }, { value: 40 }], - listTitle: "Recent Activity", listItems: [ + listItems: [ { icon: Receipt, title: "Grocery store", status: "-$85.00" }, { icon: DollarSign, title: "Salary Deposit", status: "+$4200.00" }, { icon: Clock, title: "Electric Bill", status: "-$120.00" }, @@ -118,6 +119,8 @@ export default function FinanceAppPage() { title="Ready to take control?" description="Join thousands of users optimizing their finances with FinFlow today." buttons={[{ text: "Contact Us", href: "#" }]} + background={{ variant: "plain" }} + useInvertedBackground={false} />