From 0c145ae26b24e62d3be22cdca2687f07d0dfc20a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 04:33:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 283 ++++++++---------------------------------------
 1 file changed, 46 insertions(+), 237 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b1d30eb..03b0be0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,97 +31,45 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Dashboard",
-          id: "hero",
-        },
+          name: "Dashboard",          id: "hero"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="FinanceAI"
       button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
+        text: "Get Started",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Master Your Finances with AI Precision"
       description="The all-in-one financial tracker that automates your budgeting, predicts your savings potential, and simplifies expense management with cutting-edge AI."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
-          alt: "Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-corporate-manager-sitting-with-hands-clasped-outside-office_662251-2057.jpg",
-          alt: "Mark",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg",
-          alt: "Emily",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-looking-camera_23-2148289224.jpg",
-          alt: "David",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
-          alt: "James",
-        },
+        { src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", alt: "Sarah" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-smiling-corporate-manager-sitting-with-hands-clasped-outside-office_662251-2057.jpg", alt: "Mark" },
+        { src: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg", alt: "Emily" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-looking-camera_23-2148289224.jpg", alt: "David" },
+        { src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", alt: "James" },
       ]}
       avatarText="Trusted by 10,000+ smart savers"
       buttons={[
-        {
-          text: "Start Free Trial",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#features",
-        },
+        { text: "Start Free Trial", href: "#contact" },
+        { text: "Learn More", href: "#features" },
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "AI-Powered",
-          icon: Star,
-        },
-        {
-          type: "text-icon",
-          text: "Bank-Grade Security",
-          icon: Shield,
-        },
-        {
-          type: "text-icon",
-          text: "Real-time Tracking",
-          icon: Clock,
-        },
-        {
-          type: "text-icon",
-          text: "Smart Forecasting",
-          icon: TrendingUp,
-        },
-        {
-          type: "text-icon",
-          text: "Multi-Currency",
-          icon: Globe,
-        },
+        { type: "text-icon", text: "AI-Powered", icon: Star },
+        { type: "text-icon", text: "Bank-Grade Security", icon: Shield },
+        { type: "text-icon", text: "Real-time Tracking", icon: Clock },
+        { type: "text-icon", text: "Smart Forecasting", icon: TrendingUp },
+        { type: "text-icon", text: "Multi-Currency", icon: Globe },
       ]}
     />
   </div>
@@ -133,41 +81,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "AI Expense Categorization",
-          description: "Automatic tagging of transactions with 99% accuracy, keeping your spending data clean and actionable.",
-          bentoComponent: "reveal-icon",
-          icon: Zap,
-          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-elements-concept_23-2148457430.jpg",
-          imageAlt: "financial dashboard UI design",
+          title: "AI Expense Categorization",          description: "Automatic tagging of transactions with 99% accuracy, keeping your spending data clean and actionable.",          bentoComponent: "reveal-icon",          icon: Zap,
         },
         {
-          title: "Smart Bill OCR",
-          description: "Upload a receipt, and let our intelligent engine extract expenses, amounts, and tax details instantly.",
-          bentoComponent: "media-stack",
-          items: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/engineer-using-tablet-data-center-managing-servers-running-scripts-closeup_482257-123362.jpg?_wi=1",
-              imageAlt: "OCR receipt scanner 1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/engineer-using-tablet-data-center-managing-servers-running-scripts-closeup_482257-123362.jpg?_wi=2",
-              imageAlt: "OCR receipt scanner 2",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/engineer-using-tablet-data-center-managing-servers-running-scripts-closeup_482257-123362.jpg?_wi=3",
-              imageAlt: "OCR receipt scanner 3",
-            },
+          title: "Smart Bill OCR",          description: "Upload a receipt, and let our intelligent engine extract expenses, amounts, and tax details instantly.",          bentoComponent: "media-stack",          items: [
+            { imageSrc: "http://img.b2bpic.net/free-photo/engineer-using-tablet-data-center-managing-servers-running-scripts-closeup_482257-123362.jpg", imageAlt: "OCR receipt scanner 1" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/engineer-using-tablet-data-center-managing-servers-running-scripts-closeup_482257-123362.jpg", imageAlt: "OCR receipt scanner 2" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/engineer-using-tablet-data-center-managing-servers-running-scripts-closeup_482257-123362.jpg", imageAlt: "OCR receipt scanner 3" },
           ],
-          imageSrc: "http://img.b2bpic.net/free-photo/engineer-using-tablet-data-center-managing-servers-running-scripts-closeup_482257-123362.jpg?_wi=4",
-          imageAlt: "receipt scanner mobile app ui",
         },
         {
-          title: "Predictive Forecasts",
-          description: "Plan ahead with confidence using our smart forecasting models that predict your future cash flow.",
-          bentoComponent: "reveal-icon",
-          icon: TrendingUp,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg",
-          imageAlt: "interactive financial analytics 3d",
+          title: "Predictive Forecasts",          description: "Plan ahead with confidence using our smart forecasting models that predict your future cash flow.",          bentoComponent: "reveal-icon",          icon: TrendingUp,
         },
       ]}
       title="Next-Gen Financial Intelligence"
