bender/b37883a8-e74b-494d-9f0a-9c4abfeca4a6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 15:03:47 +00:00
parent bec6c98d19
commit c9308b68e0
1 changed files with 63 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

305
src/app/page.tsx
View File

@@ -34,25 +34,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Markets",
id: "#market-stats",
},
name: "Markets", id: "#market-stats"},
{
name: "Charts",
id: "#hero",
},
name: "Charts", id: "#hero"},
{
name: "News",
id: "#latest-insights",
},
name: "News", id: "#latest-insights"},
{
name: "Portfolio",
id: "#premium-access",
},
name: "Portfolio", id: "#premium-access"},
{
name: "Login",
id: "#contact",
},
name: "Login", id: "#contact"},
]}
brandName="Void Trade"
/>
@@ -61,21 +51,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
title="Trade Smarter. Live Better."
description="Access real-time data, powerful charting tools, and seamless execution on a platform designed for serious traders. Experience the future of finance with Void Trade."
tag="Advanced Trading Platform"
tagAnimation="slide-up"
buttons={[
{
text: "Start Trading Now",
href: "#contact",
},
text: "Start Trading Now", href: "#contact"},
{
text: "Explore Features",
href: "#trading-features",
},
text: "Explore Features", href: "#trading-features"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg"
@@ -90,17 +75,11 @@ export default function LandingPage() {
description="Gain a competitive edge with our advanced analytics and real-time data streams. Void Trade provides you with the crucial metrics needed to make informed trading decisions, faster than ever before."
metrics={[
{
value: "24/7",
title: "Market Access",
},
value: "24/7", title: "Market Access"},
{
value: "0.01%",
title: "Lowest Fees",
},
value: "0.01%", title: "Lowest Fees"},
{
value: "1M+",
title: "Global Traders",
},
value: "1M+", title: "Global Traders"},
]}
tag="Data-Driven Trading"
imageSrc="http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30670.jpg"
@@ -118,53 +97,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "btc-usd",
name: "Bitcoin",
variant: "BTC/USD",
price: "$68,500",
imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-left-side_187299-45689.jpg",
imageAlt: "Bitcoin icon",
},
id: "btc-usd", name: "Bitcoin", variant: "BTC/USD", price: "$68,500", imageSrc: "http://img.b2bpic.net/free-photo/location-map-direction-left-side_187299-45689.jpg", imageAlt: "Bitcoin icon"},
{
id: "eth-usd",
name: "Ethereum",
variant: "ETH/USD",
price: "$3,800",
imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-coin-closeup-black-background-background-with-cryptocurrency_169016-62202.jpg",
imageAlt: "Ethereum icon",
},
id: "eth-usd", name: "Ethereum", variant: "ETH/USD", price: "$3,800", imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-coin-closeup-black-background-background-with-cryptocurrency_169016-62202.jpg", imageAlt: "Ethereum icon"},
{
id: "sol-usd",
name: "Solana",
variant: "SOL/USD",
price: "$175",
imageSrc: "http://img.b2bpic.net/free-photo/golden-bitcoin-coin-with-beautiful-background-cryptocurrency-money-concept_169016-66287.jpg",
imageAlt: "Solana icon",
},
id: "sol-usd", name: "Solana", variant: "SOL/USD", price: "$175", imageSrc: "http://img.b2bpic.net/free-photo/golden-bitcoin-coin-with-beautiful-background-cryptocurrency-money-concept_169016-66287.jpg", imageAlt: "Solana icon"},
{
id: "bnb-usd",
name: "Binance Coin",
variant: "BNB/USD",
price: "$610",
imageSrc: "http://img.b2bpic.net/free-vector/abstract-landing-page-template_52683-4526.jpg",
imageAlt: "Binance Coin icon",
},
id: "bnb-usd", name: "Binance Coin", variant: "BNB/USD", price: "$610", imageSrc: "http://img.b2bpic.net/free-vector/abstract-landing-page-template_52683-4526.jpg", imageAlt: "Binance Coin icon"},
{
id: "gold",
name: "Gold",
variant: "XAU/USD",
price: "$2,350",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wood-logs_23-2151340284.jpg",
imageAlt: "Gold icon",
},
id: "gold", name: "Gold", variant: "XAU/USD", price: "$2,350", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wood-logs_23-2151340284.jpg", imageAlt: "Gold icon"},
{
id: "xrp-usd",
name: "Ripple",
variant: "XRP/USD",
price: "$0.52",
imageSrc: "http://img.b2bpic.net/free-vector/crypto-coin-logo-new-design_483537-4816.jpg",
imageAlt: "Ripple icon",
},
id: "xrp-usd", name: "Ripple", variant: "XRP/USD", price: "$0.52", imageSrc: "http://img.b2bpic.net/free-vector/crypto-coin-logo-new-design_483537-4816.jpg", imageAlt: "Ripple icon"},
]}
title="Your Personalized Watchlist"
description="Keep an eye on the assets that matter most. Customize your watchlist with top cryptocurrencies and commodities, always updated with live market data."
@@ -179,58 +122,29 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "starter",
badge: "Standard",
price: "$0/month",
subtitle: "Basic features for new traders",
buttons: [
id: "starter", badge: "Standard", price: "$0/month", subtitle: "Basic features for new traders", buttons: [
{
text: "Get Started Free",
},
text: "Get Started Free"},
],
features: [
"Real-time market data",
"Basic charting tools",
"Access to top 10 assets",
"Community support",
],
"Real-time market data", "Basic charting tools", "Access to top 10 assets", "Community support"],
},
{
id: "pro",
badge: "Popular",
badgeIcon: Sparkles,
price: "$49/month",
subtitle: "Advanced tools for active traders",
buttons: [
id: "pro", badge: "Popular", badgeIcon: Sparkles,
price: "$49/month", subtitle: "Advanced tools for active traders", buttons: [
{
text: "Go Pro Now",
},
text: "Go Pro Now"},
],
features: [
"All Starter features",
"Advanced charting indicators",
"Full asset access",
"Priority support",
"Trading automation",
],
"All Starter features", "Advanced charting indicators", "Full asset access", "Priority support", "Trading automation"],
},
{
id: "vip",
badge: "Executive",
price: "$199/month",
subtitle: "Exclusive benefits for elite traders",
buttons: [
id: "vip", badge: "Executive", price: "$199/month", subtitle: "Exclusive benefits for elite traders", buttons: [
{
text: "Contact Sales",
},
text: "Contact Sales"},
],
features: [
"All Pro features",
"Dedicated account manager",
"Customizable API access",
"Exclusive market reports",
"VIP events access",
],
"All Pro features", "Dedicated account manager", "Customizable API access", "Exclusive market reports", "VIP events access"],
},
]}
title="Unlock Your Trading Potential"
@@ -247,23 +161,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Lightning-Fast Execution",
description: "Execute trades in milliseconds with our high-performance matching engine, ensuring you never miss a market opportunity.",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg",
imageAlt: "Abstract representation of fast execution speed",
},
title: "Lightning-Fast Execution", description: "Execute trades in milliseconds with our high-performance matching engine, ensuring you never miss a market opportunity.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139260.jpg", imageAlt: "Abstract representation of fast execution speed"},
{
title: "Bank-Grade Security",
description: "Your assets and data are protected by advanced encryption and multi-factor authentication, giving you peace of mind.",
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-digital-padlock-protection-concept_23-2152004113.jpg",
imageAlt: "Abstract representation of digital security",
},
title: "Bank-Grade Security", description: "Your assets and data are protected by advanced encryption and multi-factor authentication, giving you peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-digital-padlock-protection-concept_23-2152004113.jpg", imageAlt: "Abstract representation of digital security"},
{
title: "Advanced Analytical Tools",
description: "Utilize a comprehensive suite of indicators, drawing tools, and customizable layouts to perform in-depth market analysis.",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-consultant-studying-constitutional-records_482257-102830.jpg",
imageAlt: "Abstract representation of advanced analytical tools",
},
title: "Advanced Analytical Tools", description: "Utilize a comprehensive suite of indicators, drawing tools, and customizable layouts to perform in-depth market analysis.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-consultant-studying-constitutional-records_482257-102830.jpg", imageAlt: "Abstract representation of advanced analytical tools"},
]}
title="Powerful Features for Every Trader"
description="Void Trade is built with state-of-the-art technology to provide you with the speed, security, and precision you need to excel in today's fast-paced markets."
@@ -280,50 +182,20 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Professional Trader",
company: "CryptoCapital",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-factory-consultant-observes-production-systems-pc-solar-plant_482257-126030.jpg",
imageAlt: "Avatar of Sarah J.",
},
id: "1", name: "Sarah J.", role: "Professional Trader", company: "CryptoCapital", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-factory-consultant-observes-production-systems-pc-solar-plant_482257-126030.jpg", imageAlt: "Avatar of Sarah J."},
{
id: "2",
name: "Michael C.",
role: "Financial Analyst",
company: "GlobalInvest",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg",
imageAlt: "Avatar of Michael C.",
},
id: "2", name: "Michael C.", role: "Financial Analyst", company: "GlobalInvest", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg", imageAlt: "Avatar of Michael C."},
{
id: "3",
name: "Emily R.",
role: "Day Trader",
company: "MarketMakers",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/enterprise-manager-analyzes-annual-reports-statistics-pc_482257-94061.jpg",
imageAlt: "Avatar of Emily R.",
},
id: "3", name: "Emily R.", role: "Day Trader", company: "MarketMakers", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/enterprise-manager-analyzes-annual-reports-statistics-pc_482257-94061.jpg", imageAlt: "Avatar of Emily R."},
{
id: "4",
name: "David K.",
role: "Hedge Fund Manager",
company: "AlphaCapital",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241274.jpg",
imageAlt: "Avatar of David K.",
},
id: "4", name: "David K.", role: "Hedge Fund Manager", company: "AlphaCapital", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241274.jpg", imageAlt: "Avatar of David K."},
{
id: "5",
name: "Jessica L.",
role: "Quantitative Analyst",
company: "QuantEdge",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg",
imageAlt: "Avatar of Jessica L.",
},
id: "5", name: "Jessica L.", role: "Quantitative Analyst", company: "QuantEdge", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stock-market-trader-looking-camera-with-hands-crossed_482257-30734.jpg", imageAlt: "Avatar of Jessica L."},
]}
title="What Our Traders Say"
description="Hear directly from our community about how Void Trade has transformed their trading experience and helped them achieve their financial goals."
@@ -337,30 +209,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "How do I open an account?",
content: "Opening an account with Void Trade is simple and takes just a few minutes. Click on the 'Get Started' button, fill in your details, and complete our quick verification process.",
},
id: "faq1", title: "How do I open an account?", content: "Opening an account with Void Trade is simple and takes just a few minutes. Click on the 'Get Started' button, fill in your details, and complete our quick verification process."},
{
id: "faq2",
title: "What assets can I trade?",
content: "Void Trade offers a wide range of assets, including major cryptocurrencies like Bitcoin and Ethereum, as well as commodities such as Gold and Silver.",
},
id: "faq2", title: "What assets can I trade?", content: "Void Trade offers a wide range of assets, including major cryptocurrencies like Bitcoin and Ethereum, as well as commodities such as Gold and Silver."},
{
id: "faq3",
title: "Is my money safe with Void Trade?",
content: "Yes, security is our top priority. We employ industry-leading encryption, multi-factor authentication, and cold storage solutions to protect your funds and personal data.",
},
id: "faq3", title: "Is my money safe with Void Trade?", content: "Yes, security is our top priority. We employ industry-leading encryption, multi-factor authentication, and cold storage solutions to protect your funds and personal data."},
{
id: "faq4",
title: "What trading tools are available?",
content: "Our platform provides advanced charting with numerous indicators, customizable layouts, real-time market data, and various order types to suit your trading strategy.",
},
id: "faq4", title: "What trading tools are available?", content: "Our platform provides advanced charting with numerous indicators, customizable layouts, real-time market data, and various order types to suit your trading strategy."},
{
id: "faq5",
title: "How can I deposit and withdraw funds?",
content: "We support multiple deposit and withdrawal methods, including bank transfers, credit/debit cards, and various cryptocurrency options. Funds are processed securely and efficiently.",
},
id: "faq5", title: "How can I deposit and withdraw funds?", content: "We support multiple deposit and withdrawal methods, including bank transfers, credit/debit cards, and various cryptocurrency options. Funds are processed securely and efficiently."},
]}
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about Void Trade, our platform, and trading."
@@ -374,14 +231,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Global FinTech",
"BlockSecure",
"DataPulse",
"VentureX",
"ReguGuard",
"AI Market Lab",
"Digital Custody",
]}
"Global FinTech", "BlockSecure", "DataPulse", "VentureX", "ReguGuard", "AI Market Lab", "Digital Custody"]}
title="Trusted by Industry Leaders"
description="Our partnerships with leading financial institutions and technology providers ensure a robust and secure trading environment."
tag="Our Collaborations"
@@ -392,20 +242,16 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "glowing-orb",
}}
variant: "sparkles-gradient"}}
tag="Ready to Trade?"
tagAnimation="slide-up"
title="Join Void Trade Today"
description="Elevate your trading journey with a platform built for performance. Sign up now and access unparalleled market insights."
buttons={[
{
text: "Create Free Account",
},
text: "Create Free Account"},
{
text: "Talk to Sales",
href: "mailto:sales@voidtrade.com",
},
text: "Talk to Sales", href: "mailto:sales@voidtrade.com"},
]}
buttonAnimation="slide-up"
/>
@@ -416,62 +262,37 @@ export default function LandingPage() {
logoText="Void Trade"
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Markets",
href: "#market-stats",
},
label: "Markets", href: "#market-stats"},
{
label: "Charts",
href: "#hero",
},
label: "Charts", href: "#hero"},
{
label: "Features",
href: "#trading-features",
},
label: "Features", href: "#trading-features"},
{
label: "Pricing",
href: "#premium-access",
},
label: "Pricing", href: "#premium-access"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "News",
href: "#latest-insights",
},
label: "News", href: "#latest-insights"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Risk Disclosure",
href: "#",
},
label: "Risk Disclosure", href: "#"},
],
},
]}