Merge version_1 into main #1
368
src/app/page.tsx
368
src/app/page.tsx
@@ -32,142 +32,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Tools",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Tools", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="TradeFlow"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Precision Trading for Private Investors"
|
||||
description="Unlock data-driven insights and professional-grade execution tools designed for the private trader."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-working-with-his-feet-table-office-background_482257-32834.jpg",
|
||||
imageAlt: "Trading Desk 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/day-trader-home-office-purchasing-stocks-performing-well-pc-screen_482257-125541.jpg",
|
||||
imageAlt: "Trading Desk 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14782.jpg",
|
||||
imageAlt: "Trading Desk 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-investor-working-computer-with-real-time-stock-charts-following-trade-market-sales-trend-financial-analyst-using-forex-exchange-statistics-plan-data-analysis-index-profit-close-up_482257-42062.jpg",
|
||||
imageAlt: "Trading Desk 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-focused-trading-session_482257-121306.jpg",
|
||||
imageAlt: "Trading Desk 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workplace-equipped-with-modern-tech-tools-serve-enterprise_482257-125151.jpg",
|
||||
imageAlt: "Trading Desk 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/manager-working-with-his-feet-table-office-background_482257-32834.jpg", imageAlt: "Trading Desk 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/day-trader-home-office-purchasing-stocks-performing-well-pc-screen_482257-125541.jpg", imageAlt: "Trading Desk 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14782.jpg", imageAlt: "Trading Desk 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-investor-working-computer-with-real-time-stock-charts-following-trade-market-sales-trend-financial-analyst-using-forex-exchange-statistics-plan-data-analysis-index-profit-close-up_482257-42062.jpg", imageAlt: "Trading Desk 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/employee-focused-trading-session_482257-121306.jpg", imageAlt: "Trading Desk 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workplace-equipped-with-modern-tech-tools-serve-enterprise_482257-125151.jpg", imageAlt: "Trading Desk 6" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-manager-ceo-sharing-insight-about-new-development-strategy_482257-88122.jpg",
|
||||
imageAlt: "Dashboard 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-interior-forex-market-exchange-company-office-with-financial-data-growth-charts-multiple-displays-workspace-equipped-with-workstation-having-finance-statistics-real-time-graph_482257-44513.jpg",
|
||||
imageAlt: "Dashboard 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-copy-space-screen-running-laptop-fintech-annual-reports_482257-126520.jpg",
|
||||
imageAlt: "Dashboard 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-apartment-with-spacious-home-office-wooden-furniture_482257-126432.jpg",
|
||||
imageAlt: "Dashboard 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-files-desk-notebook-showing-forex-trading-indexes-prices_482257-84924.jpg",
|
||||
imageAlt: "Dashboard 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-business-office-shows-stock-exchange-values-changing_482257-84627.jpg",
|
||||
imageAlt: "Dashboard 6",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pc-monitor-displaying-financial-reports_482257-76219.jpg",
|
||||
alt: "Client A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-laptop-running-data-insights-empty-dark-office-late-night_482257-130090.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-enterprise-workstation-inside-multinational-company-control-room_482257-88605.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-businessman-sitting-by-table-cafe-analyzing-indicators-laptop-computer-while-talking-by-smartphone_171337-5600.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-workspace-desktop-running-day-trading-stock-market-trends_482257-126997.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ traders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/stock-exchange-data-investment-workplace-concept_53876-23183.jpg",
|
||||
alt: "Market Data 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg",
|
||||
alt: "Market Data 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-modern-office-used-as-financial-insurance-agency-headquarters_482257-106441.jpg",
|
||||
alt: "Market Data 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/modern-trading-setup-with-monitor-running-forex-trends-going-up_482257-126331.jpg",
|
||||
alt: "Market Data 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/tablet-showing-financial-data-with-coffee_23-2152020633.jpg",
|
||||
alt: "Market Data 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/general-manager-ceo-sharing-insight-about-new-development-strategy_482257-88122.jpg", imageAlt: "Dashboard 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-interior-forex-market-exchange-company-office-with-financial-data-growth-charts-multiple-displays-workspace-equipped-with-workstation-having-finance-statistics-real-time-graph_482257-44513.jpg", imageAlt: "Dashboard 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/isolated-copy-space-screen-running-laptop-fintech-annual-reports_482257-126520.jpg", imageAlt: "Dashboard 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-apartment-with-spacious-home-office-wooden-furniture_482257-126432.jpg", imageAlt: "Dashboard 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-files-desk-notebook-showing-forex-trading-indexes-prices_482257-84924.jpg", imageAlt: "Dashboard 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-business-office-shows-stock-exchange-values-changing_482257-84627.jpg", imageAlt: "Dashboard 6" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -177,18 +73,9 @@ export default function LandingPage() {
|
||||
title="Empowering Your Financial Growth"
|
||||
description="We specialize in providing high-performance tools and analytics tailored to individual traders who require professional edge."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Precision Rate",
|
||||
},
|
||||
{
|
||||
value: "5K+",
|
||||
title: "Trades Executed",
|
||||
},
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "98%", title: "Precision Rate" },
|
||||
{ value: "5K+", title: "Trades Executed" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-772.jpg"
|
||||
imageAlt="About TradeFlow"
|
||||
@@ -203,21 +90,9 @@ export default function LandingPage() {
|
||||
title="Advanced Market Tools"
|
||||
description="Comprehensive feature set designed to optimize every trade."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Real-time Analytics",
|
||||
content: "Instant market feedback with predictive modeling algorithms.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Risk Management",
|
||||
content: "Built-in drawdown protection and automated stop-loss execution.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Historical Backtesting",
|
||||
content: "Validate your strategies against 20 years of tick data.",
|
||||
},
|
||||
{ id: "1", title: "Real-time Analytics", content: "Instant market feedback with predictive modeling algorithms." },
|
||||
{ id: "2", title: "Risk Management", content: "Built-in drawdown protection and automated stop-loss execution." },
|
||||
{ id: "3", title: "Historical Backtesting", content: "Validate your strategies against 20 years of tick data." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-comparing-paper-charts-with-his-mobile_1150-175.jpg"
|
||||
imageAlt="Features"
|
||||
@@ -232,54 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Market Scout",
|
||||
price: "$199/mo",
|
||||
variant: "Subscription",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fintech-business-elements_24908-56733.jpg",
|
||||
imageAlt: "Product 1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dashboard Pro",
|
||||
price: "$499/mo",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reading-stock-market-data_1098-19821.jpg",
|
||||
imageAlt: "Product 2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Growth Tracker",
|
||||
price: "$299/mo",
|
||||
variant: "Tool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side-with-white-background_187299-39798.jpg",
|
||||
imageAlt: "Product 3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Asset Secure",
|
||||
price: "$149/mo",
|
||||
variant: "Tool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/save-icon-front-side-with-white-background_187299-39945.jpg",
|
||||
imageAlt: "Product 4",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mobile Suite",
|
||||
price: "$99/mo",
|
||||
variant: "Utility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg",
|
||||
imageAlt: "Product 5",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Data Analyst",
|
||||
price: "$399/mo",
|
||||
variant: "Professional",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b17bgr",
|
||||
imageAlt: "Product 6",
|
||||
},
|
||||
{ id: "p1", name: "Market Scout", price: "$199/mo", variant: "Subscription", imageSrc: "http://img.b2bpic.net/free-vector/fintech-business-elements_24908-56733.jpg", imageAlt: "Product 1" },
|
||||
{ id: "p2", name: "Dashboard Pro", price: "$499/mo", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/reading-stock-market-data_1098-19821.jpg", imageAlt: "Product 2" },
|
||||
{ id: "p3", name: "Growth Tracker", price: "$299/mo", variant: "Tool", imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side-with-white-background_187299-39798.jpg", imageAlt: "Product 3" },
|
||||
{ id: "p4", name: "Asset Secure", price: "$149/mo", variant: "Tool", imageSrc: "http://img.b2bpic.net/free-photo/save-icon-front-side-with-white-background_187299-39945.jpg", imageAlt: "Product 4" },
|
||||
{ id: "p5", name: "Mobile Suite", price: "$99/mo", variant: "Utility", imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg", imageAlt: "Product 5" },
|
||||
{ id: "p6", name: "Data Analyst", price: "$399/mo", variant: "Professional", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b17bgr", imageAlt: "Product 6" },
|
||||
]}
|
||||
title="Our Trading Tools"
|
||||
description="Premium software solutions for serious traders."
|
||||
@@ -292,24 +125,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Latency",
|
||||
value: "<5ms",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Uptime",
|
||||
value: "99.9%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: TrendingUp,
|
||||
title: "Average Yield",
|
||||
value: "12.4%",
|
||||
},
|
||||
{ id: "m1", icon: Zap, title: "Latency", value: "<5ms" },
|
||||
{ id: "m2", icon: Shield, title: "Uptime", value: "99.9%" },
|
||||
{ id: "m3", icon: TrendingUp, title: "Average Yield", value: "12.4%" },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Our systems consistently outperform the market."
|
||||
@@ -321,54 +139,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Life Changing",
|
||||
quote: "TradeFlow transformed my trading approach significantly.",
|
||||
name: "John Doe",
|
||||
role: "Private Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Highly Professional",
|
||||
quote: "The analytical tools are unparalleled in the private market.",
|
||||
name: "Sarah Smith",
|
||||
role: "Investor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Stable Growth",
|
||||
quote: "Consistently reliable results with TradeFlow tools.",
|
||||
name: "Michael Brown",
|
||||
role: "Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Top Tier",
|
||||
quote: "Better than most enterprise software I have used.",
|
||||
name: "Emily Davis",
|
||||
role: "Analyst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-caucasian-executive-sitting-desk-office-smiling-camera_1098-17608.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Game Changer",
|
||||
quote: "Simple interface, high performance results.",
|
||||
name: "Robert Wilson",
|
||||
role: "Private Trader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
},
|
||||
{
|
||||
id: "t6",
|
||||
title: "Fast Execution",
|
||||
quote: "Speed and reliability are excellent.",
|
||||
name: "Alice Johnson",
|
||||
role: "Investor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-company-manager-visiting-employees-factory-plant-talking-one-workers_637285-4156.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Life Changing", quote: "TradeFlow transformed my trading approach significantly.", name: "John Doe", role: "Private Trader", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
|
||||
{ id: "t2", title: "Highly Professional", quote: "The analytical tools are unparalleled in the private market.", name: "Sarah Smith", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
|
||||
{ id: "t3", title: "Stable Growth", quote: "Consistently reliable results with TradeFlow tools.", name: "Michael Brown", role: "Trader", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
|
||||
{ id: "t4", title: "Top Tier", quote: "Better than most enterprise software I have used.", name: "Emily Davis", role: "Analyst", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-senior-caucasian-executive-sitting-desk-office-smiling-camera_1098-17608.jpg" },
|
||||
{ id: "t5", title: "Game Changer", quote: "Simple interface, high performance results.", name: "Robert Wilson", role: "Private Trader", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg" },
|
||||
{ id: "t6", title: "Fast Execution", quote: "Speed and reliability are excellent.", name: "Alice Johnson", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/senior-company-manager-visiting-employees-factory-plant-talking-one-workers_637285-4156.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Trusted by individual investors and traders globally."
|
||||
@@ -380,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my data secure?",
|
||||
content: "Yes, we use enterprise-grade encryption for all user data.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I test it first?",
|
||||
content: "Yes, we offer a 14-day free trial on all plans.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it mobile friendly?",
|
||||
content: "Our platforms are fully responsive and cross-platform compatible.",
|
||||
},
|
||||
{ id: "f1", title: "Is my data secure?", content: "Yes, we use enterprise-grade encryption for all user data." },
|
||||
{ id: "f2", title: "Can I test it first?", content: "Yes, we offer a 14-day free trial on all plans." },
|
||||
{ id: "f3", title: "Is it mobile friendly?", content: "Our platforms are fully responsive and cross-platform compatible." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your common inquiries."
|
||||
@@ -405,54 +169,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to take your trading to the next level? Get in touch with our team today to get started."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Tools",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Tools", href: "#products" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
{ items: [{ label: "Contact Us", href: "#contact" }] },
|
||||
]}
|
||||
logoText="TradeFlow"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user