Merge version_1 into main #2
181
src/app/page.tsx
181
src/app/page.tsx
@@ -32,55 +32,39 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Dashboard", id: "hero"},
|
||||
{
|
||||
name: "Investments",
|
||||
id: "about",
|
||||
},
|
||||
name: "Investments", id: "about"},
|
||||
{
|
||||
name: "Analytics",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Analytics", id: "metrics"},
|
||||
]}
|
||||
brandName="WealthTrack"
|
||||
button={{
|
||||
text: "Get Started", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Total Savings Goal Reached 🎉"
|
||||
description="Your current net worth is growing faster than ever. Updated just now."
|
||||
tag="£43,000"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904312.jpg?_wi=1",
|
||||
imageAlt: "finance dashboard dark mode green",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904312.jpg", imageAlt: "finance dashboard dark mode green"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg?_wi=1",
|
||||
imageAlt: "finance dashboard dark mode green",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg", imageAlt: "finance dashboard dark mode green"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
imageAlt: "finance dashboard dark mode green",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageAlt: "finance dashboard dark mode green"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904304.jpg?_wi=1",
|
||||
imageAlt: "finance dashboard dark mode green",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904304.jpg", imageAlt: "finance dashboard dark mode green"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-light-with-bokeh-effect_1208-131.jpg",
|
||||
imageAlt: "finance dashboard dark mode green",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-light-with-bokeh-effect_1208-131.jpg", imageAlt: "finance dashboard dark mode green"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904322.jpg",
|
||||
imageAlt: "finance dashboard dark mode green",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904322.jpg", imageAlt: "finance dashboard dark mode green"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,17 +77,11 @@ export default function LandingPage() {
|
||||
description="Tracking your financial journey through multiple asset classes, simplified."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Investments",
|
||||
description: "£18,200 total assets currently working for you.",
|
||||
},
|
||||
title: "Investments", description: "£18,200 total assets currently working for you."},
|
||||
{
|
||||
title: "Savings",
|
||||
description: "£16,400 ready for your next big adventure.",
|
||||
},
|
||||
title: "Savings", description: "£16,400 ready for your next big adventure."},
|
||||
{
|
||||
title: "Stocks",
|
||||
description: "£8,400 growth across diversified portfolios.",
|
||||
},
|
||||
title: "Stocks", description: "£8,400 growth across diversified portfolios."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-light-bokeh-depicting-upward-trending-graph-showing-growth-progress_191095-99604.jpg"
|
||||
@@ -118,17 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Market volatility risk",
|
||||
"Inflation adjustment needed",
|
||||
"Upcoming tax season",
|
||||
],
|
||||
"Market volatility risk", "Inflation adjustment needed", "Upcoming tax season"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Portfolio growth +12.4%",
|
||||
"Savings buffer secured",
|
||||
"Consistent monthly input",
|
||||
],
|
||||
"Portfolio growth +12.4%", "Savings buffer secured", "Consistent monthly input"],
|
||||
}}
|
||||
title="Financial Trends"
|
||||
description="Your performance compared to previous quarters."
|
||||
@@ -143,25 +115,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "+12.4%",
|
||||
title: "Monthly Growth",
|
||||
description: "Percentage increase in total value.",
|
||||
icon: TrendingUp,
|
||||
id: "1", value: "+12.4%", title: "Monthly Growth", description: "Percentage increase in total value.", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "£5k",
|
||||
title: "Avg Monthly Savings",
|
||||
description: "Personal contribution to savings.",
|
||||
icon: DollarSign,
|
||||
id: "2", value: "£5k", title: "Avg Monthly Savings", description: "Personal contribution to savings.", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "94%",
|
||||
title: "Goal Progress",
|
||||
description: "You are near your target.",
|
||||
icon: Target,
|
||||
id: "3", value: "94%", title: "Goal Progress", description: "You are near your target.", icon: Target,
|
||||
},
|
||||
]}
|
||||
title="Performance Stats"
|
||||
@@ -175,60 +135,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
date: "Jan 2024",
|
||||
title: "Goal Achiever",
|
||||
quote: "Finally hit my savings goal!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-businessman-posing-photography_1098-16749.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904312.jpg?_wi=2",
|
||||
imageAlt: "person portrait studio professional",
|
||||
},
|
||||
id: "1", name: "Alice M.", date: "Jan 2024", title: "Goal Achiever", quote: "Finally hit my savings goal!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-businessman-posing-photography_1098-16749.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904312.jpg", imageAlt: "person portrait studio professional"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob K.",
|
||||
date: "Feb 2024",
|
||||
title: "Smart Investor",
|
||||
quote: "Love the visual dashboard.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900183.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-drawn-with-chalk_23-2148456082.jpg",
|
||||
imageAlt: "person portrait studio professional",
|
||||
},
|
||||
id: "2", name: "Bob K.", date: "Feb 2024", title: "Smart Investor", quote: "Love the visual dashboard.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900183.jpg", imageSrc: "http://img.b2bpic.net/free-photo/arrow-drawn-with-chalk_23-2148456082.jpg", imageAlt: "person portrait studio professional"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie D.",
|
||||
date: "Mar 2024",
|
||||
title: "Finance Pro",
|
||||
quote: "Best tracker I've used.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4146.jpg",
|
||||
imageAlt: "person portrait studio professional",
|
||||
},
|
||||
id: "3", name: "Charlie D.", date: "Mar 2024", title: "Finance Pro", quote: "Best tracker I've used.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4146.jpg", imageAlt: "person portrait studio professional"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana P.",
|
||||
date: "Apr 2024",
|
||||
title: "Growth Mindset",
|
||||
quote: "So simple and effective.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg?_wi=2",
|
||||
imageAlt: "person portrait studio professional",
|
||||
},
|
||||
id: "4", name: "Diana P.", date: "Apr 2024", title: "Growth Mindset", quote: "So simple and effective.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg", imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg", imageAlt: "person portrait studio professional"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ethan W.",
|
||||
date: "May 2024",
|
||||
title: "Saver",
|
||||
quote: "Keeps me motivated daily.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904304.jpg?_wi=2",
|
||||
imageAlt: "person portrait studio professional",
|
||||
},
|
||||
id: "5", name: "Ethan W.", date: "May 2024", title: "Saver", quote: "Keeps me motivated daily.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904304.jpg", imageAlt: "person portrait studio professional"},
|
||||
]}
|
||||
title="Community Milestones"
|
||||
description="What our users are saying about their journey."
|
||||
@@ -240,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is this secure?",
|
||||
content: "Absolutely, your data is local.",
|
||||
},
|
||||
id: "1", title: "Is this secure?", content: "Absolutely, your data is local."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I export data?",
|
||||
content: "Yes, PDF/CSV export included.",
|
||||
},
|
||||
id: "2", title: "Can I export data?", content: "Yes, PDF/CSV export included."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Does it link to banks?",
|
||||
content: "Manual input for privacy.",
|
||||
},
|
||||
id: "3", title: "Does it link to banks?", content: "Manual input for privacy."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -264,14 +170,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to smash your next goal?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Set New Goal",
|
||||
href: "#",
|
||||
},
|
||||
text: "Set New Goal", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -282,29 +185,19 @@ export default function LandingPage() {
|
||||
logoText="WealthTrack"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user