// ============================================================ // HOME PAGE // ============================================================ const HomeHero = ({ onNav, user }) =>
{/* Floating proof chips */}

Trading real.
Payout-uri transparente.

Învață NASDAQ, prop firms, risk management și psihologie printr-o comunitate activă, condusă de un trader profitabil.

{!isEliteUser(user) && ( )}
Payout-uri verificate
Live calls săptămânale
Fără signals fake
scroll
; // ============================================================ // PROOF / STATS // ============================================================ const HomeProof = () => { const sectionRef = React.useRef(null); const cardsRef = React.useRef([]); React.useLayoutEffect(() => { const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduced || !window.gsap || !window.ScrollTrigger) return; const gsap = window.gsap; const ScrollTrigger = window.ScrollTrigger; gsap.registerPlugin(ScrollTrigger); const cards = cardsRef.current.filter(Boolean); if (cards.length === 0) return; const triggers = []; // Per-card entry vectors: [xStart, yOffset] // 1: left + above | 2: left + below // 3: right + above | 4: right + below const dirs = [ { x: '-55vw', y: -55 }, { x: '-55vw', y: 55 }, { x: '55vw', y: -55 }, { x: '55vw', y: 55 }, ]; cards.forEach((card, i) => { const d = dirs[i] || dirs[0]; gsap.set(card, { x: d.x, y: d.y, opacity: 0, scale: 0.94, filter: 'blur(8px)', willChange: 'transform, opacity, filter', }); }); // Scroll-linked assembly — slightly different scrub per card for organic stagger cards.forEach((card, i) => { const tween = gsap.to(card, { x: 0, y: 0, opacity: 1, scale: 1, filter: 'blur(0px)', ease: 'power3.out', scrollTrigger: { trigger: sectionRef.current, start: 'top 80%', end: 'center 60%', scrub: 0.4 + i * 0.08, // 0.4 / 0.48 / 0.56 / 0.64 — light cascade }, }); if (tween.scrollTrigger) triggers.push(tween.scrollTrigger); }); // Soft premium glow — fires once when the row aligns, then loops every 10s let pulseInterval = null; const firePulse = () => { cards.forEach((card, i) => { setTimeout(() => { card.classList.add('stat-pulse'); setTimeout(() => card.classList.remove('stat-pulse'), 1400); }, i * 80); }); }; const pulseST = ScrollTrigger.create({ trigger: sectionRef.current, start: 'top 35%', once: true, onEnter: () => { firePulse(); pulseInterval = setInterval(firePulse, 10000); }, }); triggers.push(pulseST); return () => { if (pulseInterval) clearInterval(pulseInterval); triggers.forEach((t) => t && t.kill && t.kill()); cards.forEach((card) => card && gsap.set(card, { clearProps: 'all' })); }; }, []); return (
{ cardsRef.current[0] = el; }} className="stat-wrap">
{ cardsRef.current[1] = el; }} className="stat-wrap">
{ cardsRef.current[2] = el; }} className="stat-wrap">
{ cardsRef.current[3] = el; }} className="stat-wrap">
); }; // ============================================================ // WHAT YOU LEARN // ============================================================ const LEARN_ITEMS = [ { icon: 'candle', color: 'acid', tag: 'STRATEGY', title: 'NASDAQ Strategy', desc: 'Liquidity, order blocks, FVG/IFVG, breaker — aplicate strict pe NQ și sesiunile care contează.', points: ['Order flow real', 'Sesiunea London + NY', 'Setup-uri clare', 'Backtested live'] }, { icon: 'shield', color: 'cyan', tag: 'PROP FIRMS', title: 'Prop Firm Rules', desc: 'Cum treci evaluarea, cum păstrezi contul funded, ce reguli te elimină instant și ce firme merită.', points: ['EOD vs intraday DD', 'Consistency rules', 'Payout strategy', 'Risk per trade'] }, { icon: 'target', color: 'blue', tag: 'RISK', title: 'Risk Management', desc: 'Sizing-ul corect pe cont funded, gestiunea drawdown-ului și protejarea payout-urilor în lunile slabe.', points: ['Position sizing', 'Daily loss control', 'Multi-account', 'Capital allocation'] }, { icon: 'brain', color: 'gold', tag: 'PSYCHOLOGY', title: 'Trading Psychology', desc: 'Cum eviți revenge trading, FOMO, overconfidence și cum construiești o rutină de execuție disciplinată.', points: ['Pre-market routine', 'Journal & review', 'Drawdown psychology', 'Mental capital'] }]; const HomeLearn = ({ onNav, user, onLogin, onSignup }) => { const sectionRef = React.useRef(null); const cardsRef = React.useRef([]); React.useLayoutEffect(() => { const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduced || !window.gsap || !window.ScrollTrigger) return; const gsap = window.gsap; const ScrollTrigger = window.ScrollTrigger; gsap.registerPlugin(ScrollTrigger); const cards = cardsRef.current.filter(Boolean); if (cards.length === 0) return; const triggers = []; // Set initial off-screen state BEFORE first paint to avoid flash cards.forEach((card, i) => { const fromLeft = (i % 2 === 0); // 0,2 = left col; 1,3 = right col (matches mobile alternation too) gsap.set(card, { x: fromLeft ? '-65vw' : '65vw', opacity: 0, scale: 0.92, filter: 'blur(8px)', willChange: 'transform, opacity, filter', }); }); // Scroll-linked puzzle assembly cards.forEach((card, i) => { const fromLeft = (i % 2 === 0); const tween = gsap.to(card, { x: 0, opacity: 1, scale: 1, filter: 'blur(0px)', ease: 'power3.out', scrollTrigger: { trigger: sectionRef.current, start: 'top 80%', end: 'center 60%', scrub: 0.6, }, }); if (tween.scrollTrigger) triggers.push(tween.scrollTrigger); }); // Snap-in pulse on first entry, then loop every 10s let pulseInterval = null; const firePulse = () => { cards.forEach((card, i) => { setTimeout(() => { card.classList.add('glow-pulse'); setTimeout(() => card.classList.remove('glow-pulse'), 1400); }, i * 80); }); }; const pulseST = ScrollTrigger.create({ trigger: sectionRef.current, start: 'top 30%', once: true, onEnter: () => { firePulse(); pulseInterval = setInterval(firePulse, 10000); }, }); triggers.push(pulseST); return () => { if (pulseInterval) clearInterval(pulseInterval); triggers.forEach((t) => t && t.kill && t.kill()); cards.forEach((card) => card && gsap.set(card, { clearProps: 'all' })); }; }, []); return (
{!user && (
Cont gratuit = acces complet la toate materialele
Înregistrează-te în 30 de secunde și deblochezi toți cei 4 piloni.
)}
{LEARN_ITEMS.map((item, i) =>
{ cardsRef.current[i] = el; }} className="learn-card card card-pad-lg">
{item.tag}

{item.title}

{item.desc}

{item.points.map((p) =>
{p}
)}
onNav('basics')}> Vezi modulul
)}
); }; // ============================================================ // WHY TYRONE — feature row // ============================================================ const WHY_ITEMS = [ { icon: 'book', color: 'acid', tag: 'PASUL 1', title: 'Studiază materialele free', desc: 'Dacă găsești valoare și înțelegi modul în care explic, înseamnă că putem avea o colaborare.', points: ['NASDAQ basics', 'Order flow', 'Setup-uri clare', 'Acces Discord'] }, { icon: 'target', color: 'cyan', tag: 'PASUL 2', title: 'Exersează pe conturi funded', desc: 'Exersează conceptele pe conturi funded și găsește problemele pe care le ai la înțelegerea conceptelor.', points: ['Apex / Tradeify', 'Sizing real', 'Live execuție', 'Journal disciplinat'] }, { icon: 'crown', color: 'gold', tag: 'PASUL 3', title: 'Completează formularul pentru Elite', desc: 'Mentoratul pe care îl ofer în care îți dau răspuns la orice întrebare posibilă despre trading. Îți explic clar orice nelămurire.', points: ['1-on-1 mentorship', 'Răspuns rapid', 'Trade reviews', 'Plan personalizat'] }, { icon: 'coin', color: 'blue', tag: 'PASUL 4', title: 'Payout-uri constante', desc: 'Felicitări, ai ajuns la profitabilitate spot la take profit. Nu a fost greu — doar ai avut nevoie de cineva care a trecut deja prin problemele pe care le ai tu ca să ți le explice.', points: ['Profit consistent', 'Mindset solid', 'Multi-account', 'Plan validat'] }, ]; const HomeWhy = ({ onNav }) => { const sectionRef = React.useRef(null); const cardsRef = React.useRef([]); React.useLayoutEffect(() => { const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduced || !window.gsap || !window.ScrollTrigger) return; const gsap = window.gsap; const ScrollTrigger = window.ScrollTrigger; gsap.registerPlugin(ScrollTrigger); const cards = cardsRef.current.filter(Boolean); if (cards.length === 0) return; const triggers = []; // Cards 0,2 from left (col 1); cards 1,3 from right (col 2) const config = [ { x: '-65vw', y: 0 }, { x: '65vw', y: 0 }, { x: '-65vw', y: 0 }, { x: '65vw', y: 0 }, ]; cards.forEach((card, i) => { const c = config[i] || config[0]; gsap.set(card, { x: c.x, y: c.y, opacity: 0, scale: 0.92, filter: 'blur(8px)', willChange: 'transform, opacity, filter', }); }); cards.forEach((card, i) => { const tween = gsap.to(card, { x: 0, y: 0, opacity: 1, scale: 1, filter: 'blur(0px)', ease: 'power3.out', scrollTrigger: { trigger: sectionRef.current, start: 'top 80%', end: 'center 60%', scrub: 0.4 + i * 0.08, }, }); if (tween.scrollTrigger) triggers.push(tween.scrollTrigger); }); // Snap-in pulse, then loop every 10s let pulseInterval = null; const firePulse = () => { cards.forEach((card, i) => { setTimeout(() => { card.classList.add('glow-pulse'); setTimeout(() => card.classList.remove('glow-pulse'), 1400); }, i * 80); }); }; const pulseST = ScrollTrigger.create({ trigger: sectionRef.current, start: 'top 30%', once: true, onEnter: () => { firePulse(); pulseInterval = setInterval(firePulse, 10000); }, }); triggers.push(pulseST); return () => { if (pulseInterval) clearInterval(pulseInterval); triggers.forEach((t) => t && t.kill && t.kill()); cards.forEach((card) => card && gsap.set(card, { clearProps: 'all' })); }; }, []); return (
{WHY_ITEMS.map((item, i) =>
{ cardsRef.current[i] = el; }} className="learn-card card card-pad-lg">
{item.tag}

{item.title}

{item.desc}

{item.points.map((p) =>
{p}
)}
onNav && onNav('basics')}> Vezi mai mult
)}
); }; // ============================================================ // COMMUNITY // ============================================================ const HomeCommunity = () =>
FREE DISCORD

