Update src/app/page.tsx

This commit is contained in:
2026-05-09 22:55:34 +00:00
parent 606509ebe6
commit b67975363e

View File

@@ -16,331 +16,159 @@ import { Activity, Shield, Zap } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="expand-hover" defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="small" contentWidth="small"
sizing="medium" sizing="medium"
background="none" background="none"
cardStyle="glass-depth" cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered" secondaryButtonStyle="layered"
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Overview", id: "overview" },
name: "Overview", { name: "Features", id: "features" },
id: "overview", { name: "Performance", id: "metrics" },
}, { name: "Testimonials", id: "testimonials" },
{ { name: "Support", id: "faq" }
name: "Features", ]}
id: "features", brandName="AlphaScalp AI"
}, />
{ </div>
name: "Performance",
id: "metrics",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Support",
id: "faq",
},
]}
brandName="AlphaScalp AI"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{ variant: "gradient-bars" }}
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."
title="Precision Trading Powered by AI" tag="Advanced Scalping AI"
description="AlphaScalp uses ultra-fast momentum analysis to identify high-probability OTC forex opportunities every 15 seconds." buttons={[{ text: "Start Trading", href: "#contact" }]}
tag="Advanced Scalping AI" carouselItems={[
buttons={[ { 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" },
text: "Start Trading", { id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-experts-working-with-tech-devices-neon-lights_23-2151645615.jpg", imageAlt: "AI Momentum" },
href: "#contact", { 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" }
carouselItems={[ ]}
{ />
id: "h1", </div>
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="overview" data-section="overview"> <div id="overview" data-section="overview">
<MediaAbout <MediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Built for High-Frequency Efficiency" 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." 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" imageSrc="http://img.b2bpic.net/free-vector/green-technology-background-creative-lighting-template-background-vector-illustration_1142-11127.jpg"
/> />
</div> </div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwentyFive <FeatureCardTwentyFive
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ animationType="slide-up"
{ title="Engineered for Market Alpha"
title: "Momentum Detection", description="The logic core that separates consistent traders from the rest."
description: "Detects high-volume directional acceleration, confirming entry strength before the trade triggers.", features={[
icon: Zap, {
mediaItems: [ 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-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/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,
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg?_wi=2", mediaItems: [
imageAlt: "trading trend ema visualization", { 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: "RSI Filtering", },
description: "Our custom RSI confirmation avoids trap trades by filtering out overbought and oversold reversals.", {
icon: Activity, title: "Dynamic S&R Logic", description: "Real-time identification of supply and demand zones to prevent trading into liquidity roadblocks.", icon: Shield,
mediaItems: [ mediaItems: [
{ { imageSrc: "http://img.b2bpic.net/free-photo/frame-economy-report_23-2148542023.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.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/businessman-suit-arriving-home-checking-if-stock-market-is-crashing_482257-29631.jpg", ]}
}, />
], </div>
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="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardEleven <MetricCardEleven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ 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: "m1", { 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" },
value: "89%", { 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: "Win Rate", ]}
description: "Avg monthly win rate", title="Performance at a Glance"
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57845.jpg", description="Transparency in execution is the cornerstone of our bot development."
}, />
{ </div>
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"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwo <TestimonialCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ title="Proven by Our Community"
{ description="Hear what traders are saying about the AI edge."
id: "1", testimonials={[
name: "Alex R.", { 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" },
role: "Full-time Trader", { 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" },
testimonial: "AlphaScalp's EMA filter saved me from countless bad entries. It's truly a game-changer.", { 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" },
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.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" }
{ ]}
id: "2", />
name: "Sarah J.", </div>
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="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqBase <FaqBase
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqsAnimation="blur-reveal"
{ title="Frequently Asked Questions"
id: "f1", description="Your roadmap to algorithmic trading success."
title: "Does this work on all pairs?", faqs={[
content: "AlphaScalp is specifically optimized for high-liquidity OTC forex pairs with predictable price action.", { 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." }
id: "f2", ]}
title: "What timeframe is best?", />
content: "Our strategy is built for 15s expiry to take advantage of short-term momentum shifts.", </div>
},
{
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="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient", tag="Get Started"
}} title="Ready to scale?"
tag="Get Started" description="Unlock your trial access and start scalping with AI precision today."
title="Ready to scale?" buttons={[{ text: "Get Access", href: "#" }]}
description="Unlock your trial access and start scalping with AI precision today." />
buttons={[ </div>
{
text: "Get Access",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterBaseCard
logoText="AlphaScalp AI" logoText="AlphaScalp AI"
columns={[ columns={[
{ { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Metrics", href: "#metrics" }] },
title: "Product", { title: "Company", items: [{ label: "About", href: "#overview" }, { label: "Support", href: "#faq" }] },
items: [ { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
{ ]}
label: "Features", />
href: "#features", </div>
},
{
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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );