From 3b0e75947ca5384e033d3e966e538c3299394f46 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 13:34:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 334 ++++++++---------------------------------------
 1 file changed, 52 insertions(+), 282 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ea36c2b..971e3d2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Vision",
-          id: "#vision",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Architecture",
-          id: "#tech",
-        },
-        {
-          name: "Timeline",
-          id: "#timeline",
-        },
+        { name: "Vision", id: "#vision" },
+        { name: "Features", id: "#features" },
+        { name: "Architecture", id: "#tech" },
+        { name: "Timeline", id: "#timeline" },
       ]}
       brandName="ClearPath"
     />
@@ -56,61 +44,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="ClearPath: Your AI Money Autopilot"
       description="An AI-driven financial companion that tracks, predicts, and corrects your spending in real-time. Built specifically for the Indian UPI ecosystem to change behavior with near-zero effort."
-      buttons={[
-        {
-          text: "Explore Vision",
-          href: "#vision",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600205.jpg?_wi=1"
+      buttons={[{ text: "Explore Vision", href: "#vision" }]}
+      imageSrc="http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600205.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/banking-app-interface-screens_23-2148594382.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148588802.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148596064.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148594640.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/3d-cryptocurrency-rendering-design_23-2149074559.jpg",
-          alt: "User 5",
-        },
+        { src: "http://img.b2bpic.net/free-vector/banking-app-interface-screens_23-2148594382.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148588802.jpg", alt: "User 2" },
+        { src: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148596064.jpg", alt: "User 3" },
+        { src: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148594640.jpg", alt: "User 4" },
+        { src: "http://img.b2bpic.net/free-photo/3d-cryptocurrency-rendering-design_23-2149074559.jpg", alt: "User 5" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Smart Budgeting",
-        },
-        {
-          type: "text",
-          text: "Real-time Alerts",
-        },
-        {
-          type: "text",
-          text: "UPI Integration",
-        },
-        {
-          type: "text",
-          text: "AI Insights",
-        },
-        {
-          type: "text",
-          text: "Future-Ready Finance",
-        },
+        { type: "text", text: "Smart Budgeting" },
+        { type: "text", text: "Real-time Alerts" },
+        { type: "text", text: "UPI Integration" },
+        { type: "text", text: "AI Insights" },
+        { type: "text", text: "Future-Ready Finance" },
       ]}
     />
   </div>
@@ -120,9 +71,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Product Vision"
       description={[
-        "Our mission is to end the cycle of 'feeling broke' for 18–30 year-olds in India.",
-        "We provide an AI system that transforms financial behavior by predicting leaks and suggesting real-time corrections instead of static reporting.",
-      ]}
+        "Our mission is to end the cycle of 'feeling broke' for 18–30 year-olds in India.",        "We provide an AI system that transforms financial behavior by predicting leaks and suggesting real-time corrections instead of static reporting."]}
     />
   </div>
 
@@ -133,28 +82,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          bentoComponent: "reveal-icon",
-          icon: Zap,
-          title: "Auto Tracking Engine",
-          description: "Parsing SMS and emails with 90%+ accuracy to track every UPI transaction automatically.",
-          imageSrc: "http://img.b2bpic.net/free-vector/hosting-services-flowchart_1284-19423.jpg",
-          imageAlt: "technical architecture diagram dark",
+          bentoComponent: "reveal-icon",          icon: Zap,
+          title: "Auto Tracking Engine",          description: "Parsing SMS and emails with 90%+ accuracy to track every UPI transaction automatically."
         },
         {
-          bentoComponent: "reveal-icon",
-          icon: Star,
-          title: "AI Categorization",
-          description: "Auto-learns your spending behavior from platforms like Swiggy and Uber.",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600205.jpg?_wi=2",
-          imageAlt: "technical architecture diagram dark",
+          bentoComponent: "reveal-icon",          icon: Star,
+          title: "AI Categorization",          description: "Auto-learns your spending behavior from platforms like Swiggy and Uber."
         },
         {
-          bentoComponent: "reveal-icon",
-          icon: Bell,
-          title: "Real-time Nudges",
-          description: "Behavioral guardrails that prevent overspending before the transaction even happens.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884863.jpg?_wi=1",
-          imageAlt: "technical architecture diagram dark",
+          bentoComponent: "reveal-icon",          icon: Bell,
+          title: "Real-time Nudges",          description: "Behavioral guardrails that prevent overspending before the transaction even happens."
         },
       ]}
       title="MVP Feature Set"
@@ -168,24 +105,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Database,
-          title: "Database",
-          value: "PostgreSQL",
-        },
-        {
-          id: "m2",
-          icon: Code,
-          title: "Frontend",
-          value: "Flutter",
-        },
-        {
-          id: "m3",
-          icon: Star,
-          title: "AI Layer",
-          value: "Python ML",
-        },
+        { id: "m1", icon: Database, title: "Database", value: "PostgreSQL" },
+        { id: "m2", icon: Code, title: "Frontend", value: "Flutter" },
+        { id: "m3", icon: Star, title: "AI Layer", value: "Python ML" },
       ]}
       title="Tech Architecture"
       description="Robust stack optimized for speed and data security in a complex Indian fintech environment."
