Merge version_1 into main #1
407
src/app/page.tsx
407
src/app/page.tsx
@@ -29,300 +29,137 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Invest",
|
||||
id: "#plans",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="FinGrowth"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Dashboard", id: "#metrics" },
|
||||
{ name: "Invest", id: "#plans" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="FinGrowth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="FinGrowth Platform"
|
||||
description="Securely deposit, track your daily income, and watch your wealth grow with our professional investment tools. High-yield portfolios tailored for your future."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#plans",
|
||||
},
|
||||
{
|
||||
text: "View Dashboard",
|
||||
href: "#metrics",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904303.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="FinGrowth Platform"
|
||||
description="Securely deposit, track your daily income, and watch your wealth grow with our professional investment tools. High-yield portfolios tailored for your future."
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#plans" },
|
||||
{ text: "View Dashboard", href: "#metrics" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904303.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: TrendingUp,
|
||||
title: "Daily Earnings",
|
||||
value: "$45.20",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: ShieldCheck,
|
||||
title: "Total Balance",
|
||||
value: "$12,450.00",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Calendar,
|
||||
title: "Active Days",
|
||||
value: "184",
|
||||
},
|
||||
]}
|
||||
title="Real-time Growth"
|
||||
description="Monitor your portfolio performance with our advanced tracking tools."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: TrendingUp, title: "Daily Earnings", value: "$45.20" },
|
||||
{ id: "m2", icon: ShieldCheck, title: "Total Balance", value: "$12,450.00" },
|
||||
{ id: "m3", icon: Calendar, title: "Active Days", value: "184" },
|
||||
]}
|
||||
title="Real-time Growth"
|
||||
description="Monitor your portfolio performance with our advanced tracking tools."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="plans" data-section="plans">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Entry",
|
||||
price: "$100",
|
||||
subtitle: "Basic Growth",
|
||||
features: [
|
||||
"5% monthly ROI",
|
||||
"Standard support",
|
||||
"Manual withdrawal",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$1,000",
|
||||
subtitle: "Steady Wealth",
|
||||
features: [
|
||||
"12% monthly ROI",
|
||||
"Priority support",
|
||||
"Auto compounding",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "VIP",
|
||||
price: "$5,000",
|
||||
subtitle: "Max Returns",
|
||||
features: [
|
||||
"25% monthly ROI",
|
||||
"Dedicated manager",
|
||||
"Daily payouts",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Investment Portfolios"
|
||||
description="Choose a plan that fits your financial goals."
|
||||
/>
|
||||
</div>
|
||||
<div id="plans" data-section="plans">
|
||||
<PricingCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "p1", badge: "Entry", price: "$100", subtitle: "Basic Growth", features: ["5% monthly ROI", "Standard support", "Manual withdrawal"] },
|
||||
{ id: "p2", badge: "Pro", price: "$1,000", subtitle: "Steady Wealth", features: ["12% monthly ROI", "Priority support", "Auto compounding"] },
|
||||
{ id: "p3", badge: "VIP", price: "$5,000", subtitle: "Max Returns", features: ["25% monthly ROI", "Dedicated manager", "Daily payouts"] },
|
||||
]}
|
||||
title="Investment Portfolios"
|
||||
description="Choose a plan that fits your financial goals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Deposits",
|
||||
description: "Bank-grade encryption for all your capital transactions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480192.jpg",
|
||||
},
|
||||
{
|
||||
title: "Income Reports",
|
||||
description: "Get detailed daily, weekly, and monthly growth breakdowns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
},
|
||||
{
|
||||
title: "Premium Support",
|
||||
description: "Our experts are available around the clock to assist you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employees-doing-server-analysis_482257-103222.jpg",
|
||||
},
|
||||
]}
|
||||
title="Financial Excellence"
|
||||
description="Everything you need to manage your finances professionally."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Secure Deposits", description: "Bank-grade encryption for all your capital transactions.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-blockchain-technology_23-2151480192.jpg" },
|
||||
{ title: "Income Reports", description: "Get detailed daily, weekly, and monthly growth breakdowns.", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg" },
|
||||
{ title: "Premium Support", description: "Our experts are available around the clock to assist you.", imageSrc: "http://img.b2bpic.net/free-photo/employees-doing-server-analysis_482257-103222.jpg" },
|
||||
]}
|
||||
title="Financial Excellence"
|
||||
description="Everything you need to manage your finances professionally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Global Bank",
|
||||
"Secure Trade",
|
||||
"Fintech Solutions",
|
||||
"Crypto Prime",
|
||||
"Equity Partners",
|
||||
"Asset Management",
|
||||
"Wealth Guard",
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="We partner with top-tier financial institutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={["Global Bank", "Secure Trade", "Fintech Solutions", "Crypto Prime", "Equity Partners", "Asset Management", "Wealth Guard"]}
|
||||
title="Trusted by Leaders"
|
||||
description="We partner with top-tier financial institutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "The daily income tracking tool is revolutionary.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Investor",
|
||||
testimonial: "Reliable returns and transparent operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3781.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Thorne",
|
||||
role: "Finance Manager",
|
||||
testimonial: "Excellent interface for portfolio monitoring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-senior-man-using-digital-tablet_1262-1985.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Voss",
|
||||
role: "Tech Lead",
|
||||
testimonial: "Support is responsive and very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328340.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "John Doe",
|
||||
role: "Senior Architect",
|
||||
testimonial: "Consistent performance across all portfolios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg",
|
||||
},
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="What our users have to say about their journey."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Rivers", role: "Entrepreneur", testimonial: "The daily income tracking tool is revolutionary.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg" },
|
||||
{ id: "2", name: "Sarah Chen", role: "Investor", testimonial: "Reliable returns and transparent operations.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3781.jpg" },
|
||||
{ id: "3", name: "Marcus Thorne", role: "Finance Manager", testimonial: "Excellent interface for portfolio monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-senior-man-using-digital-tablet_1262-1985.jpg" },
|
||||
{ id: "4", name: "Elena Voss", role: "Tech Lead", testimonial: "Support is responsive and very professional.", imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328340.jpg" },
|
||||
{ id: "5", name: "John Doe", role: "Senior Architect", testimonial: "Consistent performance across all portfolios.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-young-man-blue-shirt-blackboard_176420-2943.jpg" },
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="What our users have to say about their journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I deposit?",
|
||||
content: "You can use our secure portal to add funds via bank transfer or crypto.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How often is income paid?",
|
||||
content: "Income is credited to your balance daily at 12:00 AM UTC.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I withdraw anytime?",
|
||||
content: "Yes, withdrawals are available 24/7 once you reach the minimum threshold.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Is my money safe?",
|
||||
content: "We use multi-layered encryption and cold storage for all assets.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Are there hidden fees?",
|
||||
content: "No, our fee structure is transparent and displayed upfront.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do I deposit?", content: "You can use our secure portal to add funds via bank transfer or crypto." },
|
||||
{ id: "f2", title: "How often is income paid?", content: "Income is credited to your balance daily at 12:00 AM UTC." },
|
||||
{ id: "f3", title: "Can I withdraw anytime?", content: "Yes, withdrawals are available 24/7 once you reach the minimum threshold." },
|
||||
{ id: "f4", title: "Is my money safe?", content: "We use multi-layered encryption and cold storage for all assets." },
|
||||
{ id: "f5", title: "Are there hidden fees?", content: "No, our fee structure is transparent and displayed upfront." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to grow your future? Reach out to our team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to grow your future? Reach out to our team today."
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg"
|
||||
logoText="FinGrowth"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg"
|
||||
logoText="FinGrowth"
|
||||
columns={[
|
||||
{ title: "Platform", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Help Center", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user