Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-10 08:16:58 +00:00

View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Metrics",
id: "#metrics",
},
name: "Metrics", id: "#metrics"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x50wss"
logoAlt="Trade Xeler Logo"
@@ -74,86 +58,55 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Unleash Your Trading Potential with Trade Xeler"
description="Experience a new era of trading with our intuitive platform, real-time insights, and advanced analytical tools designed for every investor."
kpis={[
{
value: "1.2M+",
label: "Daily Trades",
},
value: "1.2M+", label: "Daily Trades"},
{
value: "250K+",
label: "Active Users",
},
value: "250K+", label: "Active Users"},
{
value: "99.9%",
label: "Uptime Guarantee",
},
value: "99.9%", label: "Uptime Guarantee"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Start Trading Now",
href: "#contact",
},
text: "Start Trading Now", href: "#contact"},
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/isolated-copy-space-screen-running-laptop-fintech-annual-reports_482257-126520.jpg"
imageAlt="futuristic trading dashboard ui"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
alt: "Portrait of a smiling blonde businesswoman formal dressed.",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", alt: "Portrait of a smiling blonde businesswoman formal dressed."},
{
src: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
alt: "Employee working with trendy clothes",
},
src: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg", alt: "Employee working with trendy clothes"},
{
src: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
alt: "Smile woman talking at phone and looking at camera",
},
src: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg", alt: "Smile woman talking at phone and looking at camera"},
{
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
alt: "Young Businesswoman Portrait in Office",
},
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Young Businesswoman Portrait in Office"},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-with-bottle-water-walking-city_637285-3404.jpg",
alt: "Young businessman with bottle of water walking in the city",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-with-bottle-water-walking-city_637285-3404.jpg", alt: "Young businessman with bottle of water walking in the city"},
]}
avatarText="Join 250K+ Satisfied Traders"
marqueeItems={[
{
type: "text-icon",
text: "AI-Powered Analytics",
icon: Code,
type: "text-icon", text: "AI-Powered Analytics", icon: Code,
},
{
type: "text-icon",
text: "Global Market Access",
icon: Globe,
type: "text-icon", text: "Global Market Access", icon: Globe,
},
{
type: "text-icon",
text: "24/7 Support",
icon: Headphones,
type: "text-icon", text: "24/7 Support", icon: Headphones,
},
{
type: "text-icon",
text: "Risk Management",
icon: AlertCircle,
type: "text-icon", text: "Risk Management", icon: AlertCircle,
},
{
type: "text-icon",
text: "Portfolio Diversification",
icon: Grid,
type: "text-icon", text: "Portfolio Diversification", icon: Grid,
},
]}
/>
@@ -166,19 +119,13 @@ export default function LandingPage() {
metrics={[
{
icon: Lightbulb,
label: "Innovation",
value: "Cutting-edge tech",
},
label: "Innovation", value: "Cutting-edge tech"},
{
icon: ShieldCheck,
label: "Security",
value: "Bank-grade encryption",
},
label: "Security", value: "Bank-grade encryption"},
{
icon: TrendingUp,
label: "Performance",
value: "Real-time execution",
},
label: "Performance", value: "Real-time execution"},
]}
metricsAnimation="slide-up"
/>
@@ -192,29 +139,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Advanced Charting Tools",
description: "Utilize highly customizable charts with over 100 indicators to identify market trends and opportunities.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",
imageAlt: "holographic trading interface hand",
},
title: "Advanced Charting Tools", description: "Utilize highly customizable charts with over 100 indicators to identify market trends and opportunities.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg", imageAlt: "holographic trading interface hand"},
{
title: "Real-time Market Data",
description: "Access lightning-fast, real-time data feeds directly from major exchanges to never miss a beat.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-entrepreneur-reading-global-news-online-his-tablet-pc_1098-19021.jpg",
imageAlt: "multiple monitors financial news",
},
title: "Real-time Market Data", description: "Access lightning-fast, real-time data feeds directly from major exchanges to never miss a beat.", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-entrepreneur-reading-global-news-online-his-tablet-pc_1098-19021.jpg", imageAlt: "multiple monitors financial news"},
{
title: "Secure & Fast Transactions",
description: "Our robust infrastructure ensures your trades are executed swiftly and securely, protected by top-tier encryption.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg",
imageAlt: "secure data network abstract blue",
},
title: "Secure & Fast Transactions", description: "Our robust infrastructure ensures your trades are executed swiftly and securely, protected by top-tier encryption.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg", imageAlt: "secure data network abstract blue"},
{
title: "Customizable Interface",
description: "Tailor your trading environment to your preferences with flexible layouts, widgets, and themes.",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-advisor-reviewing-legal-balance-desk-green-screen_482257-121489.jpg",
imageAlt: "minimalist trading workstation laptop",
},
title: "Customizable Interface", description: "Tailor your trading environment to your preferences with flexible layouts, widgets, and themes.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-advisor-reviewing-legal-balance-desk-green-screen_482257-121489.jpg", imageAlt: "minimalist trading workstation laptop"},
]}
title="Powerful Features for Smart Trading"
description="Our platform provides a comprehensive suite of tools to give you an edge in dynamic markets."
@@ -223,25 +154,17 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "99.99%",
description: "System Uptime",
},
id: "m1", value: "99.99%", description: "System Uptime"},
{
id: "m2",
value: "<50ms",
description: "Average Execution Speed",
},
id: "m2", value: "<50ms", description: "Average Execution Speed"},
{
id: "m3",
value: "AES-256",
description: "Encryption Standard",
},
id: "m3", value: "AES-256", description: "Encryption Standard"},
]}
title="Achieve Your Financial Goals"
description="Track key performance indicators and see the tangible impact of our platform on your trading success."
@@ -255,63 +178,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
badgeIcon: Sparkles,
price: "$29/mo",
name: "Basic Trader",
buttons: [
id: "basic", badge: "Starter", badgeIcon: Sparkles,
price: "$29/mo", name: "Basic Trader", buttons: [
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
],
features: [
"Real-time Data",
"Basic Charting",
"100 Trades/month",
"Email Support",
],
"Real-time Data", "Basic Charting", "100 Trades/month", "Email Support"],
},
{
id: "pro",
badge: "Popular",
badgeIcon: Star,
price: "$79/mo",
name: "Pro Trader",
buttons: [
id: "pro", badge: "Popular", badgeIcon: Star,
price: "$79/mo", name: "Pro Trader", buttons: [
{
text: "Choose Pro",
href: "#contact",
},
text: "Choose Pro", href: "#contact"},
],
features: [
"All Basic Features",
"Advanced Charting",
"Unlimited Trades",
"Priority Support",
"API Access",
],
"All Basic Features", "Advanced Charting", "Unlimited Trades", "Priority Support", "API Access"],
},
{
id: "enterprise",
badge: "Custom",
badgeIcon: Award,
price: "Custom",
name: "Enterprise",
buttons: [
id: "enterprise", badge: "Custom", badgeIcon: Award,
price: "Custom", name: "Enterprise", buttons: [
{
text: "Contact Sales",
href: "#contact",
},
text: "Contact Sales", href: "#contact"},
],
features: [
"All Pro Features",
"Dedicated Account Manager",
"Custom Integrations",
"White-label Solutions",
"Advanced Analytics",
],
"All Pro Features", "Dedicated Account Manager", "Custom Integrations", "White-label Solutions", "Advanced Analytics"],
},
]}
title="Flexible Plans for Every Trader"
@@ -325,50 +216,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "A Game-Changer for My Trading Strategy",
quote: "Trade Xeler has completely transformed my approach to the market. The real-time data and intuitive tools give me an undeniable edge. Highly recommended for serious traders!",
name: "Sarah J.",
role: "Independent Trader",
imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
imageAlt: "female trader smiling headshot",
},
id: "1", title: "A Game-Changer for My Trading Strategy", quote: "Trade Xeler has completely transformed my approach to the market. The real-time data and intuitive tools give me an undeniable edge. Highly recommended for serious traders!", name: "Sarah J.", role: "Independent Trader", imageSrc: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", imageAlt: "female trader smiling headshot"},
{
id: "2",
title: "Unparalleled Speed and Reliability",
quote: "The execution speed on Trade Xeler is unmatched. I can confidently place trades knowing they'll go through instantly, even during volatile periods. A truly reliable platform.",
name: "Michael R.",
role: "Hedge Fund Manager",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg",
imageAlt: "male investor confident headshot",
},
id: "2", title: "Unparalleled Speed and Reliability", quote: "The execution speed on Trade Xeler is unmatched. I can confidently place trades knowing they'll go through instantly, even during volatile periods. A truly reliable platform.", name: "Michael R.", role: "Hedge Fund Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg", imageAlt: "male investor confident headshot"},
{
id: "3",
title: "Best Analytics Suite I've Used",
quote: "As an analyst, deep insights are crucial. Trade Xeler's comprehensive analytics tools provide exactly what I need to make informed decisions and optimize my portfolio.",
name: "Emily C.",
role: "Financial Analyst",
imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg",
imageAlt: "female analyst thoughtful portrait",
},
id: "3", title: "Best Analytics Suite I've Used", quote: "As an analyst, deep insights are crucial. Trade Xeler's comprehensive analytics tools provide exactly what I need to make informed decisions and optimize my portfolio.", name: "Emily C.", role: "Financial Analyst", imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg", imageAlt: "female analyst thoughtful portrait"},
{
id: "4",
title: "User-Friendly and Powerful",
quote: "I'm impressed by how easy it is to navigate, yet how powerful the features are. Trade Xeler strikes the perfect balance for both new and experienced traders. Fantastic product!",
name: "David K.",
role: "Startup Investor",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-genius-man-dressed-casually-studio-shot-pleased-green-wall_140725-152827.jpg",
imageAlt: "male entrepreneur dynamic headshot",
},
id: "4", title: "User-Friendly and Powerful", quote: "I'm impressed by how easy it is to navigate, yet how powerful the features are. Trade Xeler strikes the perfect balance for both new and experienced traders. Fantastic product!", name: "David K.", role: "Startup Investor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-genius-man-dressed-casually-studio-shot-pleased-green-wall_140725-152827.jpg", imageAlt: "male entrepreneur dynamic headshot"},
{
id: "5",
title: "Exceptional Support and Features",
quote: "From setting up my account to executing complex strategies, the support team and platform features have been exceptional. Trade Xeler truly puts its users first.",
name: "Jessica L.",
role: "Portfolio Manager",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",
imageAlt: "female portfolio manager poised",
},
id: "5", title: "Exceptional Support and Features", quote: "From setting up my account to executing complex strategies, the support team and platform features have been exceptional. Trade Xeler truly puts its users first.", name: "Jessica L.", role: "Portfolio Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg", imageAlt: "female portfolio manager poised"},
]}
title="Hear From Our Successful Traders"
description="Real stories from real people who transformed their trading journey with Trade Xeler."
@@ -381,35 +237,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What assets can I trade on Trade Xeler?",
content: "Trade Xeler supports a wide range of assets including stocks, cryptocurrencies, forex, commodities, and indices. We are continuously expanding our offerings.",
},
id: "faq1", title: "What assets can I trade on Trade Xeler?", content: "Trade Xeler supports a wide range of assets including stocks, cryptocurrencies, forex, commodities, and indices. We are continuously expanding our offerings."},
{
id: "faq2",
title: "Is Trade Xeler suitable for beginners?",
content: "Yes, our platform is designed to be intuitive for beginners while offering advanced tools for experienced traders. We also provide educational resources and demo accounts.",
},
id: "faq2", title: "Is Trade Xeler suitable for beginners?", content: "Yes, our platform is designed to be intuitive for beginners while offering advanced tools for experienced traders. We also provide educational resources and demo accounts."},
{
id: "faq3",
title: "How does Trade Xeler ensure security?",
content: "We employ bank-grade AES-256 encryption, multi-factor authentication, and adhere to strict regulatory compliance to protect your assets and data.",
},
id: "faq3", title: "How does Trade Xeler ensure security?", content: "We employ bank-grade AES-256 encryption, multi-factor authentication, and adhere to strict regulatory compliance to protect your assets and data."},
{
id: "faq4",
title: "What are the fees associated with trading?",
content: "Our fee structure is transparent and competitive, varying based on your chosen plan and asset class. Details are available on our pricing page.",
},
id: "faq4", title: "What are the fees associated with trading?", content: "Our fee structure is transparent and competitive, varying based on your chosen plan and asset class. Details are available on our pricing page."},
{
id: "faq5",
title: "Can I integrate Trade Xeler with other platforms? ",
content: "Yes, our Pro and Enterprise plans offer API access for seamless integration with third-party tools and custom trading solutions.",
},
id: "faq5", title: "Can I integrate Trade Xeler with other platforms? ", content: "Yes, our Pro and Enterprise plans offer API access for seamless integration with third-party tools and custom trading solutions."},
{
id: "faq6",
title: "What kind of customer support is available?",
content: "We offer email support for Basic plans and priority live chat/phone support for Pro and Enterprise clients, ensuring timely assistance.",
},
id: "faq6", title: "What kind of customer support is available?", content: "We offer email support for Basic plans and priority live chat/phone support for Pro and Enterprise clients, ensuring timely assistance."},
]}
title="Your Questions, Answered."
description="Find quick answers to the most common questions about Trade Xeler."
@@ -421,8 +259,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Start Your Trading Journey Today"
description="Have questions or ready to explore Trade Xeler? Contact our experts for personalized assistance."
@@ -436,66 +273,39 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Security",
href: "#about",
},
label: "Security", href: "#about"},
{
label: "API",
href: "#",
},
label: "API", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Support Center",
href: "#",
},
label: "Support Center", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}