175 lines
8.4 KiB
TypeScript
175 lines
8.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Shield, TrendingUp, Users, Wallet } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Dashboard", id: "metrics" },
|
|
{ name: "Wallet", id: "wallet" },
|
|
{ name: "Plans", id: "plans" },
|
|
{ name: "Referral", id: "referral" },
|
|
]}
|
|
brandName="FinPay"
|
|
button={{ text: "Get Started", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="FinPay"
|
|
description="Secure, transparent, and automated digital earnings platform. Manage your crypto assets and grow your portfolio."
|
|
buttons={[{ text: "Get Started", href: "#contact" }]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg?_wi=1", imageAlt: "Dashboard Interface" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461348.jpg", imageAlt: "Secure Transaction" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/blurry-man-holding-smartphone-indoors_23-2149321588.jpg", imageAlt: "Wallet Growth" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/white-desk-with-glasses-phone-with-diagram-earphones_1163-2721.jpg", imageAlt: "Crypto Insights" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg", imageAlt: "Plan Management" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="About Us"
|
|
tagAnimation="slide-up"
|
|
title="Secure Financial Ecosystem"
|
|
tagIcon={Shield}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "1", value: "₹45,230", title: "Total Balance", description: "Current wallet holdings", icon: Wallet },
|
|
{ id: "2", value: "₹1,240", title: "Daily Earning", description: "Average daily yield", icon: TrendingUp },
|
|
{ id: "3", value: "12", title: "Active Referrals", description: "Users joined via link", icon: Users }
|
|
]}
|
|
title="Your Financial Overview"
|
|
description="Real-time tracking of your earnings and portfolio performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="wallet" data-section="wallet">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "w1", title: "Instant Deposit", subtitle: "Min ₹30 via Crypto", category: "Wallet", value: "Active" },
|
|
{ id: "w2", title: "Fast Withdrawal", subtitle: "Pending approval system", category: "Wallet", value: "Ready" },
|
|
{ id: "w3", title: "Transaction Logs", subtitle: "Detailed audit trail", category: "Wallet", value: "Secure" }
|
|
]}
|
|
title="Wallet Operations"
|
|
description="Seamless deposits and withdrawals with full transaction history visibility."
|
|
/>
|
|
</div>
|
|
|
|
<div id="plans" data-section="plans">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{ id: "starter", title: "Starter Plan", price: "₹500", period: "30 Days", features: ["1% daily yield", "Auto-credit daily", "24/7 Support"], button: { text: "Activate Plan" }, imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page-concept_23-2148534119.jpg", imageAlt: "digital security shield icon" },
|
|
{ id: "pro", title: "Pro Plan", price: "₹2,500", period: "60 Days", features: ["1.5% daily yield", "Auto-credit daily", "Priority Support"], button: { text: "Activate Plan" }, imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461319.jpg?_wi=2", imageAlt: "digital security shield icon" },
|
|
{ id: "enterprise", title: "Elite Plan", price: "₹10,000", period: "90 Days", features: ["2.5% daily yield", "Auto-credit daily", "Dedicated Manager"], button: { text: "Activate Plan" }, imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904315.jpg", imageAlt: "digital security shield icon" }
|
|
]}
|
|
title="Automated Special Plans"
|
|
description="Activate plans using your balance to start earning daily automated income."
|
|
/>
|
|
</div>
|
|
|
|
<div id="referral" data-section="referral">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="My earnings doubled within a month after using the referral program. Transparency and speed are unmatched."
|
|
rating={5}
|
|
author="Arjun Mehta"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904315.jpg", alt: "Investor A" },
|
|
{ src: "http://img.b2bpic.net/free-photo/bitcoin-coin-keyboard-with-nice-background-crypto-money-concept_169016-63477.jpg", alt: "Investor B" },
|
|
{ src: "http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893460.jpg", alt: "Investor C" },
|
|
{ src: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66676.jpg", alt: "Investor D" },
|
|
{ src: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg", alt: "Investor E" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="security" data-section="security">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "1", title: "Risk Disclaimer", content: "All investments carry risk. We do not provide financial advice or guaranteed returns." },
|
|
{ id: "2", title: "Privacy Policy", content: "Your data is encrypted and stored in secure Firebase collections." },
|
|
{ id: "3", title: "Terms of Service", content: "By using our platform, you agree to our terms regarding automated earnings and withdrawals." }
|
|
]}
|
|
sideTitle="Compliance & Policy"
|
|
sideDescription="Transparency is our priority. We are not a guaranteed income platform."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="Contact"
|
|
title="Need Help?"
|
|
description="Our support team is available 24/7 to assist with your wallet and plan queries."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Platform", items: [{ label: "Dashboard", href: "#metrics" }, { label: "Wallet", href: "#wallet" }]
|
|
},
|
|
{
|
|
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Compliance", href: "#security" }]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 FinPay Digital"
|
|
bottomRightText="Privacy Policy | Terms & Conditions"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |