Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
224
src/app/page.tsx
224
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Trading",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Trading", id: "#products"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Metrics", id: "#metrics"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
]}
|
||||
brandName="TradeStream"
|
||||
/>
|
||||
@@ -55,46 +47,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Trade Smarter with TradeStream"
|
||||
description="Experience professional-grade trading technology designed for speed, precision, and reliable growth. Join thousands of traders using our advanced platform."
|
||||
tag="Advanced Trading Platform"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Trading",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Start Trading", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66723.jpg",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66723.jpg", imageAlt: "Dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100329.jpg",
|
||||
imageAlt: "Global Map",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100329.jpg", imageAlt: "Global Map"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904316.jpg",
|
||||
imageAlt: "Tablet",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904316.jpg", imageAlt: "Tablet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-landscape-shiny-cubes-monotone_1048-12329.jpg",
|
||||
imageAlt: "Data",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-landscape-shiny-cubes-monotone_1048-12329.jpg", imageAlt: "Data"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stockbroker-analyzing-trading-data_482257-121321.jpg",
|
||||
imageAlt: "Monitor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stockbroker-analyzing-trading-data_482257-121321.jpg", imageAlt: "Monitor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bitcoins-2021-calendar-assortment_23-2148783051.jpg",
|
||||
imageAlt: "Mobile",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bitcoins-2021-calendar-assortment_23-2148783051.jpg", imageAlt: "Mobile"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,8 +80,7 @@ export default function LandingPage() {
|
||||
title="Built for Serious Traders"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Advantages",
|
||||
},
|
||||
text: "Discover Advantages"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,20 +91,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra-Fast Execution",
|
||||
description: "Millisecond-level order routing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-waves-coming-out-from-human-ear_23-2149831013.jpg",
|
||||
},
|
||||
title: "Ultra-Fast Execution", description: "Millisecond-level order routing.", imageSrc: "http://img.b2bpic.net/free-photo/sound-waves-coming-out-from-human-ear_23-2149831013.jpg"},
|
||||
{
|
||||
title: "Bank-Grade Security",
|
||||
description: "Multi-factor authentication & encryption.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-protecting-digital-data-from-threats_23-2152029092.jpg",
|
||||
},
|
||||
title: "Bank-Grade Security", description: "Multi-factor authentication & encryption.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-protecting-digital-data-from-threats_23-2152029092.jpg"},
|
||||
{
|
||||
title: "AI Analytics",
|
||||
description: "Predictive insights powered by ML.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116600.jpg",
|
||||
},
|
||||
title: "AI Analytics", description: "Predictive insights powered by ML.", imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116600.jpg"},
|
||||
]}
|
||||
title="Platform Highlights"
|
||||
description="Powerful tools for modern market participants."
|
||||
@@ -145,41 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Global Stocks",
|
||||
price: "Low Spread",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/stock-market-financial-chart-bear-vs-bull-strategy-background_1017-61212.jpg",
|
||||
},
|
||||
id: "p1", name: "Global Stocks", price: "Low Spread", imageSrc: "http://img.b2bpic.net/free-vector/stock-market-financial-chart-bear-vs-bull-strategy-background_1017-61212.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Forex Pairs",
|
||||
price: "24/7 Access",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-online-shopping-concept_23-2148625677.jpg",
|
||||
},
|
||||
id: "p2", name: "Forex Pairs", price: "24/7 Access", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-online-shopping-concept_23-2148625677.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Crypto Assets",
|
||||
price: "High Volatility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572129.jpg",
|
||||
},
|
||||
id: "p3", name: "Crypto Assets", price: "High Volatility", imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572129.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Commodity Futures",
|
||||
price: "Stable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candlestick-graph-investment-financial-analysis-report-sign-symbol-icon-3d-rendering_56104-1918.jpg",
|
||||
},
|
||||
id: "p4", name: "Commodity Futures", price: "Stable", imageSrc: "http://img.b2bpic.net/free-photo/candlestick-graph-investment-financial-analysis-report-sign-symbol-icon-3d-rendering_56104-1918.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Fixed Income Bonds",
|
||||
price: "Conservative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761042.jpg",
|
||||
},
|
||||
id: "p5", name: "Fixed Income Bonds", price: "Conservative", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761042.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Options Trading",
|
||||
price: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-background-design_1156-861.jpg",
|
||||
},
|
||||
id: "p6", name: "Options Trading", price: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/business-background-design_1156-861.jpg"},
|
||||
]}
|
||||
title="Explore Our Markets"
|
||||
description="Diversified access to global liquidity."
|
||||
@@ -193,26 +134,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Server Uptime",
|
||||
description: "Stable performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-colorful-shapes_23-2148879428.jpg",
|
||||
},
|
||||
id: "m1", value: "99.9%", title: "Server Uptime", description: "Stable performance.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-colorful-shapes_23-2148879428.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1.2M",
|
||||
title: "Active Traders",
|
||||
description: "Global community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrows-economy-chart_23-2148541996.jpg",
|
||||
},
|
||||
id: "m2", value: "1.2M", title: "Active Traders", description: "Global community.", imageSrc: "http://img.b2bpic.net/free-photo/arrows-economy-chart_23-2148541996.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "Always ready.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637779.jpg",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Support Availability", description: "Always ready.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637779.jpg"},
|
||||
]}
|
||||
title="Unmatched Performance"
|
||||
description="Data-backed reliability."
|
||||
@@ -226,45 +152,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best platform I have used. Fast and reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-employee_1098-16109.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The best platform I have used. Fast and reliable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-employee_1098-16109.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Excellent analytics tools. Improved my returns significantly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/presenting-ideas-pretty-colleague_1098-12697.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Excellent analytics tools. Improved my returns significantly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/presenting-ideas-pretty-colleague_1098-12697.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyrod",
|
||||
testimonial: "Highly secure and easy to understand interface.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-financial-expert-office-serious-thoughtful-man-working-his-workplace-analyzing-financial-data-stock-market-enjoying-thinking-financial-analytics-business-strate_74855-23333.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "Highly secure and easy to understand interface.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-financial-expert-office-serious-thoughtful-man-working-his-workplace-analyzing-financial-data-stock-market-enjoying-thinking-financial-analytics-business-strate_74855-23333.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Support team is always responsive. Top notch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-dressed-suit_171337-370.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "Support team is always responsive. Top notch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-dressed-suit_171337-370.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
handle: "@asmith",
|
||||
testimonial: "Reliable execution even during high volatility.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-manager-preparing-report-executive-board_1098-19003.jpg",
|
||||
},
|
||||
id: "5", name: "Alex Smith", handle: "@asmith", testimonial: "Reliable execution even during high volatility.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-manager-preparing-report-executive-board_1098-19003.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trader Success Stories"
|
||||
@@ -277,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I start?",
|
||||
content: "Sign up for an account, verify identity, and deposit funds.",
|
||||
},
|
||||
id: "f1", title: "How do I start?", content: "Sign up for an account, verify identity, and deposit funds."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my money safe?",
|
||||
content: "Yes, we use advanced encryption and cold storage.",
|
||||
},
|
||||
id: "f2", title: "Is my money safe?", content: "Yes, we use advanced encryption and cold storage."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What assets can I trade?",
|
||||
content: "Stocks, forex, crypto, commodities, and bonds.",
|
||||
},
|
||||
id: "f3", title: "What assets can I trade?", content: "Stocks, forex, crypto, commodities, and bonds."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -301,8 +193,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Join Our Trading Community"
|
||||
description="Unlock advanced tools today."
|
||||
@@ -317,42 +208,27 @@ export default function LandingPage() {
|
||||
logoText="TradeStream"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Markets",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Markets", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
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 Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -361,4 +237,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user