Update src/app/page.tsx
This commit is contained in:
287
src/app/page.tsx
287
src/app/page.tsx
@@ -30,18 +30,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Dashboard", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Plans", id: "pricing" },
|
||||
]}
|
||||
brandName="WealthFlow"
|
||||
/>
|
||||
@@ -49,80 +40,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background="aurora"
|
||||
background={{ variant: "aurora" }}
|
||||
title="Take Total Control of Your Finances"
|
||||
description="WealthFlow provides an all-in-one platform to track your expenses, manage your income, and forecast your future savings with high-precision analytics."
|
||||
kpis={[
|
||||
{
|
||||
value: "$124,500",
|
||||
label: "Total Balance",
|
||||
},
|
||||
{
|
||||
value: "$4,200",
|
||||
label: "Monthly Savings",
|
||||
},
|
||||
{
|
||||
value: "12.5%",
|
||||
label: "Investment ROI",
|
||||
},
|
||||
{ value: "$124,500", label: "Total Balance" },
|
||||
{ value: "$4,200", label: "Monthly Savings" },
|
||||
{ value: "12.5%", label: "Investment ROI" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "View Demo",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Get Started", href: "#features" },
|
||||
{ text: "View Demo", href: "#" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-holding-phone-with-blank-screen_482257-76252.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 10,000+ active users"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Banking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Sync",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Insights",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Budget Planning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Portfolio Growth",
|
||||
},
|
||||
{ type: "text", text: "Secure Banking" },
|
||||
{ type: "text", text: "Real-time Sync" },
|
||||
{ type: "text", text: "AI Insights" },
|
||||
{ type: "text", text: "Budget Planning" },
|
||||
{ type: "text", text: "Portfolio Growth" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,21 +79,9 @@ export default function LandingPage() {
|
||||
title="Powerful Money Management Tools"
|
||||
description="Comprehensive tools designed to simplify your financial life, from daily expense tracking to long-term wealth strategy planning."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Automated Tracking",
|
||||
content: "Sync your bank accounts securely to automatically categorize every transaction in real-time.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Budget Forecasting",
|
||||
content: "Use our predictive algorithms to plan your monthly budget and avoid overspending before it happens.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Asset Allocation",
|
||||
content: "Visualize your portfolio diversification and rebalance assets with a single click across all accounts.",
|
||||
},
|
||||
{ id: "1", title: "Automated Tracking", content: "Sync your bank accounts securely to automatically categorize every transaction in real-time." },
|
||||
{ id: "2", title: "Budget Forecasting", content: "Use our predictive algorithms to plan your monthly budget and avoid overspending before it happens." },
|
||||
{ id: "3", title: "Asset Allocation", content: "Visualize your portfolio diversification and rebalance assets with a single click across all accounts." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/banking-app-interface-style_23-2148589532.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -160,24 +94,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: TrendingUp,
|
||||
title: "Growth Rate",
|
||||
value: "18%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: DollarSign,
|
||||
title: "Avg Monthly Spend",
|
||||
value: "$2,100",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Wallet,
|
||||
title: "Net Savings",
|
||||
value: "$45,000",
|
||||
},
|
||||
{ id: "m1", icon: TrendingUp, title: "Growth Rate", value: "18%" },
|
||||
{ id: "m2", icon: DollarSign, title: "Avg Monthly Spend", value: "$2,100" },
|
||||
{ id: "m3", icon: Wallet, title: "Net Savings", value: "$45,000" },
|
||||
]}
|
||||
title="Insights That Matter"
|
||||
description="Quantifiable data to help you make smarter financial decisions every day."
|
||||
@@ -191,52 +110,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essentials",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
description: "Basic tracking for individuals just starting out.",
|
||||
button: {
|
||||
text: "Start Free",
|
||||
},
|
||||
featuresTitle: "Included Features",
|
||||
features: [
|
||||
"Bank Sync",
|
||||
"Manual Budgeting",
|
||||
"Expense History",
|
||||
],
|
||||
id: "basic", tag: "Essentials", price: "$0", period: "/mo", description: "Basic tracking for individuals just starting out.", button: { text: "Start Free" },
|
||||
featuresTitle: "Included Features", features: ["Bank Sync", "Manual Budgeting", "Expense History"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Financial Pro",
|
||||
price: "$19",
|
||||
period: "/mo",
|
||||
description: "Professional tools for serious investors and savers.",
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
},
|
||||
featuresTitle: "Includes Basic Plus:",
|
||||
features: [
|
||||
"AI Forecasting",
|
||||
"Investment Portfolio",
|
||||
"Custom Reports",
|
||||
],
|
||||
id: "pro", tag: "Financial Pro", price: "$19", period: "/mo", description: "Professional tools for serious investors and savers.", button: { text: "Go Pro" },
|
||||
featuresTitle: "Includes Basic Plus:", features: ["AI Forecasting", "Investment Portfolio", "Custom Reports"],
|
||||
},
|
||||
{
|
||||
id: "family",
|
||||
tag: "Household",
|
||||
price: "$39",
|
||||
period: "/mo",
|
||||
description: "Full household financial visibility for the entire family.",
|
||||
button: {
|
||||
text: "Invite Family",
|
||||
},
|
||||
featuresTitle: "Includes Pro Plus:",
|
||||
features: [
|
||||
"Shared Access",
|
||||
"Joint Account Sync",
|
||||
"Tax Optimization",
|
||||
],
|
||||
id: "family", tag: "Household", price: "$39", period: "/mo", description: "Full household financial visibility for the entire family.", button: { text: "Invite Family" },
|
||||
featuresTitle: "Includes Pro Plus:", features: ["Shared Access", "Joint Account Sync", "Tax Optimization"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing Plans"
|
||||
@@ -250,45 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Life Changing",
|
||||
quote: "WealthFlow helped me save my first $10k in just 6 months. Absolute game changer.",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Software Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
},
|
||||
id: "t1", title: "Life Changing", quote: "WealthFlow helped me save my first $10k in just 6 months. Absolute game changer.", name: "Elena Rodriguez", role: "Software Architect", imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Very Intuitive",
|
||||
quote: "The cleanest dashboard I've used. I can see my exact liquidity status in seconds.",
|
||||
name: "Marcus Chen",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg",
|
||||
},
|
||||
id: "t2", title: "Very Intuitive", quote: "The cleanest dashboard I've used. I can see my exact liquidity status in seconds.", name: "Marcus Chen", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-charming-smile-feeling-happy-free-after-graduating-university-relaxing-cafe-waiting-food-making-plans-future-ginger-woman-having-rest-indoors_273609-481.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Perfect Automation",
|
||||
quote: "Finally, an app that actually understands my spending habits and predicts my future needs.",
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
|
||||
},
|
||||
id: "t3", title: "Perfect Automation", quote: "Finally, an app that actually understands my spending habits and predicts my future needs.", name: "Sarah Miller", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Game Changer",
|
||||
quote: "Automated reporting has saved me hours of manual spreadsheet work every single month.",
|
||||
name: "David Thompson",
|
||||
role: "Accountant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg",
|
||||
},
|
||||
id: "t4", title: "Game Changer", quote: "Automated reporting has saved me hours of manual spreadsheet work every single month.", name: "David Thompson", role: "Accountant", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Must Have App",
|
||||
quote: "The best financial app on the market, period. Highly recommended to everyone I know.",
|
||||
name: "Julia Patterson",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
|
||||
},
|
||||
id: "t5", title: "Must Have App", quote: "The best financial app on the market, period. Highly recommended to everyone I know.", name: "Julia Patterson", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg"},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Join our community of users who have mastered their financial independence."
|
||||
@@ -300,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my banking data secure?",
|
||||
content: "Yes, we use bank-grade 256-bit encryption to ensure your financial credentials remain completely confidential.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I export my data?",
|
||||
content: "Absolutely. You can export all your financial transactions to CSV or PDF format at any time.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is there a free trial?",
|
||||
content: "Yes, our basic plan is free forever, and we offer a 14-day free trial on all premium features.",
|
||||
},
|
||||
{ id: "f1", title: "Is my banking data secure?", content: "Yes, we use bank-grade 256-bit encryption to ensure your financial credentials remain completely confidential." },
|
||||
{ id: "f2", title: "Can I export my data?", content: "Absolutely. You can export all your financial transactions to CSV or PDF format at any time." },
|
||||
{ id: "f3", title: "Is there a free trial?", content: "Yes, our basic plan is free forever, and we offer a 14-day free trial on all premium features." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your data security or how to get started? We have answers."
|
||||
@@ -326,53 +167,9 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147842742.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Security", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 WealthFlow Finance Inc."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user