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}
                 />
             </div>
             <div id="footer" data-section="footer">