Update src/app/page.tsx
This commit is contained in:
283
src/app/page.tsx
283
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."
|
||||
|
||||
Reference in New Issue
Block a user