500+ traderi.
Un singur server.

Resurse gratuite, discuții despre setup-uri, oferte prop firms, anunțuri și breakdown-uri zilnice. Începe de aici.

{[ { name: 'Andrei M.', role: 'Funded · Apex', msg: 'Trecut evaluation în 4 zile. Mulțumesc pentru rule breakdown.', color: 'acid' }, { name: 'Tyrone', role: 'admin', msg: 'NQ — vedem cum reacționează la 18,420 după CPI. Nu forțăm înainte de NY open.', color: 'gold', pin: true }, { name: 'Cristian D.', role: 'Funded · Tradeify', msg: 'Payout #3 procesat. Sub 24h. Pentru oricine întreabă.', color: 'cyan' }, { name: 'Mihai S.', role: 'member', msg: 'Backtest call de luni a fost gold. Setup-ul de London a funcționat azi.', color: 'blue' }]. map((m, i) =>
{m.name.split(' ').map((n) => n[0]).join('')}
{m.name} {m.role} {m.pin && }

{m.msg}

)}
3 membri scriu...
; // ============================================================ // ELITE PREVIEW // ============================================================ const EliteMainCard = ({ onApply, user }) => { const cardRef = React.useRef(null); const [hovered, setHovered] = React.useState(false); const [rot, setRot] = React.useState({ x: 0, y: 0 }); const handleMove = (e) => { if (!cardRef.current) return; const rect = cardRef.current.getBoundingClientRect(); const x = e.clientX - rect.left - rect.width / 2; const y = e.clientY - rect.top - rect.height / 2; setRot({ x: -(y / rect.height) * 5, y: (x / rect.width) * 5, }); }; const handleLeave = () => { setHovered(false); setRot({ x: 0, y: 0 }); }; const cardStyle = { transform: `perspective(1000px) rotateX(${rot.x}deg) rotateY(${rot.y}deg) translateY(${hovered ? -5 : 0}px)`, transformStyle: 'preserve-3d', transition: 'transform 0.4s cubic-bezier(0.22, 1, 0.36, 1)', }; return (
setHovered(true)} onMouseLeave={handleLeave} onMouseMove={handleMove}> {/* layer stack — bottom to top */}
BY APPLICATION

