From 39c4385ad93bb6a86db953187776d8783e8646d5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 23:45:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 551 ++++++++++++++---------------------------------
 1 file changed, 156 insertions(+), 395 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6822066..1d97957 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,411 +30,172 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "AI Platform",
-          id: "ai",
-        },
-        {
-          name: "Investments",
-          id: "invest",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-      ]}
-      brandName="ArthSaathi"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Features", id: "features" },
+              { name: "AI Platform", id: "ai" },
+              { name: "Investments", id: "invest" },
+              { name: "Pricing", id: "pricing" },
+            ]}
+            brandName="ArthSaathi"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
-      title="India's Advanced AI Financial Command Center"
-      description="Streamline your wealth, taxes, and investments in one unified desktop-first platform. Experience real-time analytics with the power of AI."
-      kpis={[
-        {
-          value: "50+",
-          label: "Interactive Charts",
-        },
-        {
-          value: "100%",
-          label: "Real-time Sync",
-        },
-        {
-          value: "AES-256",
-          label: "Encrypted Security",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Start Free Trial",
-          href: "/register",
-        },
-        {
-          text: "Watch Demo",
-          href: "#",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg?_wi=1"
-      imageAlt="ArthSaathi Dashboard Interface"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-with-glasses-painting_23-2147781595.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="Trusted by 5,000+ financial pros"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "AI-Native Analytics",
-        },
-        {
-          type: "text-icon",
-          text: "Real-time Sync",
-          icon: RefreshCw,
-        },
-        {
-          type: "text",
-          text: "Tax Strategy",
-        },
-        {
-          type: "text-icon",
-          text: "Secure Vault",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text",
-          text: "Investment Hub",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "plain" }}
+            title="India's Advanced AI Financial Command Center"
+            description="Streamline your wealth, taxes, and investments in one unified desktop-first platform. Experience real-time analytics with the power of AI."
+            kpis={[
+              { value: "50+", label: "Interactive Charts" },
+              { value: "100%", label: "Real-time Sync" },
+              { value: "AES-256", label: "Encrypted Security" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Start Free Trial", href: "/register" }, { text: "Watch Demo", href: "#" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg"
+            imageAlt="ArthSaathi Dashboard Interface"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "User 1" },
+              { src: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg", alt: "User 2" },
+              { src: "http://img.b2bpic.net/free-photo/woman-with-glasses-painting_23-2147781595.jpg", alt: "User 3" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg", alt: "User 4" },
+              { src: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg", alt: "User 5" },
+            ]}
+            avatarText="Trusted by 5,000+ financial pros"
+            marqueeItems={[
+              { type: "text", text: "AI-Native Analytics" },
+              { type: "text-icon", text: "Real-time Sync", icon: RefreshCw },
+              { type: "text", text: "Tax Strategy" },
+              { type: "text-icon", text: "Secure Vault", icon: ShieldCheck },
+              { type: "text", text: "Investment Hub" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Advanced Analytics",
-          description: "Excel-like pivot tables and real-time expense heatmaps for deep-dive financial analysis.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg?_wi=1",
-          imageAlt: "Analytics",
-        },
-        {
-          title: "AI Command Center",
-          description: "Prompt-based financial assistant to predict savings and generate tax-saving strategies instantly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-business-analyst-looking-dashboard-with-company-research-results-laptop-screen-remote-corporate-worker-analyzing-diagrams-pie-charts-computer-home-office-evening_482257-48383.jpg",
-          imageAlt: "AI Assistant",
-        },
-        {
-          title: "Document Vault",
-          description: "AI-native extraction of amounts and dates from Form 16, insurance policies, and tax docs.",
-          imageSrc: "http://img.b2bpic.net/free-vector/digital-govenment-set_1284-70091.jpg",
-          imageAlt: "Secure Vault",
-        },
-      ]}
-      title="Built for Desktop Power"
-      description="Comprehensive tools designed to give you complete financial control."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { title: "Advanced Analytics", description: "Excel-like pivot tables and real-time expense heatmaps for deep-dive financial analysis.", imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg", imageAlt: "Analytics" },
+              { title: "AI Command Center", description: "Prompt-based financial assistant to predict savings and generate tax-saving strategies instantly.", imageSrc: "http://img.b2bpic.net/free-photo/female-business-analyst-looking-dashboard-with-company-research-results-laptop-screen-remote-corporate-worker-analyzing-diagrams-pie-charts-computer-home-office-evening_482257-48383.jpg", imageAlt: "AI Assistant" },
+              { title: "Document Vault", description: "AI-native extraction of amounts and dates from Form 16, insurance policies, and tax docs.", imageSrc: "http://img.b2bpic.net/free-vector/digital-govenment-set_1284-70091.jpg", imageAlt: "Secure Vault" },
+            ]}
+            title="Built for Desktop Power"
+            description="Comprehensive tools designed to give you complete financial control."
+          />
+        </div>
 
-  <div id="ai" data-section="ai">
-      <MetricCardOne
-      animationType="scale-rotate"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          title: "AI Prediction Accuracy",
-          description: "Highly refined models",
-          icon: Zap,
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "ArthBot Availability",
-          description: "Financial aid anytime",
-          icon: MessageSquare,
-        },
-        {
-          id: "m3",
-          value: "15ms",
-          title: "Query Latency",
-          description: "Lightning fast results",
-          icon: Star,
-        },
-      ]}
-      title="AI-Driven Insights"
-      description="Unlock proactive intelligence about your financial health."
-    />
-  </div>
+        <div id="ai" data-section="ai">
+          <MetricCardOne
+            animationType="scale-rotate"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "99.9%", title: "AI Prediction Accuracy", description: "Highly refined models", icon: Zap },
+              { id: "m2", value: "24/7", title: "ArthBot Availability", description: "Financial aid anytime", icon: MessageSquare },
+              { id: "m3", value: "15ms", title: "Query Latency", description: "Lightning fast results", icon: Star },
+            ]}
+            title="AI-Driven Insights"
+            description="Unlock proactive intelligence about your financial health."
+          />
+        </div>
 
