Update src/app/page.tsx
This commit is contained in:
334
src/app/page.tsx
334
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ProScalper"
|
||||
/>
|
||||
@@ -59,121 +49,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Institutional-Grade Scalping Execution"
|
||||
description="Experience millisecond-latency trading execution. Our proprietary AI-driven scalping suite gives you the edge in high-frequency markets."
|
||||
description="Experience millisecond-latency trading execution. Sign up with Google to create your trading account instantly—no ID required, just secure setup and verification."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-workspace-desktop-running-day-trading-stock-market-trends_482257-126997.jpg?_wi=1",
|
||||
imageAlt: "Trading UI 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-working-graphs-with-feet-table-two-screens_482257-32835.jpg",
|
||||
imageAlt: "Trading UI 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-copy-space-screen-running-laptop-fintech-annual-reports_482257-126520.jpg",
|
||||
imageAlt: "Trading UI 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66520.jpg",
|
||||
imageAlt: "Trading UI 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-home-office-with-monitors-stock-market_482257-29630.jpg",
|
||||
imageAlt: "Trading UI 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-investor-tracking-stock-market-data_482257-121457.jpg",
|
||||
imageAlt: "Trading UI 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-workspace-desktop-running-day-trading-stock-market-trends_482257-126997.jpg?_wi=1", imageAlt: "Trading UI 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/manager-working-graphs-with-feet-table-two-screens_482257-32835.jpg", imageAlt: "Trading UI 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/isolated-copy-space-screen-running-laptop-fintech-annual-reports_482257-126520.jpg", imageAlt: "Trading UI 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66520.jpg", imageAlt: "Trading UI 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-home-office-with-monitors-stock-market_482257-29630.jpg", imageAlt: "Trading UI 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-investor-tracking-stock-market-data_482257-121457.jpg", imageAlt: "Trading UI 6" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-120906.jpg",
|
||||
imageAlt: "Trading UI 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg",
|
||||
imageAlt: "Trading UI 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg",
|
||||
imageAlt: "Trading UI 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-businessman-taking-notes-while-checking-stock-market-from-home-office_482257-29626.jpg",
|
||||
imageAlt: "Trading UI 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg",
|
||||
imageAlt: "Trading UI 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-analysis-with-candlestick-charts_23-2151977853.jpg",
|
||||
imageAlt: "Trading UI 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-120906.jpg", imageAlt: "Trading UI 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg", imageAlt: "Trading UI 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-accountant-video-call-with-representatives-sharing-insight_482257-124376.jpg", imageAlt: "Trading UI 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bearded-businessman-taking-notes-while-checking-stock-market-from-home-office_482257-29626.jpg", imageAlt: "Trading UI 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg", imageAlt: "Trading UI 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stock-market-analysis-with-candlestick-charts_23-2151977853.jpg", imageAlt: "Trading UI 6" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Access",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-48896.jpg",
|
||||
alt: "Trader profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glowing-blue-pulse-trace-analyzing-healthcare-data-generated-by-ai_188544-31056.jpg",
|
||||
alt: "Trader profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg",
|
||||
alt: "Trader profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
alt: "Trader profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-diverse-business-consultants-study-feedback-old-projects_482257-90977.jpg",
|
||||
alt: "Trader profile",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ institutional traders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg",
|
||||
alt: "Partner 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/pc-monitor-displaying-financial-reports_482257-76219.jpg",
|
||||
alt: "Partner 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66470.jpg",
|
||||
alt: "Partner 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
|
||||
alt: "Partner 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/stock-market-cryptocurrency-concept-stock-trading-laptop_169016-66903.jpg",
|
||||
alt: "Partner 5",
|
||||
},
|
||||
{ text: "Google Login", onClick: () => console.log("Auth initiated") },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -181,8 +78,8 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for High Frequency"
|
||||
description="Our platform combines ultra-low latency routing with advanced machine learning models to identify market inefficiencies before the competition. Designed by professional traders for professional scalpers."
|
||||
title="Simplified Account Creation"
|
||||
description="We have removed complex ID card requirements. Use your Google account to authenticate and gain immediate access to our secure, high-frequency trading platform."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/broker-office-assisting-family-with-ipo-forex-portfolio-management_482257-100060.jpg?_wi=1"
|
||||
imageAlt="Trading terminal analysis"
|
||||
/>
|
||||
@@ -193,30 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Latency",
|
||||
title: "Ultra-Low Execution",
|
||||
subtitle: "Below 5ms",
|
||||
description: "Near-instant execution for every scalping signal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-holds-tablet-with-copy-space-screen-leveraging-dashboards_482257-126587.jpg",
|
||||
imageAlt: "Entrepreneur holds tablet with copy space screen and leveraging dashboards",
|
||||
},
|
||||
{
|
||||
tag: "Strategy",
|
||||
title: "Smart Backtesting",
|
||||
subtitle: "Historic Data",
|
||||
description: "Rigorous backtesting against high-tick data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-workspace-desktop-running-day-trading-stock-market-trends_482257-126997.jpg?_wi=2",
|
||||
imageAlt: "Entrepreneur holds tablet with copy space screen and leveraging dashboards",
|
||||
},
|
||||
{
|
||||
tag: "Control",
|
||||
title: "Automated Risk",
|
||||
subtitle: "Dynamic Sizing",
|
||||
description: "Advanced position sizing per market volatility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/broker-office-assisting-family-with-ipo-forex-portfolio-management_482257-100060.jpg?_wi=2",
|
||||
imageAlt: "Entrepreneur holds tablet with copy space screen and leveraging dashboards",
|
||||
},
|
||||
{ tag: "Auth", title: "Google Auth", subtitle: "Instant Access", description: "Authenticate with Google and set up your account in seconds.", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-holds-tablet-with-copy-space-screen-leveraging-dashboards_482257-126587.jpg" },
|
||||
{ tag: "ID", title: "No ID Required", subtitle: "Hassle-Free", description: "Create a professional trading profile without scanning physical documents.", imageSrc: "http://img.b2bpic.net/free-photo/empty-workspace-desktop-running-day-trading-stock-market-trends_482257-126997.jpg?_wi=2" },
|
||||
{ tag: "Flow", title: "Secure Setup", subtitle: "Bank Verification", description: "Streamlined banking account creation and verification built for speed.", imageSrc: "http://img.b2bpic.net/free-photo/broker-office-assisting-family-with-ipo-forex-portfolio-management_482257-100060.jpg?_wi=2" },
|
||||
]}
|
||||
title="Scalping Suite Advantages"
|
||||
description="Powerful tools designed for precision entries and risk mitigation."
|
||||
@@ -229,27 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.99%",
|
||||
title: "Uptime",
|
||||
description: "Reliable execution infrastructure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/monitor-computer-with-electronic-business_24911-45470.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150ms",
|
||||
title: "Mean Latency",
|
||||
description: "Industry leading speed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147869044.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$2B+",
|
||||
title: "Volume Executed",
|
||||
description: "Trusted by institutional clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-private-inspector-examining-archived-materials-folder_482257-105373.jpg",
|
||||
},
|
||||
{ id: "m1", value: "<1m", title: "Setup Time", description: "From login to trading account ready.", imageSrc: "http://img.b2bpic.net/free-vector/monitor-computer-with-electronic-business_24911-45470.jpg" },
|
||||
{ id: "m2", value: "100%", title: "Digital Flow", description: "Zero physical paperwork needed.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147869044.jpg" },
|
||||
{ id: "m3", value: "Secure", title: "Verified", description: "Google-backed identity protection.", imageSrc: "http://img.b2bpic.net/free-photo/asian-private-inspector-examining-archived-materials-folder_482257-105373.jpg" },
|
||||
]}
|
||||
title="Platform Performance"
|
||||
description="The statistics speak for themselves in our live environments."
|
||||
@@ -263,48 +121,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Execution Core",
|
||||
price: "$1,200/mo",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analyst-completing-monthly-income-balance-computer_482257-110048.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signal AI Engine",
|
||||
price: "$800/mo",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Performance Suite",
|
||||
price: "$600/mo",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-office-workspace-with-advanced-technology-enhance-efficiency_482257-119656.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Institutional Feed",
|
||||
price: "$2,500/mo",
|
||||
variant: "Enterprise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-tablet-front-data-center-inspector-reviewing-paperwork-files_482257-117906.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Backtest Simulator",
|
||||
price: "$450/mo",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-crypto-currency-stock-market_482257-2365.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Custom Indicators",
|
||||
price: "$300/mo",
|
||||
variant: "Add-on",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Execution Core", price: "$1,200/mo", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/analyst-completing-monthly-income-balance-computer_482257-110048.jpg" },
|
||||
{ id: "p2", name: "Signal AI Engine", price: "$800/mo", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg" },
|
||||
{ id: "p3", name: "Performance Suite", price: "$600/mo", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-office-workspace-with-advanced-technology-enhance-efficiency_482257-119656.jpg" },
|
||||
]}
|
||||
title="Professional Trading Tools"
|
||||
description="Select the modules that fit your scalping methodology."
|
||||
@@ -317,41 +136,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Full-time Scalper",
|
||||
testimonial: "The precision of this execution engine is unmatched in the retail space.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-man-with-long-hair-retro-style-dark-photo-studio_613910-17092.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jamie L.",
|
||||
role: "Hedge Fund Trader",
|
||||
testimonial: "Solid infrastructure for institutional-level scalability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Morgan D.",
|
||||
role: "Systems Architect",
|
||||
testimonial: "I appreciate the transparency in their signal data logic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Casey P.",
|
||||
role: "Proprietary Trader",
|
||||
testimonial: "My Sharpe ratio improved immediately upon integrating their tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jordan S.",
|
||||
role: "Scalper Developer",
|
||||
testimonial: "The API is a developer's dream. Highly robust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", role: "Full-time Scalper", testimonial: "The Google sign-in flow saved me so much setup time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-man-with-long-hair-retro-style-dark-photo-studio_613910-17092.jpg" },
|
||||
{ id: "t2", name: "Jamie L.", role: "Hedge Fund Trader", testimonial: "Finally, a platform that doesn't ask for outdated ID documents.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-study-library_1157-22204.jpg" },
|
||||
]}
|
||||
title="Trader Success Stories"
|
||||
description="Hear how our clients optimize their scalping operations."
|
||||
@@ -363,21 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need institutional clearance?",
|
||||
content: "No, our services are accessible to professional retail traders.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What brokers are supported?",
|
||||
content: "We support all major FIX-based brokers and leading exchanges.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I backtest strategies?",
|
||||
content: "Yes, our simulation engine supports high-fidelity backtesting.",
|
||||
},
|
||||
{ id: "q1", title: "Is it secure without ID?", content: "Yes, we use robust Google OAuth and bank-level verification protocols."},
|
||||
{ id: "q2", title: "How is my account verified?", content: "Verification occurs automatically through secure banking API integration."},
|
||||
{ id: "q3", title: "What if I don't use Google?", content: "We provide alternative secure email-based authentication options."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions regarding our premium trading solutions."
|
||||
@@ -388,9 +162,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Ready to scale?"
|
||||
title="Get Started with Pro Scalper"
|
||||
description="Request a consultation with our integration team."
|
||||
@@ -402,36 +174,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-flowing-connecting-lines_1048-11701.jpg"
|
||||
logoText="ProScalper"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Execution",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Metrics",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Execution", href: "#" }, { label: "Metrics", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user