Update src/app/page.tsx
This commit is contained in:
458
src/app/page.tsx
458
src/app/page.tsx
@@ -16,331 +16,159 @@ import { Activity, Shield, Zap } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "overview",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="AlphaScalp AI"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Overview", id: "overview" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Performance", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Support", id: "faq" }
|
||||
]}
|
||||
brandName="AlphaScalp AI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Precision Trading Powered by AI"
|
||||
description="AlphaScalp uses ultra-fast momentum analysis to identify high-probability OTC forex opportunities every 15 seconds."
|
||||
tag="Advanced Scalping AI"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Trading",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg?_wi=1",
|
||||
imageAlt: "Trading UI",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66437.jpg?_wi=1",
|
||||
imageAlt: "Candlestick Chart",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645615.jpg?_wi=1",
|
||||
imageAlt: "AI Momentum",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-working-with-his-feet-table-office-background_482257-32834.jpg",
|
||||
imageAlt: "Trading Desk",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
|
||||
imageAlt: "Indicators",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-neon-search-bar-online-shopping-sales_23-2152033019.jpg",
|
||||
imageAlt: "Notifications",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Trading Powered by AI"
|
||||
description="AlphaScalp uses ultra-fast momentum analysis to identify high-probability OTC forex opportunities every 15 seconds."
|
||||
tag="Advanced Scalping AI"
|
||||
buttons={[{ text: "Start Trading", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg", imageAlt: "Trading UI" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66437.jpg", imageAlt: "Candlestick Chart" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645615.jpg", imageAlt: "AI Momentum" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/manager-working-with-his-feet-table-office-background_482257-32834.jpg", imageAlt: "Trading Desk" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "Indicators" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-neon-search-bar-online-shopping-sales_23-2152033019.jpg", imageAlt: "Notifications" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="overview" data-section="overview">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for High-Frequency Efficiency"
|
||||
description="AlphaScalp integrates EMA crossover logic, RSI momentum confirmation, and live support/resistance detection to minimize noise. We focus strictly on clean trend execution to maximize your scalping win rate."
|
||||
imageSrc="http://img.b2bpic.net/free-vector/green-technology-background-creative-lighting-template-background-vector-illustration_1142-11127.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="overview" data-section="overview">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for High-Frequency Efficiency"
|
||||
description="AlphaScalp integrates EMA crossover logic, RSI momentum confirmation, and live support/resistance detection to minimize noise. We focus strictly on clean trend execution to maximize your scalping win rate."
|
||||
imageSrc="http://img.b2bpic.net/free-vector/green-technology-background-creative-lighting-template-background-vector-illustration_1142-11127.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Momentum Detection",
|
||||
description: "Detects high-volume directional acceleration, confirming entry strength before the trade triggers.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/interlaced-graphic-data-background_1217-1648.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-graphics-icons_1134-415.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg?_wi=2",
|
||||
imageAlt: "trading trend ema visualization",
|
||||
},
|
||||
{
|
||||
title: "RSI Filtering",
|
||||
description: "Our custom RSI confirmation avoids trap trades by filtering out overbought and oversold reversals.",
|
||||
icon: Activity,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-suit-arriving-home-checking-if-stock-market-is-crashing_482257-29631.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66437.jpg?_wi=2",
|
||||
imageAlt: "trading trend ema visualization",
|
||||
},
|
||||
{
|
||||
title: "Dynamic S&R Logic",
|
||||
description: "Real-time identification of supply and demand zones to prevent trading into liquidity roadblocks.",
|
||||
icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frame-economy-report_23-2148542023.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-military-personnel-tracking-enemy-vessels-coast-line-territory_482257-89974.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645615.jpg?_wi=2",
|
||||
imageAlt: "trading trend ema visualization",
|
||||
},
|
||||
]}
|
||||
title="Engineered for Market Alpha"
|
||||
description="The logic core that separates consistent traders from the rest."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
title="Engineered for Market Alpha"
|
||||
description="The logic core that separates consistent traders from the rest."
|
||||
features={[
|
||||
{
|
||||
title: "Momentum Detection", description: "Detects high-volume directional acceleration, confirming entry strength before the trade triggers.", icon: Zap,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/interlaced-graphic-data-background_1217-1648.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-graphics-icons_1134-415.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "RSI Filtering", description: "Our custom RSI confirmation avoids trap trades by filtering out overbought and oversold reversals.", icon: Activity,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-suit-arriving-home-checking-if-stock-market-is-crashing_482257-29631.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Dynamic S&R Logic", description: "Real-time identification of supply and demand zones to prevent trading into liquidity roadblocks.", icon: Shield,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/frame-economy-report_23-2148542023.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-military-personnel-tracking-enemy-vessels-coast-line-territory_482257-89974.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "89%",
|
||||
title: "Win Rate",
|
||||
description: "Avg monthly win rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57845.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15s",
|
||||
title: "Execution Speed",
|
||||
description: "Ultra-fast response time",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904314.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "120+",
|
||||
title: "Signals Daily",
|
||||
description: "Opportunity frequency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904319.jpg",
|
||||
},
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Transparency in execution is the cornerstone of our bot development."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "89%", title: "Win Rate", description: "Avg monthly win rate", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57845.jpg" },
|
||||
{ id: "m2", value: "15s", title: "Execution Speed", description: "Ultra-fast response time", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904314.jpg" },
|
||||
{ id: "m3", value: "120+", title: "Signals Daily", description: "Opportunity frequency", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904319.jpg" }
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Transparency in execution is the cornerstone of our bot development."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Full-time Trader",
|
||||
testimonial: "AlphaScalp's EMA filter saved me from countless bad entries. It's truly a game-changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
role: "Forex Enthusiast",
|
||||
testimonial: "The precision on 15s scalps is unmatched. I finally see consistent growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hispanic-woman-taking-notes-while-sitting-her-work-desk-professional-woman-working-as-business-analyst_662251-719.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael L.",
|
||||
role: "FinTech Developer",
|
||||
testimonial: "I love the algorithmic transparency here. The momentum detection logic is top-tier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-working-ipad_23-2150103637.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Professional Scalper",
|
||||
testimonial: "Finally, a bot that filters out the chop and focuses on real breakouts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-trader-monitoring-forex-charts_482257-127090.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe M.",
|
||||
role: "OTC Trader",
|
||||
testimonial: "The RSI filter is highly effective at catching actual reversals versus traps.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-upbeat-business-partners-inspecting-solar-plant-machinery_482257-119652.jpg",
|
||||
},
|
||||
]}
|
||||
title="Proven by Our Community"
|
||||
description="Hear what traders are saying about the AI edge."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Proven by Our Community"
|
||||
description="Hear what traders are saying about the AI edge."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", role: "Full-time Trader", testimonial: "AlphaScalp's EMA filter saved me from countless bad entries. It's truly a game-changer.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg" },
|
||||
{ id: "2", name: "Sarah J.", role: "Forex Enthusiast", testimonial: "The precision on 15s scalps is unmatched. I finally see consistent growth.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hispanic-woman-taking-notes-while-sitting-her-work-desk-professional-woman-working-as-business-analyst_662251-719.jpg" },
|
||||
{ id: "3", name: "Michael L.", role: "FinTech Developer", testimonial: "I love the algorithmic transparency here. The momentum detection logic is top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-working-ipad_23-2150103637.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Professional Scalper", testimonial: "Finally, a bot that filters out the chop and focuses on real breakouts.", imageSrc: "http://img.b2bpic.net/free-photo/young-trader-monitoring-forex-charts_482257-127090.jpg" },
|
||||
{ id: "5", name: "Chloe M.", role: "OTC Trader", testimonial: "The RSI filter is highly effective at catching actual reversals versus traps.", imageSrc: "http://img.b2bpic.net/free-photo/team-upbeat-business-partners-inspecting-solar-plant-machinery_482257-119652.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Does this work on all pairs?",
|
||||
content: "AlphaScalp is specifically optimized for high-liquidity OTC forex pairs with predictable price action.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What timeframe is best?",
|
||||
content: "Our strategy is built for 15s expiry to take advantage of short-term momentum shifts.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the bot fully automated?",
|
||||
content: "Yes, once activated, the bot continuously monitors the chart for the specific confirmations defined in our strategy.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Your roadmap to algorithmic trading success."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="blur-reveal"
|
||||
title="Frequently Asked Questions"
|
||||
description="Your roadmap to algorithmic trading success."
|
||||
faqs={[
|
||||
{ id: "f1", title: "Does this work on all pairs?", content: "AlphaScalp is specifically optimized for high-liquidity OTC forex pairs with predictable price action." },
|
||||
{ id: "f2", title: "What timeframe is best?", content: "Our strategy is built for 15s expiry to take advantage of short-term momentum shifts." },
|
||||
{ id: "f3", title: "Is the bot fully automated?", content: "Yes, once activated, the bot continuously monitors the chart for the specific confirmations defined in our strategy." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to scale?"
|
||||
description="Unlock your trial access and start scalping with AI precision today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Access",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready to scale?"
|
||||
description="Unlock your trial access and start scalping with AI precision today."
|
||||
buttons={[{ text: "Get Access", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AlphaScalp AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Metrics",
|
||||
href: "#metrics",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#overview",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AlphaScalp AI"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Metrics", href: "#metrics" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#overview" }, { label: "Support", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user