Elite Plan

Pentru traderii care vor mentorship serios și execuție disciplinată. Locuri limitate, doar prin aplicație.

  • 1-on-1 mentorship direct cu Tyrone
  • Live calls bi-săptămânale pe NQ
  • WhatsApp support în timp real
  • Trade reviews personalizate
  • Frameworks Elite exclusive
  • Discord VIP channel
{!isEliteUser(user) && ( )} Răspuns în maxim 48h · 0 spam
{/* Self-contained styles — keeps the card portable across pages */}
); }; // Export for reuse on the Elite subpage Object.assign(window, { EliteMainCard }); const HomeElitePreview = ({ onNav, user }) => { const sectionRef = React.useRef(null); const cornersRef = React.useRef([]); React.useLayoutEffect(() => { const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches; const isMobile = window.matchMedia('(max-width: 760px)').matches; if (reduced || isMobile || !window.gsap || !window.ScrollTrigger) return; const gsap = window.gsap; const ScrollTrigger = window.ScrollTrigger; gsap.registerPlugin(ScrollTrigger); const corners = cornersRef.current.filter(Boolean); if (corners.length === 0) return; const triggers = []; // [direction, final-rotation-deg] const config = [ { side: 'left', rot: -5 }, // tl { side: 'right', rot: 4 }, // tr { side: 'left', rot: 3 }, // bl { side: 'right', rot: -4 }, // br ]; corners.forEach((card, i) => { const c = config[i] || config[0]; gsap.set(card, { x: c.side === 'left' ? '-70vw' : '70vw', rotation: c.side === 'left' ? c.rot - 12 : c.rot + 12, opacity: 0, scale: 0.92, filter: 'blur(8px)', willChange: 'transform, opacity, filter', }); }); corners.forEach((card, i) => { const c = config[i] || config[0]; const tween = gsap.to(card, { x: 0, rotation: c.rot, opacity: 1, scale: 1, filter: 'blur(0px)', ease: 'power3.out', scrollTrigger: { trigger: sectionRef.current, start: 'top 80%', end: 'center 60%', scrub: 0.4 + i * 0.08, }, }); if (tween.scrollTrigger) triggers.push(tween.scrollTrigger); }); return () => { triggers.forEach((t) => t && t.kill && t.kill()); corners.forEach((c) => c && gsap.set(c, { clearProps: 'all' })); }; }, []); return (
{/* CORNER ACCENT CARDS — slightly rotated, overlap main card corners */}
{ cornersRef.current[0] = el; }} className="elite-corner elite-corner-tl">
Elite Tier

1-on-1
Mentorship

{ cornersRef.current[1] = el; }} className="elite-corner elite-corner-tr">
Plan dovedit

Fă payout
de la ZERO

{ cornersRef.current[2] = el; }} className="elite-corner elite-corner-bl">
Active

17
Elite members

{ cornersRef.current[3] = el; }} className="elite-corner elite-corner-br">
4+ Years

Profitable
NQ Trader

{/* MAIN ELITE RECTANGLE — gradient card */} onNav('elite')} user={user} />
); }; const HomePage = ({ onNav, user, onLogin, onSignup }) => <> ; Object.assign(window, { HomePage });