@@ -177,34 +101,15 @@ export default function LandingPage() {
 
   <div id="extra-features" data-section="extra-features">
       <FeatureBorderGlow
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          icon: PieChart,
-          title: "Interactive Insights",
-          description: "Beautiful, interactive charts to visualize your spending habits and progress.",
-        },
-        {
-          icon: Bell,
-          title: "Bill Reminders",
-          description: "Never miss a due date again with smart alerts and recurring payment tracking.",
-        },
-        {
-          icon: Users,
-          title: "Family Mode",
-          description: "Collaborate on shared budgets with multi-user support for families or couples.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Secure Backup",
-          description: "Bank-grade security ensures your financial data stays safe, backed up, and accessible.",
-        },
-        {
-          icon: Wallet,
-          title: "Investment Tracking",
-          description: "Monitor your portfolio performance alongside your daily budget with ease.",
-        },
+        { icon: PieChart, title: "Interactive Insights", description: "Beautiful, interactive charts to visualize your spending habits and progress." },
+        { icon: Bell, title: "Bill Reminders", description: "Never miss a due date again with smart alerts and recurring payment tracking." },
+        { icon: Users, title: "Family Mode", description: "Collaborate on shared budgets with multi-user support for families or couples." },
+        { icon: ShieldCheck, title: "Secure Backup", description: "Bank-grade security ensures your financial data stays safe, backed up, and accessible." },
+        { icon: Wallet, title: "Investment Tracking", description: "Monitor your portfolio performance alongside your daily budget with ease." },
       ]}
       title="Features That Keep You Ahead"
       description="Robust tools to help you save more, spend wisely, and achieve financial freedom."
@@ -218,26 +123,11 @@ export default function LandingPage() {
       rating={5}
       author="Jonathan Miller, Startup Founder"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
-          alt: "Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-corporate-manager-sitting-with-hands-clasped-outside-office_662251-2057.jpg",
-          alt: "Mark",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg",
-          alt: "Emily",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-looking-camera_23-2148289224.jpg",
-          alt: "David",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
-          alt: "James",
-        },
+        { src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", alt: "Sarah" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-smiling-corporate-manager-sitting-with-hands-clasped-outside-office_662251-2057.jpg", alt: "Mark" },
+        { src: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138822.jpg", alt: "Emily" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-looking-camera_23-2148289224.jpg", alt: "David" },
+        { src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", alt: "James" },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -251,58 +141,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Entry",
-          price: "$0",
-          subtitle: "For personal budgeting",
-          features: [
-            "Basic tracking",
-            "Manual entry",
-            "Standard reports",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
+          id: "basic",          badge: "Entry",          price: "$0",          subtitle: "For personal budgeting",          features: ["Basic tracking", "Manual entry", "Standard reports"],
+          buttons: [{ text: "Get Started", href: "#" }],
         },
         {
-          id: "pro",
-          badge: "Pro",
-          badgeIcon: Star,
-          price: "$9",
-          subtitle: "For serious savers",
-          features: [
-            "Unlimited accounts",
-            "Bill OCR scanning",
-            "Predictive forecasts",
-            "Priority support",
-          ],
-          buttons: [
-            {
-              text: "Upgrade Now",
-              href: "#",
-            },
-          ],
+          id: "pro",          badge: "Pro",          badgeIcon: Star,
+          price: "$9",          subtitle: "For serious savers",          features: ["Unlimited accounts", "Bill OCR scanning", "Predictive forecasts", "Priority support"],
+          buttons: [{ text: "Upgrade Now", href: "#" }],
         },
         {
-          id: "family",
-          badge: "Family",
-          price: "$19",
-          subtitle: "For teams and couples",
-          features: [
-            "Everything in Pro",
-            "Social Family Mode",
-            "Shared budgets",
-            "Family insights",
-          ],
-          buttons: [
-            {
-              text: "Choose Family",
-              href: "#",
-            },
-          ],
+          id: "family",          badge: "Family",          price: "$19",          subtitle: "For teams and couples",          features: ["Everything in Pro", "Social Family Mode", "Shared budgets", "Family insights"],
+          buttons: [{ text: "Choose Family", href: "#" }],
         },
       ]}
       title="Transparent Pricing"
@@ -313,9 +162,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Join Waitlist"
       title="Start Your Financial Freedom"
       description="Join thousands of users already optimizing their financial future. Get early access now."
@@ -326,51 +173,13 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Security",
-              href: "#",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
+          title: "Product",          items: [{ label: "Features", href: "#features" }, { label: "Security", href: "#" }, { label: "Pricing", href: "#pricing" }],
         },
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
+          title: "Company",          items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }, { label: "Contact", href: "#contact" }],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
+          title: "Legal",          items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }],
         },
       ]}
       copyrightText="© 2024 FinanceAI Tracker. All rights reserved."