-  <div id="invest" data-section="invest">
-      <ProductCardThree
-      textboxLayout="split"
-      gridVariant="one-large-right-three-stacked-left"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "SIP Tracker",
-          price: "Integrated",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-flowing-lines-particles_1048-12945.jpg",
-          imageAlt: "SIP",
-        },
-        {
-          id: "p2",
-          name: "Mutual Funds",
-          price: "Real-time",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-workspace-desktop-running-day-trading-stock-market-trends_482257-126997.jpg",
-          imageAlt: "Funds",
-        },
-        {
-          id: "p3",
-          name: "Equity Radar",
-          price: "Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/secured-file-folder-futuristic-data-network_23-2152001151.jpg",
-          imageAlt: "Equity",
-        },
-        {
-          id: "p4",
-          name: "Tax Planner",
-          price: "AI-Powered",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-hexagonal-grid-design_1048-11285.jpg",
-          imageAlt: "Tax",
-        },
-        {
-          id: "p5",
-          name: "Gold Tracker",
-          price: "Live",
-          imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
-          imageAlt: "Gold",
-        },
-        {
-          id: "p6",
-          name: "Insurance Vault",
-          price: "Included",
-          imageSrc: "http://img.b2bpic.net/free-vector/secure-folder-background-design_1223-128.jpg",
-          imageAlt: "Insurance",
-        },
-      ]}
-      title="Smart Investment Hub"
-      description="Track your portfolio with radar charts and automated forecasting."
-    />
-  </div>
+        <div id="invest" data-section="invest">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="one-large-right-three-stacked-left"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "SIP Tracker", price: "Integrated", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-flowing-lines-particles_1048-12945.jpg", imageAlt: "SIP" },
+              { id: "p2", name: "Mutual Funds", price: "Real-time", imageSrc: "http://img.b2bpic.net/free-photo/empty-workspace-desktop-running-day-trading-stock-market-trends_482257-126997.jpg", imageAlt: "Funds" },
+              { id: "p3", name: "Equity Radar", price: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/secured-file-folder-futuristic-data-network_23-2152001151.jpg", imageAlt: "Equity" },
+              { id: "p4", name: "Tax Planner", price: "AI-Powered", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-hexagonal-grid-design_1048-11285.jpg", imageAlt: "Tax" },
+              { id: "p5", name: "Gold Tracker", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg", imageAlt: "Gold" },
+              { id: "p6", name: "Insurance Vault", price: "Included", imageSrc: "http://img.b2bpic.net/free-vector/secure-folder-background-design_1223-128.jpg", imageAlt: "Insurance" },
+            ]}
+            title="Smart Investment Hub"
+            description="Track your portfolio with radar charts and automated forecasting."
+          />
+        </div>
 
-  <div id="family" data-section="family">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[
-        {
-          type: "text",
-          content: "Unified ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/blue-lock-icon-security-privacy_187299-46262.jpg",
-          alt: "Family",
-        },
-        {
-          type: "text",
-          content: " Family Finance",
-        },
-      ]}
-    />
-  </div>
+        <div id="family" data-section="family">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[
+              { type: "text", content: "Unified " },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/blue-lock-icon-security-privacy_187299-46262.jpg", alt: "Family" },
+              { type: "text", content: " Family Finance" },
+            ]}
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Microsoft",
-        "Google",
-        "AWS",
-        "Notion",
-        "Linear",
-        "TradingView",
-        "Stripe",
-      ]}
-      title="Trusted by Financial Ecosystems"
-      description="Integrating seamlessly with leading financial tools."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Microsoft", "Google", "AWS", "Notion", "Linear", "TradingView", "Stripe"]}
+            title="Trusted by Financial Ecosystems"
+            description="Integrating seamlessly with leading financial tools."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "free",
-          title: "Free",
-          price: "₹0",
-          period: "/mo",
-          features: [
-            "Basic Dashboard",
-            "ArthBot Limited",
-            "Email Support",
-          ],
-          button: {
-            text: "Get Started",
-          },
-          imageSrc: "http://img.b2bpic.net/free-vector/modern-geometric-monogram-logo-branding_125964-4542.jpg",
-          imageAlt: "tech company brand logo minimal",
-        },
-        {
-          id: "pro",
-          title: "Pro",
-          price: "₹199",
-          period: "/mo",
-          features: [
-            "Advanced Analytics",
-            "Tax Planner",
-            "Document Vault",
-          ],
-          button: {
-            text: "Upgrade",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg?_wi=2",
-          imageAlt: "tech company brand logo minimal",
-        },
-        {
-          id: "bus",
-          title: "Business",
-          price: "₹999",
-          period: "/mo",
-          features: [
-            "Multi-User",
-            "CRM Integration",
-            "Priority AI",
-          ],
-          button: {
-            text: "Contact Sales",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg?_wi=2",
-          imageAlt: "tech company brand logo minimal",
-        },
-      ]}
-      title="Flexible SaaS Plans"
-      description="Choose the workspace that fits your financial journey."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardNine
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            plans={[
+              { id: "free", title: "Free", price: "₹0", period: "/mo", features: ["Basic Dashboard", "ArthBot Limited", "Email Support"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-vector/modern-geometric-monogram-logo-branding_125964-4542.jpg", imageAlt: "tech company brand logo minimal" },
+              { id: "pro", title: "Pro", price: "₹199", period: "/mo", features: ["Advanced Analytics", "Tax Planner", "Document Vault"], button: { text: "Upgrade" }, imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg", imageAlt: "tech company brand logo minimal" },
+              { id: "bus", title: "Business", price: "₹999", period: "/mo", features: ["Multi-User", "CRM Integration", "Priority AI"], button: { text: "Contact Sales" }, imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg", imageAlt: "tech company brand logo minimal" },
+            ]}
+            title="Flexible SaaS Plans"
+            description="Choose the workspace that fits your financial journey."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is my data secure?",
-          content: "Yes, we use AES-256 encryption and bank-grade protocols.",
-        },
-        {
-          id: "q2",
-          title: "Can I use this on mobile?",
-          content: "ArthSaathi includes PWA support for mobile and desktop.",
-        },
-        {
-          id: "q3",
-          title: "Does it work for NRIs?",
-          content: "Yes, our tools are fully compatible for NRI investment management.",
-        },
-      ]}
-      title="Questions Answered"
-      description="Learn more about our AI-native platform."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Is my data secure?", content: "Yes, we use AES-256 encryption and bank-grade protocols." },
+              { id: "q2", title: "Can I use this on mobile?", content: "ArthSaathi includes PWA support for mobile and desktop." },
+              { id: "q3", title: "Does it work for NRIs?", content: "Yes, our tools are fully compatible for NRI investment management." },
+            ]}
+            title="Questions Answered"
+            description="Learn more about our AI-native platform."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      title="Ready to Command Your Money?"
-      description="Sign up for early access to the most advanced AI finance portal in India."
-      tag="Contact"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "rotated-rays-static" }}
+            title="Ready to Command Your Money?"
+            description="Sign up for early access to the most advanced AI finance portal in India."
+            tag="Contact"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Product",
-              href: "#",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Security",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Company",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="ArthSaathi"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Product", href: "#" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "#" }] },
+              { items: [{ label: "Company", href: "#" }, { label: "Blog", href: "#" }, { label: "Contact", href: "#contact" }] },
+            ]}
+            logoText="ArthSaathi"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1