@@ -194,56 +116,21 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardThree
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={true}
       plans={[
         {
-          id: "p1",
-          badge: "Phase 1",
-          price: "₹0",
-          name: "Growth Mode",
-          features: [
-            "Full Tracking",
-            "Dashboard",
-            "Basic Categorization",
-          ],
-          buttons: [
-            {
-              text: "Start Free",
-            },
-          ],
+          id: "p1",          badge: "Phase 1",          price: "₹0",          name: "Growth Mode",          features: ["Full Tracking", "Dashboard", "Basic Categorization"],
+          buttons: [{ text: "Start Free" }],
         },
         {
-          id: "p2",
-          badge: "Phase 2",
-          price: "₹299/mo",
-          name: "AI Pro",
-          features: [
-            "Forecasting",
-            "Financial Planning",
-            "Advanced Insights",
-          ],
-          buttons: [
-            {
-              text: "Upgrade",
-            },
-          ],
+          id: "p2",          badge: "Phase 2",          price: "₹299/mo",          name: "AI Pro",          features: ["Forecasting", "Financial Planning", "Advanced Insights"],
+          buttons: [{ text: "Upgrade" }],
         },
         {
-          id: "p3",
-          badge: "Phase 3",
-          price: "Commission",
-          name: "Partnership",
-          features: [
-            "Credit Card Matching",
-            "Loan Offers",
-            "Investment Advice",
-          ],
-          buttons: [
-            {
-              text: "Contact Us",
-            },
-          ],
+          id: "p3",          badge: "Phase 3",          price: "Commission",          name: "Partnership",          features: ["Credit Card Matching", "Loan Offers", "Investment Advice"],
+          buttons: [{ text: "Contact Us" }],
         },
       ]}
       title="Monetization Roadmap"
@@ -257,46 +144,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Growth Hook",
-          handle: "@Strategy",
-          testimonial: "Pain-driven content on Instagram Reels: 'Why you're always broke'.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004288.jpg",
-          imageAlt: "3d rendering of laptop",
-        },
-        {
-          id: "t2",
-          name: "Shareable Insights",
-          handle: "@Virality",
-          testimonial: "Shareable habit cards for social proof and user-led acquisition.",
-          imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600205.jpg?_wi=3",
-          imageAlt: "3d rendering of laptop",
-        },
-        {
-          id: "t3",
-          name: "Frictionless Onboarding",
-          handle: "@UX",
-          testimonial: "Under 60 seconds from install to first meaningful financial data.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884863.jpg?_wi=2",
-          imageAlt: "3d rendering of laptop",
-        },
-        {
-          id: "t4",
-          name: "Emotional Impact",
-          handle: "@Retention",
-          testimonial: "Converting abstract data into actionable, life-changing financial stories.",
-          imageSrc: "http://img.b2bpic.net/free-photo/advanced-technological-robot-interacting-with-money-finance_23-2151612652.jpg",
-          imageAlt: "3d rendering of laptop",
-        },
-        {
-          id: "t5",
-          name: "Value Delivery",
-          handle: "@Product",
-          testimonial: "First insight delivered in 1 minute to hook users immediately.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mobile-settings-closeup_116348-6.jpg",
-          imageAlt: "3d rendering of laptop",
-        },
+        { id: "t1", name: "Growth Hook", handle: "@Strategy", testimonial: "Pain-driven content on Instagram Reels: 'Why you're always broke'.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004288.jpg" },
+        { id: "t2", name: "Shareable Insights", handle: "@Virality", testimonial: "Shareable habit cards for social proof and user-led acquisition.", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148600205.jpg" },
+        { id: "t3", name: "Frictionless Onboarding", handle: "@UX", testimonial: "Under 60 seconds from install to first meaningful financial data.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884863.jpg" },
+        { id: "t4", name: "Emotional Impact", handle: "@Retention", testimonial: "Converting abstract data into actionable, life-changing financial stories.", imageSrc: "http://img.b2bpic.net/free-photo/advanced-technological-robot-interacting-with-money-finance_23-2151612652.jpg" },
+        { id: "t5", name: "Value Delivery", handle: "@Product", testimonial: "First insight delivered in 1 minute to hook users immediately.", imageSrc: "http://img.b2bpic.net/free-photo/mobile-settings-closeup_116348-6.jpg" },
       ]}
       title="Winning Strategy"
       description="How we plan to distribute and capture market share through virality and emotion."
@@ -308,26 +160,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Privacy Concerns",
-          content: "Reading SMS requires extreme trust. We maintain absolute transparency and prioritize data security.",
-        },
-        {
-          id: "f2",
-          title: "Accuracy Issues",
-          content: "Maintaining 90%+ categorization accuracy is non-negotiable from day one to ensure user retention.",
-        },
-        {
-          id: "f3",
-          title: "Notification Fatigue",
-          content: "Quality of nudges over quantity. Every alert must provide genuine utility.",
-        },
-        {
-          id: "f4",
-          title: "Retention Cliff",
-          content: "Iterative product updates focus heavily on the first 14-day retention cycle.",
-        },
+        { id: "f1", title: "Privacy Concerns", content: "Reading SMS requires extreme trust. We maintain absolute transparency and prioritize data security." },
+        { id: "f2", title: "Accuracy Issues", content: "Maintaining 90%+ categorization accuracy is non-negotiable from day one to ensure user retention." },
+        { id: "f3", title: "Notification Fatigue", content: "Quality of nudges over quantity. Every alert must provide genuine utility." },
+        { id: "f4", title: "Retention Cliff", content: "Iterative product updates focus heavily on the first 14-day retention cycle." },
       ]}
       title="Risk Mitigation"
       description="We address the critical hurdles in the Indian fintech landscape head-on."
@@ -343,46 +179,10 @@ export default function LandingPage() {
       title="MVP Roadmap"
       description="An aggressive 8-week launch schedule to dominate the initial MVP phase."
       blogs={[
-        {
-          id: "b1",
-          category: "Week 1-2",
-          title: "Foundation",
-          excerpt: "SMS parsing engine development and core UI foundation setup.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-with-chalk-showing-plan-b_1134-302.jpg",
-          authorName: "Studio",
-          authorAvatar: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884863.jpg",
-          date: "Phase 1",
-        },
-        {
-          id: "b2",
-          category: "Week 3-4",
-          title: "Engine",
-          excerpt: "Categorization engine setup and dashboard data visualization.",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-education-infographics_52683-47122.jpg",
-          authorName: "Studio",
-          authorAvatar: "http://img.b2bpic.net/free-photo/advanced-technological-robot-interacting-with-money-finance_23-2151612652.jpg",
-          date: "Phase 2",
-        },
-        {
-          id: "b3",
-          category: "Week 5-6",
-          title: "Nudges",
-          excerpt: "AI Insights generation and behavioral nudge engine.",
-          imageSrc: "http://img.b2bpic.net/free-vector/isometric-roadmap-infographic-template_23-2149024272.jpg",
-          authorName: "Studio",
-          authorAvatar: "http://img.b2bpic.net/free-photo/mobile-settings-closeup_116348-6.jpg",
-          date: "Phase 3",
-        },
-        {
-          id: "b4",
-          category: "Week 7-8",
-          title: "Launch",
-          excerpt: "Final integration, beta testing, and product launch.",
-          imageSrc: "http://img.b2bpic.net/free-photo/action-process-directions-performance-verification-icon_53876-132264.jpg",
-          authorName: "Studio",
-          authorAvatar: "http://img.b2bpic.net/free-photo/credit-cards-that-are-stacked-neatly-together_1150-16361.jpg",
-          date: "Phase 4",
-        },
+        { id: "b1", category: "Week 1-2", title: "Foundation", excerpt: "SMS parsing engine development and core UI foundation setup.", imageSrc: "http://img.b2bpic.net/free-photo/hand-with-chalk-showing-plan-b_1134-302.jpg", authorName: "Studio", authorAvatar: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884863.jpg", date: "Phase 1" },
+        { id: "b2", category: "Week 3-4", title: "Engine", excerpt: "Categorization engine setup and dashboard data visualization.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-education-infographics_52683-47122.jpg", authorName: "Studio", authorAvatar: "http://img.b2bpic.net/free-photo/advanced-technological-robot-interacting-with-money-finance_23-2151612652.jpg", date: "Phase 2" },
+        { id: "b3", category: "Week 5-6", title: "Nudges", excerpt: "AI Insights generation and behavioral nudge engine.", imageSrc: "http://img.b2bpic.net/free-vector/isometric-roadmap-infographic-template_23-2149024272.jpg", authorName: "Studio", authorAvatar: "http://img.b2bpic.net/free-photo/mobile-settings-closeup_116348-6.jpg", date: "Phase 3" },
+        { id: "b4", category: "Week 7-8", title: "Launch", excerpt: "Final integration, beta testing, and product launch.", imageSrc: "http://img.b2bpic.net/free-photo/action-process-directions-performance-verification-icon_53876-132264.jpg", authorName: "Studio", authorAvatar: "http://img.b2bpic.net/free-photo/credit-cards-that-are-stacked-neatly-together_1150-16361.jpg", date: "Phase 4" },
       ]}
     />
   </div>
@@ -390,49 +190,19 @@ export default function LandingPage() {
   <div id="cta" data-section="cta">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Ready to launch?"
       title="Build the Future of Finance"
       description="Join our journey in shaping ClearPath."
-      buttons={[
-        {
-          text: "Contact Patronux Studio",
-        },
-      ]}
+      buttons={[{ text: "Contact Patronux Studio" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "Vision",
-              href: "#vision",
-            },
-            {
-              label: "Timeline",
-              href: "#timeline",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "Vision", href: "#vision" }, { label: "Timeline", href: "#timeline" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       bottomLeftText="Confidential · Patronux Studio"
       bottomRightText="© 2024 ClearPath"
@@ -441,4 +211,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1