From 697ba62e231de03e9cd208857021168bc20aced8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 15:29:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 287 +++++++----------------------------------------
 1 file changed, 42 insertions(+), 245 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7b4793e..3867637 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,18 +30,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Dashboard",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Plans",
-          id: "pricing",
-        },
+        { name: "Dashboard", id: "hero" },
+        { name: "Features", id: "features" },
+        { name: "Plans", id: "pricing" },
       ]}
       brandName="WealthFlow"
     />
@@ -49,80 +40,35 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background="aurora"
+      background={{ variant: "aurora" }}
       title="Take Total Control of Your Finances"
       description="WealthFlow provides an all-in-one platform to track your expenses, manage your income, and forecast your future savings with high-precision analytics."
       kpis={[
-        {
-          value: "$124,500",
-          label: "Total Balance",
-        },
-        {
-          value: "$4,200",
-          label: "Monthly Savings",
-        },
-        {
-          value: "12.5%",
-          label: "Investment ROI",
-        },
+        { value: "$124,500", label: "Total Balance" },
+        { value: "$4,200", label: "Monthly Savings" },
+        { value: "12.5%", label: "Investment ROI" },
       ]}
       enableKpiAnimation={true}
       buttons={[
-        {
-          text: "Get Started",
-          href: "#features",
-        },
-        {
-          text: "View Demo",
-          href: "#",
-        },
+        { text: "Get Started", href: "#features" },
+        { text: "View Demo", href: "#" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/hand-holding-phone-with-blank-screen_482257-76252.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
-          alt: "User 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg", alt: "User 2" },
+        { src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg", alt: "User 3" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg", alt: "User 4" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", alt: "User 5" },
       ]}
       avatarText="Join 10,000+ active users"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Secure Banking",
-        },
-        {
-          type: "text",
-          text: "Real-time Sync",
-        },
-        {
-          type: "text",
-          text: "AI Insights",
-        },
-        {
-          type: "text",
-          text: "Budget Planning",
-        },
-        {
-          type: "text",
-          text: "Portfolio Growth",
-        },
+        { type: "text", text: "Secure Banking" },
+        { type: "text", text: "Real-time Sync" },
+        { type: "text", text: "AI Insights" },
+        { type: "text", text: "Budget Planning" },
+        { type: "text", text: "Portfolio Growth" },
       ]}
     />
   </div>
@@ -133,21 +79,9 @@ export default function LandingPage() {
       title="Powerful Money Management Tools"
       description="Comprehensive tools designed to simplify your financial life, from daily expense tracking to long-term wealth strategy planning."
       accordionItems={[
-        {
-          id: "1",
-          title: "Automated Tracking",
-          content: "Sync your bank accounts securely to automatically categorize every transaction in real-time.",
-        },
-        {
-          id: "2",
-          title: "Budget Forecasting",
-          content: "Use our predictive algorithms to plan your monthly budget and avoid overspending before it happens.",
-        },
-        {
-          id: "3",
-          title: "Asset Allocation",
-          content: "Visualize your portfolio diversification and rebalance assets with a single click across all accounts.",
-        },
+        { id: "1", title: "Automated Tracking", content: "Sync your bank accounts securely to automatically categorize every transaction in real-time." },
+        { id: "2", title: "Budget Forecasting", content: "Use our predictive algorithms to plan your monthly budget and avoid overspending before it happens." },
+        { id: "3", title: "Asset Allocation", content: "Visualize your portfolio diversification and rebalance assets with a single click across all accounts." },
       ]}
       imageSrc="http://img.b2bpic.net/free-vector/banking-app-interface-style_23-2148589532.jpg"
       mediaAnimation="blur-reveal"
@@ -160,24 +94,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: TrendingUp,
-          title: "Growth Rate",
-          value: "18%",
-        },
-        {
-          id: "m2",
-          icon: DollarSign,
-          title: "Avg Monthly Spend",
-          value: "$2,100",
-        },
-        {
-          id: "m3",
-          icon: Wallet,
-          title: "Net Savings",
-          value: "$45,000",
-        },
+        { id: "m1", icon: TrendingUp, title: "Growth Rate", value: "18%" },
+        { id: "m2", icon: DollarSign, title: "Avg Monthly Spend", value: "$2,100" },
+        { id: "m3", icon: Wallet, title: "Net Savings", value: "$45,000" },
       ]}
       title="Insights That Matter"
       description="Quantifiable data to help you make smarter financial decisions every day."
