|
|
|
|
@@ -9,7 +9,7 @@ import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwen
|
|
|
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
|
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
|
import { ArrowRight, Zap, Lock, TrendingUp, Users, Award } from 'lucide-react';
|
|
|
|
|
import { ArrowRight, Zap, Lock, TrendingUp, Users, Award, Sparkles, Brain, BarChart3, Shield, Rocket, Target } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
|
|
|
|
contentWidth="smallMedium"
|
|
|
|
|
sizing="largeSmallSizeMediumTitles"
|
|
|
|
|
background="noiseDiagonalGradient"
|
|
|
|
|
cardStyle="inset"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="primary-glow"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
@@ -30,25 +30,27 @@ export default function LandingPage() {
|
|
|
|
|
brandName="FinanTech"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "How It Works", id: "how-it-works" },
|
|
|
|
|
{ name: "Features", id: "features" },
|
|
|
|
|
{ name: "Projects", id: "projects" }
|
|
|
|
|
{ name: "Problem", id: "problem" },
|
|
|
|
|
{ name: "Solution", id: "solution" },
|
|
|
|
|
{ name: "AI Intelligence", id: "ai-intelligence" },
|
|
|
|
|
{ name: "Dashboard", id: "dashboard" },
|
|
|
|
|
{ name: "Testimonials", id: "trust" }
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Get Started", href: "#"
|
|
|
|
|
text: "Get Started", href: "#contact"
|
|
|
|
|
}}
|
|
|
|
|
buttonClassName="bg-gradient-to-r from-[#7B2FF7] to-[#00C6FF] hover:shadow-lg hover:shadow-purple-500/50 transition-all duration-300"
|
|
|
|
|
className="fixed top-6 left-1/2 transform -translate-x-1/2 z-50 bg-white/5 backdrop-blur-xl border border-white/10 rounded-full shadow-lg"
|
|
|
|
|
buttonClassName="bg-gradient-to-r from-[#7B2FF7] via-[#00C6FF] to-[#7B2FF7] hover:shadow-lg hover:shadow-purple-500/50 transition-all duration-300 text-white font-semibold"
|
|
|
|
|
className="fixed top-6 left-1/2 transform -translate-x-1/2 z-50 bg-gradient-to-b from-white/10 to-white/5 backdrop-blur-2xl border border-white/20 rounded-full shadow-2xl"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroCarouselLogo
|
|
|
|
|
logoText="FinanTech"
|
|
|
|
|
description="A secure investment platform connecting private businesses with smart investors."
|
|
|
|
|
description="Premium AI-Powered Investment Intelligence Platform. Discover vetted opportunities, analyze market trends with advanced AI, and build your portfolio with confidence."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Get Started", href: "#" },
|
|
|
|
|
{ text: "Login", href: "#" }
|
|
|
|
|
{ text: "Explore Opportunities", href: "#projects" },
|
|
|
|
|
{ text: "Get Demo", href: "#contact" }
|
|
|
|
|
]}
|
|
|
|
|
slides={[
|
|
|
|
|
{
|
|
|
|
|
@@ -57,56 +59,110 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
autoplayDelay={5000}
|
|
|
|
|
showDimOverlay={true}
|
|
|
|
|
className="relative w-full min-h-screen bg-gradient-to-br from-[#0B0B0F] via-[#1a1a24] to-[#0B0B0F]"
|
|
|
|
|
containerClassName="relative w-full h-screen flex flex-col items-center justify-center"
|
|
|
|
|
className="relative w-full min-h-screen bg-gradient-to-br from-[#0B0B0F] via-[#1a1a2e] to-[#0B0B0F] overflow-hidden"
|
|
|
|
|
containerClassName="relative w-full h-screen flex flex-col items-center justify-center px-4"
|
|
|
|
|
contentContainerClassName="relative z-20 flex flex-col items-center justify-center gap-8"
|
|
|
|
|
logoClassName="text-white text-7xl font-bold tracking-tight drop-shadow-2xl"
|
|
|
|
|
descriptionClassName="text-[#B0B0B8] text-xl max-w-2xl text-center font-light"
|
|
|
|
|
buttonContainerClassName="flex gap-6 justify-center"
|
|
|
|
|
buttonClassName="px-8 py-4 rounded-full font-semibold transition-all duration-300"
|
|
|
|
|
logoClassName="text-transparent bg-gradient-to-r from-[#7B2FF7] via-[#00C6FF] to-[#7B2FF7] bg-clip-text text-6xl md:text-7xl font-bold tracking-tight drop-shadow-2xl animate-pulse"
|
|
|
|
|
descriptionClassName="text-[#B0B0B8] text-lg md:text-xl max-w-2xl text-center font-light"
|
|
|
|
|
buttonContainerClassName="flex gap-6 justify-center flex-wrap"
|
|
|
|
|
buttonClassName="px-8 py-4 rounded-full font-semibold transition-all duration-300 backdrop-blur-sm"
|
|
|
|
|
mediaWrapperClassName="absolute inset-0 overflow-hidden"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
|
|
|
<div id="problem" data-section="problem">
|
|
|
|
|
<MetricCardSeven
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "1", title: "Create Your Account", items: ["Sign up as investor or entrepreneur", "Verify your identity", "Complete your profile"]
|
|
|
|
|
id: "1", value: "Complex", title: "Information Overload", items: ["Scattered data sources", "Difficult due diligence", "Manual analysis required"]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", value: "2", title: "Browse Investment Opportunities", items: ["Explore vetted projects", "Review business plans", "Analyze financial metrics"]
|
|
|
|
|
id: "2", value: "High Risk", title: "Investment Risk", items: ["Unvetted opportunities", "Limited transparency", "Information asymmetry"]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", value: "3", title: "Make Smart Investments", items: ["Invest securely", "Track returns in real-time", "Manage your portfolio"]
|
|
|
|
|
id: "3", value: "Time Consuming", title: "Inefficient Process", items: ["Lengthy research cycle", "Delayed decisions", "Missed opportunities"]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="How It Works"
|
|
|
|
|
description="Get started with FinanTech in three simple steps"
|
|
|
|
|
tag="Process"
|
|
|
|
|
tagIcon={ArrowRight}
|
|
|
|
|
title="The Challenge in Modern Investing"
|
|
|
|
|
description="Investors face critical challenges in finding, analyzing, and executing investment decisions efficiently and safely."
|
|
|
|
|
tag="Problems We Solve"
|
|
|
|
|
tagIcon={Target}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<div id="solution" data-section="solution">
|
|
|
|
|
<FeatureCardTwentyFour
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Bank-Level Security", author: "Enterprise Security", description: "Your investments are protected with industry-leading encryption and compliance standards.", tags: ["Security", "Compliance"],
|
|
|
|
|
id: "1", title: "Intelligent Data Integration", author: "Unified Intelligence", description: "Our platform aggregates and normalizes investment data from multiple sources, providing a single source of truth for your investment decisions.", tags: ["Data", "Integration", "Real-time"],
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=1"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Real-Time Analytics", author: "Data Intelligence", description: "Monitor your portfolio performance with comprehensive dashboards and detailed insights.", tags: ["Analytics", "Reporting"],
|
|
|
|
|
id: "2", title: "Advanced Risk Analysis", author: "Enterprise Security", description: "Comprehensive risk assessment algorithms evaluate opportunities across multiple dimensions, protecting your capital with institutional-grade analysis.", tags: ["Security", "Risk", "Compliance"],
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=2"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Accelerated Decision Making", author: "Smart Insights", description: "AI-powered recommendations and predictive analytics enable faster, more confident investment decisions with comprehensive supporting data.", tags: ["AI", "Analytics", "Speed"],
|
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=2"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="Premium Features"
|
|
|
|
|
description="Everything you need for successful investing"
|
|
|
|
|
tag="Features"
|
|
|
|
|
tagIcon={Zap}
|
|
|
|
|
title="Our Solution"
|
|
|
|
|
description="FinanTech combines cutting-edge AI, comprehensive data integration, and institutional-grade security to transform investment decision-making."
|
|
|
|
|
tag="Smart Solutions"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="ai-intelligence" data-section="ai-intelligence">
|
|
|
|
|
<ProductCardFour
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Predictive Analytics Engine", price: "AI-Powered", variant: "Market Forecasting", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=3", imageAlt: "Predictive Analytics", isFavorited: false
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Portfolio Optimization", price: "AI-Driven", variant: "Risk Management", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=2", imageAlt: "Portfolio Optimization", isFavorited: false
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Sentiment Intelligence", price: "Real-Time", variant: "Market Analysis", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=4", imageAlt: "Sentiment Intelligence", isFavorited: false
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Opportunity Matching", price: "Intelligent", variant: "Deal Flow", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=3", imageAlt: "Opportunity Matching", isFavorited: false
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="AI-Powered Investment Intelligence"
|
|
|
|
|
description="Our advanced AI engines work 24/7 to analyze markets, predict trends, and identify optimal investment opportunities tailored to your portfolio."
|
|
|
|
|
tag="Powered by AI"
|
|
|
|
|
tagIcon={Brain}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="dashboard" data-section="dashboard">
|
|
|
|
|
<MetricCardSeven
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "Real-Time", title: "Portfolio Monitoring", items: ["Live performance tracking", "Custom alerts", "Risk metrics dashboard"]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", value: "Advanced", title: "Analytics Suite", items: ["Performance attribution", "Correlation analysis", "Stress testing"]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", value: "Comprehensive", title: "Reporting Tools", items: ["Custom reports", "Compliance ready", "Institutional-grade"]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="Dashboard & Analytics"
|
|
|
|
|
description="Comprehensive monitoring and reporting tools for institutional-grade investment management and performance tracking."
|
|
|
|
|
tag="Platform Features"
|
|
|
|
|
tagIcon={BarChart3}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -130,8 +186,8 @@ export default function LandingPage() {
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="Investment Opportunities"
|
|
|
|
|
description="Explore vetted projects ready for investment"
|
|
|
|
|
tag="Available Now"
|
|
|
|
|
description="Explore our curated portfolio of vetted investment opportunities across technology, sustainability, and fintech sectors."
|
|
|
|
|
tag="Vetted Projects"
|
|
|
|
|
tagIcon={TrendingUp}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
@@ -161,8 +217,8 @@ export default function LandingPage() {
|
|
|
|
|
{ value: "98%", label: "Success Rate" },
|
|
|
|
|
{ value: "15K+", label: "Active Users" }
|
|
|
|
|
]}
|
|
|
|
|
title="What Our Users Say"
|
|
|
|
|
description="Join thousands of satisfied investors and entrepreneurs"
|
|
|
|
|
title="Trusted by Industry Leaders"
|
|
|
|
|
description="Join thousands of satisfied investors and entrepreneurs building wealth on FinanTech."
|
|
|
|
|
tag="Testimonials"
|
|
|
|
|
tagIcon={Users}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -171,14 +227,14 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="cta" data-section="cta">
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<TextAbout
|
|
|
|
|
tag="Ready to Invest?"
|
|
|
|
|
tagIcon={Award}
|
|
|
|
|
title="Start Building Your Investment Portfolio Today"
|
|
|
|
|
tag="Ready to Transform Your Investing?"
|
|
|
|
|
tagIcon={Rocket}
|
|
|
|
|
title="Start Your Investment Journey With FinanTech Today"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Create Account", href: "#" },
|
|
|
|
|
{ text: "Schedule Demo", href: "#" }
|
|
|
|
|
{ text: "Get Started Free", href: "#" },
|
|
|
|
|
{ text: "Schedule Premium Demo", href: "#" }
|
|
|
|
|
]}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -193,7 +249,7 @@ export default function LandingPage() {
|
|
|
|
|
rightLink={{
|
|
|
|
|
text: "Terms of Service", href: "#"
|
|
|
|
|
}}
|
|
|
|
|
className="bg-gradient-to-t from-[#0B0B0F] to-transparent border-t border-white/5"
|
|
|
|
|
className="bg-gradient-to-t from-[#0B0B0F] via-[#1a1a24]/50 to-transparent border-t border-white/10"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|
