Merge version_1 into main #2
334
src/app/page.tsx
334
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user