@@ -191,52 +110,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          tag: "Essentials",
-          price: "$0",
-          period: "/mo",
-          description: "Basic tracking for individuals just starting out.",
-          button: {
-            text: "Start Free",
-          },
-          featuresTitle: "Included Features",
-          features: [
-            "Bank Sync",
-            "Manual Budgeting",
-            "Expense History",
-          ],
+          id: "basic",          tag: "Essentials",          price: "$0",          period: "/mo",          description: "Basic tracking for individuals just starting out.",          button: { text: "Start Free" },
+          featuresTitle: "Included Features",          features: ["Bank Sync", "Manual Budgeting", "Expense History"],
         },
         {
-          id: "pro",
-          tag: "Financial Pro",
-          price: "$19",
-          period: "/mo",
-          description: "Professional tools for serious investors and savers.",
-          button: {
-            text: "Go Pro",
-          },
-          featuresTitle: "Includes Basic Plus:",
-          features: [
-            "AI Forecasting",
-            "Investment Portfolio",
-            "Custom Reports",
-          ],
+          id: "pro",          tag: "Financial Pro",          price: "$19",          period: "/mo",          description: "Professional tools for serious investors and savers.",          button: { text: "Go Pro" },
+          featuresTitle: "Includes Basic Plus:",          features: ["AI Forecasting", "Investment Portfolio", "Custom Reports"],
         },
         {
-          id: "family",
-          tag: "Household",
-          price: "$39",
-          period: "/mo",
-          description: "Full household financial visibility for the entire family.",
-          button: {
-            text: "Invite Family",
-          },
-          featuresTitle: "Includes Pro Plus:",
-          features: [
-            "Shared Access",
-            "Joint Account Sync",
-            "Tax Optimization",
-          ],
+          id: "family",          tag: "Household",          price: "$39",          period: "/mo",          description: "Full household financial visibility for the entire family.",          button: { text: "Invite Family" },
+          featuresTitle: "Includes Pro Plus:",          features: ["Shared Access", "Joint Account Sync", "Tax Optimization"],
         },
       ]}
       title="Simple Pricing Plans"
@@ -250,45 +133,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          title: "Life Changing",
-          quote: "WealthFlow helped me save my first $10k in just 6 months. Absolute game changer.",
-          name: "Elena Rodriguez",
-          role: "Software Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
-        },
+          id: "t1",          title: "Life Changing",          quote: "WealthFlow helped me save my first $10k in just 6 months. Absolute game changer.",          name: "Elena Rodriguez",          role: "Software Architect",          imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg"},
         {
-          id: "t2",
-          title: "Very Intuitive",
-          quote: "The cleanest dashboard I've used. I can see my exact liquidity status in seconds.",
-          name: "Marcus Chen",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
-        },
+          id: "t2",          title: "Very Intuitive",          quote: "The cleanest dashboard I've used. I can see my exact liquidity status in seconds.",          name: "Marcus Chen",          role: "Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg"},
         {
-          id: "t3",
-          title: "Perfect Automation",
-          quote: "Finally, an app that actually understands my spending habits and predicts my future needs.",
-          name: "Sarah Miller",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
-        },
+          id: "t3",          title: "Perfect Automation",          quote: "Finally, an app that actually understands my spending habits and predicts my future needs.",          name: "Sarah Miller",          role: "Creative Director",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg"},
         {
-          id: "t4",
-          title: "Game Changer",
-          quote: "Automated reporting has saved me hours of manual spreadsheet work every single month.",
-          name: "David Thompson",
-          role: "Accountant",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg",
-        },
+          id: "t4",          title: "Game Changer",          quote: "Automated reporting has saved me hours of manual spreadsheet work every single month.",          name: "David Thompson",          role: "Accountant",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg"},
         {
-          id: "t5",
-          title: "Must Have App",
-          quote: "The best financial app on the market, period. Highly recommended to everyone I know.",
-          name: "Julia Patterson",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
-        },
+          id: "t5",          title: "Must Have App",          quote: "The best financial app on the market, period. Highly recommended to everyone I know.",          name: "Julia Patterson",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg"},
       ]}
       title="Trusted by Thousands"
       description="Join our community of users who have mastered their financial independence."
@@ -300,21 +153,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Is my banking data secure?",
-          content: "Yes, we use bank-grade 256-bit encryption to ensure your financial credentials remain completely confidential.",
-        },
-        {
-          id: "f2",
-          title: "Can I export my data?",
-          content: "Absolutely. You can export all your financial transactions to CSV or PDF format at any time.",
-        },
-        {
-          id: "f3",
-          title: "Is there a free trial?",
-          content: "Yes, our basic plan is free forever, and we offer a 14-day free trial on all premium features.",
-        },
+        { id: "f1", title: "Is my banking data secure?", content: "Yes, we use bank-grade 256-bit encryption to ensure your financial credentials remain completely confidential." },
+        { id: "f2", title: "Can I export my data?", content: "Absolutely. You can export all your financial transactions to CSV or PDF format at any time." },
+        { id: "f3", title: "Is there a free trial?", content: "Yes, our basic plan is free forever, and we offer a 14-day free trial on all premium features." },
       ]}
       title="Frequently Asked Questions"
       description="Have questions about your data security or how to get started? We have answers."
@@ -326,53 +167,9 @@ export default function LandingPage() {
       <FooterMedia
       imageSrc="http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147842742.jpg"
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Security",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "#" }] },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       copyrightText="© 2025 WealthFlow Finance Inc."
     />
-- 
2.49.1