Update src/app/page.tsx
This commit is contained in:
391
src/app/page.tsx
391
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Education",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Signals",
|
||||
id: "#signals",
|
||||
},
|
||||
{
|
||||
name: "Journal",
|
||||
id: "#journal",
|
||||
},
|
||||
{
|
||||
name: "AI Learning",
|
||||
id: "#ai-learning",
|
||||
},
|
||||
{ name: "Education", id: "#about" },
|
||||
{ name: "Signals", id: "#signals" },
|
||||
{ name: "Journal", id: "#journal" },
|
||||
{ name: "AI Learning", id: "#ai-learning" },
|
||||
]}
|
||||
brandName="AlphaSphere Institute"
|
||||
/>
|
||||
@@ -54,73 +42,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Welcome to AlphaSphere Institute"
|
||||
description="Professional Gold & BTC Trading Analysis, AI Development Learning & Daily Market Insights. Join our growing trading community and level up your skills daily!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Telegram",
|
||||
href: "https://t.me/alphasphereinstitite",
|
||||
},
|
||||
{
|
||||
text: "Subscribe YouTube",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "View Daily Signals",
|
||||
href: "#signals",
|
||||
},
|
||||
{ text: "Join Telegram", href: "https://t.me/alphasphereinstitite" },
|
||||
{ text: "Subscribe YouTube", href: "#" },
|
||||
{ text: "View Daily Signals", href: "#signals" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
|
||||
alt: "Pro trader profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165971.jpg",
|
||||
alt: "AI researcher profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-assets-business-management-system-concept_53876-121226.jpg",
|
||||
alt: "Market analyst profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technology-connection-online-networking-medias-conpt_53876-64965.jpg",
|
||||
alt: "Quantitative dev profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gold-bull-backgrounds-graphics-elements-related-financial-sector_23-2151807640.jpg",
|
||||
alt: "Community member profile",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ active traders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "XAU/USD Live Analysis",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "BTC/USD Momentum",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI Automated Bots",
|
||||
icon: Database,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Risk Management Path",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Trading Logic",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -138,66 +69,17 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="signals" data-section="signals">
|
||||
<FeatureCardTwentyFour
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Gold (XAU/USD)",
|
||||
author: "AlphaSphere",
|
||||
description: "Entry: 2350 | SL: 2340 | TP: 2375 | RR: 1:2.5",
|
||||
tags: [
|
||||
"Gold",
|
||||
"Live",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candlestick-graph-investment-financial-analysis-report-sign-symbol-icon-3d-rendering_56104-1918.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Bitcoin (BTC/USD)",
|
||||
author: "AlphaSphere",
|
||||
description: "Entry: 68000 | SL: 67200 | TP: 70500 | RR: 1:3",
|
||||
tags: [
|
||||
"BTC",
|
||||
"Live",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-bitcoin-coin-keyboard-stock-market-trading-chart-online-candlestick_169016-66246.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Market Insight",
|
||||
author: "AlphaSphere",
|
||||
description: "Daily sentiment and key economic news affecting pair volatility.",
|
||||
tags: [
|
||||
"News",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2290.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Future Pairs",
|
||||
author: "AlphaSphere",
|
||||
description: "Upcoming pairs analysis for diversified portfolios.",
|
||||
tags: [
|
||||
"New",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148760999.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Scalping Signals",
|
||||
author: "AlphaSphere",
|
||||
description: "Rapid response signals for high frequency trading.",
|
||||
tags: [
|
||||
"Quick",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761032.jpg",
|
||||
},
|
||||
]}
|
||||
title="Daily Trading Signals"
|
||||
description="Premium entry, stop-loss, and target points for Gold and Bitcoin markets."
|
||||
description="Organized premium signals for Gold and Bitcoin markets."
|
||||
features={[
|
||||
{ id: "s1", title: "Gold (XAU/USD)", subtitle: "Technical Analysis", category: "Live", value: "High Volatility", buttons: [{ text: "View Signal", href: "#" }] },
|
||||
{ id: "s2", title: "Bitcoin (BTC/USD)", subtitle: "Market Trends", category: "Live", value: "Consolidation", buttons: [{ text: "View Signal", href: "#" }] },
|
||||
{ id: "s3", title: "Economic News", subtitle: "Daily Sentiment", category: "Update", value: "High Impact", buttons: [{ text: "Check News", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -208,42 +90,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gold Daily Analysis",
|
||||
price: "Bullish Trend",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-statistics-debt-loss-globe_1150-1721.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "BTC Daily Analysis",
|
||||
price: "Consolidation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chalk-drawn-arrow-with-copy-space-pointing-up_23-2148456142.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Support/Resistance",
|
||||
price: "Key Levels",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-waterfall-chart-collection_23-2148596450.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Trend Direction",
|
||||
price: "Scalping Mode",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/balance-funds-financial-graph-interface-concept_53876-21157.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Volume Analysis",
|
||||
price: "High Impact",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-waterfall-chart-collection_23-2148593633.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Momentum Review",
|
||||
price: "RSI Driven",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-prop-firm-trader-using-mockup-computer-displaying-candlestick-graphs_482257-130194.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Gold Daily Analysis", price: "Bullish Trend", imageSrc: "http://img.b2bpic.net/free-photo/street-statistics-debt-loss-globe_1150-1721.jpg" },
|
||||
{ id: "p2", name: "BTC Daily Analysis", price: "Consolidation", imageSrc: "http://img.b2bpic.net/free-photo/chalk-drawn-arrow-with-copy-space-pointing-up_23-2148456142.jpg" },
|
||||
{ id: "p3", name: "Support/Resistance", price: "Key Levels", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-waterfall-chart-collection_23-2148596450.jpg" }
|
||||
]}
|
||||
title="Live Chart Analysis"
|
||||
description="Technical analysis notes, trend direction, and support/resistance zones."
|
||||
@@ -255,104 +104,28 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "92%",
|
||||
title: "Accuracy",
|
||||
items: [
|
||||
"Consistent strategy",
|
||||
"Discipline",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1:4",
|
||||
title: "Avg R:R",
|
||||
items: [
|
||||
"Risk managed",
|
||||
"Scalability",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "+45%",
|
||||
title: "Monthly ROI",
|
||||
items: [
|
||||
"Verified trades",
|
||||
"Transparency",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Trading Journal Dashboard"
|
||||
description="Track historical performance, entries, exits, and P/L results."
|
||||
description="Organized by trading logs and performance metrics."
|
||||
metrics={[
|
||||
{ id: "m1", value: "92%", title: "Strategy Accuracy", items: ["Gold Scalping", "BTC Swing"] },
|
||||
{ id: "m2", value: "1:4", title: "Avg R:R Ratio", items: ["Trade Discipline", "Risk Control"] },
|
||||
{ id: "m3", value: "+45%", title: "Monthly ROI", items: ["Performance Logs", "Verified Results"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ai-learning" data-section="ai-learning">
|
||||
<FeatureCardTwentyFour
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "ai1",
|
||||
title: "AI Strategy Coding",
|
||||
author: "Institute",
|
||||
description: "Learn to write automated trading bots using Python and AI logic.",
|
||||
tags: [
|
||||
"Coding",
|
||||
"Automation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2370.jpg",
|
||||
},
|
||||
{
|
||||
id: "ai2",
|
||||
title: "Sentiment Analysis",
|
||||
author: "Institute",
|
||||
description: "Utilize neural networks to gauge market sentiment in real-time.",
|
||||
tags: [
|
||||
"Neural Nets",
|
||||
"Analysis",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",
|
||||
},
|
||||
{
|
||||
id: "ai3",
|
||||
title: "Risk Modeling",
|
||||
author: "Institute",
|
||||
description: "Use machine learning to model complex trade outcomes and risks.",
|
||||
tags: [
|
||||
"Risk",
|
||||
"AI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2347.jpg",
|
||||
},
|
||||
{
|
||||
id: "ai4",
|
||||
title: "Neural Forecasting",
|
||||
author: "Institute",
|
||||
description: "Predict market volatility using deep learning models.",
|
||||
tags: [
|
||||
"Forecasting",
|
||||
"Deep Learning",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-enabling-computers-replicate-human-brain-functioning-machine-learning-algorithms-used-computational-operations-based-data-pattern-recognition-3d-render-animation_482257-66074.jpg",
|
||||
},
|
||||
{
|
||||
id: "ai5",
|
||||
title: "Backtesting Tools",
|
||||
author: "Institute",
|
||||
description: "Verify your strategy performance against historical data.",
|
||||
tags: [
|
||||
"Backtest",
|
||||
"Validation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-network-with-glowing-core_23-2152004043.jpg",
|
||||
},
|
||||
]}
|
||||
title="AI Development & Automation"
|
||||
description="Modern learning path for AI tools and trading automation."
|
||||
description="Structured learning modules for trading AI."
|
||||
features={[
|
||||
{ id: "ai1", title: "Strategy Coding", subtitle: "Basics", category: "Programming", value: "Python", buttons: [{ text: "Start Module", href: "#" }] },
|
||||
{ id: "ai2", title: "Neural Networks", subtitle: "Forecast", category: "Advanced", value: "Models", buttons: [{ text: "Start Module", href: "#" }] },
|
||||
{ id: "ai3", title: "Risk Modeling", subtitle: "Data Analysis", category: "AI Tools", value: "Scripts", buttons: [{ text: "Start Module", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -360,73 +133,22 @@ export default function LandingPage() {
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Trader A",
|
||||
date: "2024-05",
|
||||
title: "Gold Scalper",
|
||||
quote: "Excellent signals, consistent growth.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stats-concept-with-wood-blocks_23-2148950387.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Trader B",
|
||||
date: "2024-05",
|
||||
title: "BTC Analyst",
|
||||
quote: "The AI tools are game-changers.",
|
||||
tag: "Member",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/executive-holding-digital-tablet-with-diagrams_1098-488.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Trader C",
|
||||
date: "2024-05",
|
||||
title: "Swing Trader",
|
||||
quote: "Professional depth, easy to follow.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-vector/gradient-waterfall-chart-collection_23-2148593632.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/financial-stock-market_24908-55305.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Trader D",
|
||||
date: "2024-05",
|
||||
title: "Full-time",
|
||||
quote: "The journal is highly educational.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/statistics-presentation-economy-jobs-professional-profit_1418-585.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-sine-waves-create-futuristic-backdrop-design-generated-by-ai_188544-36480.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Trader E",
|
||||
date: "2024-05",
|
||||
title: "Novice",
|
||||
quote: "Starting my trading journey here.",
|
||||
tag: "Starter",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66450.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-waterfall-chart-collection_23-2148587806.jpg",
|
||||
},
|
||||
]}
|
||||
title="Performance Proofs"
|
||||
description="Real-world trade confirmations and community success stories."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Trader A", date: "2024-05", title: "Gold Scalper", quote: "Excellent signals, consistent growth.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/stats-concept-with-wood-blocks_23-2148950387.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg" },
|
||||
{ id: "2", name: "Trader B", date: "2024-05", title: "BTC Analyst", quote: "The AI tools are game-changers.", tag: "Member", avatarSrc: "http://img.b2bpic.net/free-photo/executive-holding-digital-tablet-with-diagrams_1098-488.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-man-stock-exchange-trader-looking-laptop-screen-night_169016-47424.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="disclaimer" data-section="disclaimer">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Risk Disclosure"
|
||||
description="AlphaSphere Institute provides educational content, trading analysis and market insights only. This is NOT personal financial advice. Trading Forex, Gold and Cryptocurrency involves high risk. Always trade with your own risk and proper risk management. Past performance does not guarantee future results."
|
||||
description="AlphaSphere Institute provides educational content, trading analysis and market insights only. This is NOT personal financial advice."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gold-bull-backgrounds-graphics-elements-related-financial-sector_23-2151807639.jpg"
|
||||
mediaAnimation="opacity"
|
||||
tag="Disclaimer"
|
||||
/>
|
||||
</div>
|
||||
@@ -434,43 +156,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Channels",
|
||||
items: [
|
||||
{
|
||||
label: "Free Telegram",
|
||||
href: "https://t.me/alphasphereinstitite",
|
||||
},
|
||||
{
|
||||
label: "YouTube Channel",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn Profile",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Trading Strategy",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Daily Signals",
|
||||
href: "#signals",
|
||||
},
|
||||
{
|
||||
label: "AI Education",
|
||||
href: "#ai-learning",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Channels", items: [{ label: "Telegram", href: "https://t.me/alphasphereinstitite" }, { label: "YouTube", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Strategy", href: "#about" }, { label: "Signals", href: "#signals" }, { label: "AI", href: "#ai-learning" }] }
|
||||
]}
|
||||
logoText="AlphaSphere Institute"
|
||||
copyrightText="© 2025 AlphaSphere Institute | Founder: Prem Nath Besra"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user