Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-22 23:45:33 +00:00

View File

@@ -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>
);