Merge version_1 into main #3
391
src/app/page.tsx
391
src/app/page.tsx
@@ -28,35 +28,35 @@ import {
|
||||
} from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Traders", id: "/traders" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="TradeFlow"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "About", id: "#about" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
title="Connect with Elite Traders & Freelancers"
|
||||
@@ -75,39 +75,21 @@ export default function HomePage() {
|
||||
imagePosition="right"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marcus Chen",
|
||||
handle: "Portfolio Manager, 15+ years",
|
||||
testimonial:
|
||||
"TradeFlow transformed how I connect with clients. The platform's security and user base are unmatched.",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-successful-tr-1773132723235-a36fc938.png",
|
||||
},
|
||||
name: "Marcus Chen", handle: "Portfolio Manager, 15+ years", testimonial: "TradeFlow transformed how I connect with clients. The platform's security and user base are unmatched.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-successful-tr-1773132723235-a36fc938.png"},
|
||||
{
|
||||
name: "Sarah Johnson",
|
||||
handle: "Crypto Trader, Independent",
|
||||
testimonial:
|
||||
"Found my best trading partners here. The vetting process ensures quality every single time.",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-female-trader-1773132722802-f03f2c6e.png",
|
||||
},
|
||||
name: "Sarah Johnson", handle: "Crypto Trader, Independent", testimonial: "Found my best trading partners here. The vetting process ensures quality every single time.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-female-trader-1773132722802-f03f2c6e.png"},
|
||||
{
|
||||
name: "David Park",
|
||||
handle: "Investment Advisor",
|
||||
testimonial:
|
||||
"The most professional freelancing platform for financial services. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-satisfied-cli-1773132722784-9fd28eef.png",
|
||||
},
|
||||
name: "David Park", handle: "Investment Advisor", testimonial: "The most professional freelancing platform for financial services. Highly recommended.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-satisfied-cli-1773132722784-9fd28eef.png"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* About Section */}
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Story"
|
||||
@@ -119,7 +101,7 @@ export default function HomePage() {
|
||||
{ value: "50K+", title: "Verified Traders & Freelancers" },
|
||||
{ value: "$2.5B+", title: "Assets Under Management" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-diverse-group-of-professional-financia-1773132724412-1bd8ffe7.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-diverse-group-of-professional-financia-1773132724412-1bd8ffe7.png"
|
||||
imageAlt="Professional Trading Team"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -127,7 +109,6 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Services/Features Section */}
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
title="Our Services"
|
||||
@@ -137,74 +118,31 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Expert Trading Signals",
|
||||
description:
|
||||
"Real-time analysis and trading recommendations from market-proven professionals",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-sophisticated-analytics-dashboard-show-1773132724721-934f7fa5.png?_wi=1",
|
||||
imageAlt: "Trading Analytics",
|
||||
buttonIcon: TrendingUp,
|
||||
buttonHref: "#contact",
|
||||
},
|
||||
title: "Expert Trading Signals", description: "Real-time analysis and trading recommendations from market-proven professionals", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-sophisticated-analytics-dashboard-show-1773132724721-934f7fa5.png", imageAlt: "Trading Analytics", buttonIcon: TrendingUp,
|
||||
buttonHref: "#contact"},
|
||||
{
|
||||
title: "Portfolio Management",
|
||||
description:
|
||||
"Dedicated professionals managing your investments with transparent reporting",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/an-abstract-visualization-of-cybersecuri-1773132723546-9fc8b044.png?_wi=1",
|
||||
imageAlt: "Secure Portfolio",
|
||||
buttonIcon: Shield,
|
||||
buttonHref: "#contact",
|
||||
},
|
||||
title: "Portfolio Management", description: "Dedicated professionals managing your investments with transparent reporting", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/an-abstract-visualization-of-cybersecuri-1773132723546-9fc8b044.png", imageAlt: "Secure Portfolio", buttonIcon: Shield,
|
||||
buttonHref: "#contact"},
|
||||
{
|
||||
title: "Financial Consulting",
|
||||
description:
|
||||
"Personalized financial strategies from industry veterans with proven track records",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-vibrant-community-of-traders-and-freel-1773132725872-1104e6cb.png?_wi=1",
|
||||
imageAlt: "Community Network",
|
||||
buttonIcon: Users,
|
||||
buttonHref: "#contact",
|
||||
},
|
||||
title: "Financial Consulting", description: "Personalized financial strategies from industry veterans with proven track records", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-vibrant-community-of-traders-and-freel-1773132725872-1104e6cb.png", imageAlt: "Community Network", buttonIcon: Users,
|
||||
buttonHref: "#contact"},
|
||||
{
|
||||
title: "Algorithmic Trading",
|
||||
description:
|
||||
"Automated trading strategies built by expert quants and developers",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-sophisticated-analytics-dashboard-show-1773132724721-934f7fa5.png?_wi=2",
|
||||
imageAlt: "Algorithm Analysis",
|
||||
buttonIcon: Zap,
|
||||
buttonHref: "#contact",
|
||||
},
|
||||
title: "Algorithmic Trading", description: "Automated trading strategies built by expert quants and developers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-sophisticated-analytics-dashboard-show-1773132724721-934f7fa5.png", imageAlt: "Algorithm Analysis", buttonIcon: Zap,
|
||||
buttonHref: "#contact"},
|
||||
{
|
||||
title: "Market Research",
|
||||
description:
|
||||
"In-depth analysis and research reports on emerging opportunities and risks",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/an-abstract-visualization-of-cybersecuri-1773132723546-9fc8b044.png?_wi=2",
|
||||
imageAlt: "Market Research",
|
||||
buttonIcon: BarChart3,
|
||||
buttonHref: "#contact",
|
||||
},
|
||||
title: "Market Research", description: "In-depth analysis and research reports on emerging opportunities and risks", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/an-abstract-visualization-of-cybersecuri-1773132723546-9fc8b044.png", imageAlt: "Market Research", buttonIcon: BarChart3,
|
||||
buttonHref: "#contact"},
|
||||
{
|
||||
title: "Risk Management",
|
||||
description:
|
||||
"Advanced hedging strategies and risk mitigation from experienced professionals",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-vibrant-community-of-traders-and-freel-1773132725872-1104e6cb.png?_wi=2",
|
||||
imageAlt: "Risk Strategy",
|
||||
buttonIcon: AlertCircle,
|
||||
buttonHref: "#contact",
|
||||
},
|
||||
title: "Risk Management", description: "Advanced hedging strategies and risk mitigation from experienced professionals", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-vibrant-community-of-traders-and-freel-1773132725872-1104e6cb.png", imageAlt: "Risk Strategy", buttonIcon: AlertCircle,
|
||||
buttonHref: "#contact"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Explore All Services", href: "/services" }]}
|
||||
buttons={[{ text: "Explore All Services", href: "#services" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Pricing Section */}
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
title="Flexible Pricing for Every Professional"
|
||||
@@ -217,63 +155,24 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
title: "Starter",
|
||||
price: "$29",
|
||||
period: "/month",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-vibrant-community-of-traders-and-freel-1773132725872-1104e6cb.png?_wi=3",
|
||||
imageAlt: "Starter Plan",
|
||||
button: { text: "Get Started", href: "#contact" },
|
||||
id: "starter", title: "Starter", price: "$29", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-vibrant-community-of-traders-and-freel-1773132725872-1104e6cb.png", imageAlt: "Starter Plan", button: { text: "Get Started", href: "#contact" },
|
||||
features: [
|
||||
"Access to trader directory",
|
||||
"5 trader connections per month",
|
||||
"Basic portfolio tracking",
|
||||
"Email support",
|
||||
"Community forum access",
|
||||
],
|
||||
"Access to trader directory", "5 trader connections per month", "Basic portfolio tracking", "Email support", "Community forum access"],
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
title: "Professional",
|
||||
price: "$99",
|
||||
period: "/month",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-sophisticated-analytics-dashboard-show-1773132724721-934f7fa5.png?_wi=3",
|
||||
imageAlt: "Professional Plan",
|
||||
button: { text: "Choose Plan", href: "#contact" },
|
||||
id: "professional", title: "Professional", price: "$99", period: "/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-sophisticated-analytics-dashboard-show-1773132724721-934f7fa5.png", imageAlt: "Professional Plan", button: { text: "Choose Plan", href: "#contact" },
|
||||
features: [
|
||||
"Full trader directory access",
|
||||
"Unlimited trader connections",
|
||||
"Advanced analytics dashboard",
|
||||
"Priority email & chat support",
|
||||
"Personalized recommendations",
|
||||
"API access",
|
||||
],
|
||||
"Full trader directory access", "Unlimited trader connections", "Advanced analytics dashboard", "Priority email & chat support", "Personalized recommendations", "API access"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
title: "Enterprise",
|
||||
price: "Custom",
|
||||
period: "contact us",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/an-abstract-visualization-of-cybersecuri-1773132723546-9fc8b044.png?_wi=3",
|
||||
imageAlt: "Enterprise Plan",
|
||||
button: { text: "Contact Sales", href: "#contact" },
|
||||
id: "enterprise", title: "Enterprise", price: "Custom", period: "contact us", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/an-abstract-visualization-of-cybersecuri-1773132723546-9fc8b044.png", imageAlt: "Enterprise Plan", button: { text: "Contact Sales", href: "#contact" },
|
||||
features: [
|
||||
"White-label solutions",
|
||||
"Dedicated account manager",
|
||||
"Custom API integration",
|
||||
"Advanced reporting & analytics",
|
||||
"Priority phone support",
|
||||
"Institutional-grade security",
|
||||
],
|
||||
"White-label solutions", "Dedicated account manager", "Custom API integration", "Advanced reporting & analytics", "Priority phone support", "Institutional-grade security"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Trusted by Thousands of Professionals"
|
||||
@@ -285,94 +184,21 @@ export default function HomePage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Chen, Senior Portfolio Manager",
|
||||
date: "Date: 15 February 2025",
|
||||
tag: "Professional Trader",
|
||||
title: "Game Changer for Financial Freelancing",
|
||||
quote:
|
||||
"TradeFlow has been instrumental in growing my freelance trading business. The platform's security, combined with the quality of clients, makes it the obvious choice. I've increased my client base by 300% in just 18 months.",
|
||||
avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-successful-tr-1773132723235-a36fc938.png",
|
||||
avatarAlt: "Marcus Chen",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-sophisticated-analytics-dashboard-show-1773132724721-934f7fa5.png?_wi=4",
|
||||
},
|
||||
id: "1", name: "Marcus Chen, Senior Portfolio Manager", date: "Date: 15 February 2025", tag: "Professional Trader", title: "Game Changer for Financial Freelancing", quote: "TradeFlow has been instrumental in growing my freelance trading business. The platform's security, combined with the quality of clients, makes it the obvious choice. I've increased my client base by 300% in just 18 months.", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-successful-tr-1773132723235-a36fc938.png", avatarAlt: "Marcus Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-sophisticated-analytics-dashboard-show-1773132724721-934f7fa5.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya Kapoor, Crypto Trading Specialist",
|
||||
date: "Date: 08 February 2025",
|
||||
tag: "Independent Trader",
|
||||
title: "The Most Professional Platform Available",
|
||||
quote:
|
||||
"I've used multiple platforms, and TradeFlow stands out for professionalism and user experience. The vetting process for clients is rigorous, which means I work with serious investors only. Highly recommended for serious traders.",
|
||||
avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-successful-fr-1773132722918-f9493617.png",
|
||||
avatarAlt: "Priya Kapoor",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/an-abstract-visualization-of-cybersecuri-1773132723546-9fc8b044.png?_wi=4",
|
||||
},
|
||||
id: "2", name: "Priya Kapoor, Crypto Trading Specialist", date: "Date: 08 February 2025", tag: "Independent Trader", title: "The Most Professional Platform Available", quote: "I've used multiple platforms, and TradeFlow stands out for professionalism and user experience. The vetting process for clients is rigorous, which means I work with serious investors only. Highly recommended for serious traders.", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-successful-fr-1773132722918-f9493617.png", avatarAlt: "Priya Kapoor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/an-abstract-visualization-of-cybersecuri-1773132723546-9fc8b044.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Park, Investment Advisor",
|
||||
date: "Date: 01 February 2025",
|
||||
tag: "Financial Consultant",
|
||||
title: "Connected Me with Perfect Clients",
|
||||
quote:
|
||||
"The matching algorithm on TradeFlow is exceptional. I'm consistently connected with clients who align with my expertise and trading philosophy. Revenue has increased significantly since joining.",
|
||||
avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-satisfied-cli-1773132722784-9fd28eef.png",
|
||||
avatarAlt: "David Park",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-vibrant-community-of-traders-and-freel-1773132725872-1104e6cb.png?_wi=4",
|
||||
},
|
||||
id: "3", name: "David Park, Investment Advisor", date: "Date: 01 February 2025", tag: "Financial Consultant", title: "Connected Me with Perfect Clients", quote: "The matching algorithm on TradeFlow is exceptional. I'm consistently connected with clients who align with my expertise and trading philosophy. Revenue has increased significantly since joining.", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-satisfied-cli-1773132722784-9fd28eef.png", avatarAlt: "David Park", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-vibrant-community-of-traders-and-freel-1773132725872-1104e6cb.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rodriguez, Trading Instructor",
|
||||
date: "Date: 25 January 2025",
|
||||
tag: "Education & Training",
|
||||
title: "Exceptional Support and Community",
|
||||
quote:
|
||||
"Not only does TradeFlow connect me with students, but the community of traders here is invaluable. I've learned as much as I've taught. The platform truly values professional development.",
|
||||
avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-female-trader-1773132722802-f03f2c6e.png",
|
||||
avatarAlt: "Elena Rodriguez",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-sophisticated-analytics-dashboard-show-1773132724721-934f7fa5.png?_wi=5",
|
||||
},
|
||||
id: "4", name: "Elena Rodriguez, Trading Instructor", date: "Date: 25 January 2025", tag: "Education & Training", title: "Exceptional Support and Community", quote: "Not only does TradeFlow connect me with students, but the community of traders here is invaluable. I've learned as much as I've taught. The platform truly values professional development.", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-female-trader-1773132722802-f03f2c6e.png", avatarAlt: "Elena Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-sophisticated-analytics-dashboard-show-1773132724721-934f7fa5.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Mitchell, Hedge Fund Manager",
|
||||
date: "Date: 18 January 2025",
|
||||
tag: "Portfolio Management",
|
||||
title: "Enterprise-Grade Solutions",
|
||||
quote:
|
||||
"TradeFlow's enterprise solutions are exactly what we needed. The API integration was seamless, and the security infrastructure gives us complete confidence. A true institutional-grade platform.",
|
||||
avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-male-freelanc-1773132723626-57a17b8c.png",
|
||||
avatarAlt: "James Mitchell",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/an-abstract-visualization-of-cybersecuri-1773132723546-9fc8b044.png?_wi=5",
|
||||
},
|
||||
id: "5", name: "James Mitchell, Hedge Fund Manager", date: "Date: 18 January 2025", tag: "Portfolio Management", title: "Enterprise-Grade Solutions", quote: "TradeFlow's enterprise solutions are exactly what we needed. The API integration was seamless, and the security infrastructure gives us complete confidence. A true institutional-grade platform.", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-male-freelanc-1773132723626-57a17b8c.png", avatarAlt: "James Mitchell", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/an-abstract-visualization-of-cybersecuri-1773132723546-9fc8b044.png"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sarah Johnson, Retail Investor",
|
||||
date: "Date: 12 January 2025",
|
||||
tag: "Client",
|
||||
title: "Found the Perfect Trading Partner",
|
||||
quote:
|
||||
"I was skeptical about hiring a trader online, but TradeFlow's vetting process and escrow system gave me peace of mind. My trader has delivered consistent results for 12 months now. Worth every penny.",
|
||||
avatarSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-satisfied-cli-1773132722784-9fd28eef.png",
|
||||
avatarAlt: "Sarah Johnson",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-vibrant-community-of-traders-and-freel-1773132725872-1104e6cb.png?_wi=5",
|
||||
},
|
||||
id: "6", name: "Sarah Johnson, Retail Investor", date: "Date: 12 January 2025", tag: "Client", title: "Found the Perfect Trading Partner", quote: "I was skeptical about hiring a trader online, but TradeFlow's vetting process and escrow system gave me peace of mind. My trader has delivered consistent results for 12 months now. Worth every penny.", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/professional-headshot-of-a-satisfied-cli-1773132722784-9fd28eef.png", avatarAlt: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-vibrant-community-of-traders-and-freel-1773132725872-1104e6cb.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Metrics Section */}
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTen
|
||||
title="Why Choose TradeFlow"
|
||||
@@ -385,58 +211,27 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "50,000+",
|
||||
subtitle: "Verified Professionals · Trading & Freelancing",
|
||||
category: "Community",
|
||||
value: "$2.5B AUM",
|
||||
buttons: [{ text: "Join Community", href: "#contact" }],
|
||||
id: "1", title: "50,000+", subtitle: "Verified Professionals · Trading & Freelancing", category: "Community", value: "$2.5B AUM", buttons: [{ text: "Join Community", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "99.9%",
|
||||
subtitle: "Platform Uptime · 24/7 Availability",
|
||||
category: "Reliability",
|
||||
value: "Enterprise SLA",
|
||||
buttons: [{ text: "Learn More", href: "/about" }],
|
||||
id: "2", title: "99.9%", subtitle: "Platform Uptime · 24/7 Availability", category: "Reliability", value: "Enterprise SLA", buttons: [{ text: "Learn More", href: "#about" }],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "100%",
|
||||
subtitle: "Secured Transactions · Bank-Level Encryption",
|
||||
category: "Security",
|
||||
value: "ISO 27001",
|
||||
buttons: [{ text: "Security Info", href: "#contact" }],
|
||||
id: "3", title: "100%", subtitle: "Secured Transactions · Bank-Level Encryption", category: "Security", value: "ISO 27001", buttons: [{ text: "Security Info", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "4.9/5",
|
||||
subtitle: "Client Satisfaction Rating · 10,000+ reviews",
|
||||
category: "Quality",
|
||||
value: "Highly Rated",
|
||||
buttons: [{ text: "See Reviews", href: "#testimonials" }],
|
||||
id: "4", title: "4.9/5", subtitle: "Client Satisfaction Rating · 10,000+ reviews", category: "Quality", value: "Highly Rated", buttons: [{ text: "See Reviews", href: "#testimonials" }],
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "24/7",
|
||||
subtitle: "Customer Support · Multiple Channels",
|
||||
category: "Support",
|
||||
value: "<2hr Response",
|
||||
buttons: [{ text: "Contact Support", href: "#contact" }],
|
||||
id: "5", title: "24/7", subtitle: "Customer Support · Multiple Channels", category: "Support", value: "<2hr Response", buttons: [{ text: "Contact Support", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "15+",
|
||||
subtitle: "Years Average Experience · Our Traders",
|
||||
category: "Expertise",
|
||||
value: "Professional",
|
||||
buttons: [{ text: "Meet Traders", href: "/traders" }],
|
||||
id: "6", title: "15+", subtitle: "Years Average Experience · Our Traders", category: "Expertise", value: "Professional", buttons: [{ text: "Meet Traders", href: "#traders" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
@@ -449,58 +244,25 @@ export default function HomePage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does TradeFlow verify traders and freelancers?",
|
||||
content:
|
||||
"We employ a rigorous 5-step verification process including identity verification, credential authentication, track record analysis, and background checks. All traders must provide audited performance statements and client references. This ensures only qualified professionals are on our platform.",
|
||||
},
|
||||
id: "1", title: "How does TradeFlow verify traders and freelancers?", content: "We employ a rigorous 5-step verification process including identity verification, credential authentication, track record analysis, and background checks. All traders must provide audited performance statements and client references. This ensures only qualified professionals are on our platform."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What payment methods do you accept?",
|
||||
content:
|
||||
"TradeFlow accepts all major credit cards, bank transfers, cryptocurrency payments, and digital wallets. All payments are processed through our secure escrow system to protect both traders and clients. Funds are held securely until the agreed-upon service is completed.",
|
||||
},
|
||||
id: "2", title: "What payment methods do you accept?", content: "TradeFlow accepts all major credit cards, bank transfers, cryptocurrency payments, and digital wallets. All payments are processed through our secure escrow system to protect both traders and clients. Funds are held securely until the agreed-upon service is completed."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How is my money protected on TradeFlow?",
|
||||
content:
|
||||
"We maintain an industry-leading escrow system with bank-level encryption (SSL 256-bit). All funds are held in segregated accounts with leading financial institutions. We also carry $10M in cyber insurance and maintain SOC 2 Type II compliance for maximum security.",
|
||||
},
|
||||
id: "3", title: "How is my money protected on TradeFlow?", content: "We maintain an industry-leading escrow system with bank-level encryption (SSL 256-bit). All funds are held in segregated accounts with leading financial institutions. We also carry $10M in cyber insurance and maintain SOC 2 Type II compliance for maximum security."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I become a freelance trader on TradeFlow?",
|
||||
content:
|
||||
"Yes! We welcome experienced traders and financial professionals. Complete our application process, pass our verification checks, and create your professional profile. Once approved, you can start bidding on projects and accepting clients immediately.",
|
||||
},
|
||||
id: "4", title: "Can I become a freelance trader on TradeFlow?", content: "Yes! We welcome experienced traders and financial professionals. Complete our application process, pass our verification checks, and create your professional profile. Once approved, you can start bidding on projects and accepting clients immediately."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What types of trading services are available?",
|
||||
content:
|
||||
"Services include day trading, swing trading, long-term portfolio management, algorithmic trading setup, forex trading, cryptocurrency trading, options trading, and more. Each trader specializes in different markets and strategies. Browse profiles to find the perfect match for your needs.",
|
||||
},
|
||||
id: "5", title: "What types of trading services are available?", content: "Services include day trading, swing trading, long-term portfolio management, algorithmic trading setup, forex trading, cryptocurrency trading, options trading, and more. Each trader specializes in different markets and strategies. Browse profiles to find the perfect match for your needs."},
|
||||
{
|
||||
id: "6",
|
||||
title: "How do I choose the right trader for my needs?",
|
||||
content:
|
||||
"Use our advanced search filters to find traders by specialization, experience level, track record, and client reviews. Read detailed profiles, compare performance histories, and check client testimonials. Start with a trial period if available, then expand the relationship if satisfied.",
|
||||
},
|
||||
id: "6", title: "How do I choose the right trader for my needs?", content: "Use our advanced search filters to find traders by specialization, experience level, track record, and client reviews. Read detailed profiles, compare performance histories, and check client testimonials. Start with a trial period if available, then expand the relationship if satisfied."},
|
||||
{
|
||||
id: "7",
|
||||
title: "What are the fees for using TradeFlow?",
|
||||
content:
|
||||
"TradeFlow charges a commission of 15-25% on completed transactions (varies by service type and tier). Traders also have optional subscription plans for premium features. No hidden fees—all costs are transparently disclosed before engagement.",
|
||||
},
|
||||
id: "7", title: "What are the fees for using TradeFlow?", content: "TradeFlow charges a commission of 15-25% on completed transactions (varies by service type and tier). Traders also have optional subscription plans for premium features. No hidden fees—all costs are transparently disclosed before engagement."},
|
||||
{
|
||||
id: "8",
|
||||
title: "Is there a contract lock-in period?",
|
||||
content:
|
||||
"Most engagements are project-based without long-term lock-ins. For ongoing management services, typical terms range from monthly to quarterly agreements. You can discuss flexible arrangements directly with traders, and our platform supports various contract structures.",
|
||||
},
|
||||
id: "8", title: "Is there a contract lock-in period?", content: "Most engagements are project-based without long-term lock-ins. For ongoing management services, typical terms range from monthly to quarterly agreements. You can discuss flexible arrangements directly with traders, and our platform supports various contract structures."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get Started"
|
||||
@@ -510,7 +272,7 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-modern-abstract-composition-representi-1773132723644-aecb3c81.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkNUYzOrNigZgpa4AMqoW3Jba1/a-modern-abstract-composition-representi-1773132723644-aecb3c81.png"
|
||||
imageAlt="Join TradeFlow"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
@@ -520,22 +282,19 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{ label: "Find Traders", href: "/traders" },
|
||||
{ label: "Become a Trader", href: "/services" },
|
||||
title: "Platform", items: [
|
||||
{ label: "Find Traders", href: "#traders" },
|
||||
{ label: "Become a Trader", href: "#services" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Enterprise", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Trading Guides", href: "#" },
|
||||
{ label: "API Documentation", href: "#" },
|
||||
@@ -543,17 +302,15 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -567,4 +324,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user