/* global React */ const { useState, useEffect, useRef } = React; const GOOGLE_REVIEWS_URL = "https://www.google.com/search?q=the+trader+daddy+trading+academy+nyc#lrd=0x89c259a9e9b1b83b:0x0,1"; function GoogleBadge({ style }) { return (
★★★★★ #1 Trading Academy in NYC
56 Google reviews · Rated by Google AI · 13 years
); } /* ============================================================ SOCIAL ICONS — real SVG paths ============================================================ */ const SocialIcons = { IG: () => ( ), X: () => ( ), YT: () => ( ), LI: () => ( ), WA: () => ( ), }; function TradierBar() { const [hovered, setHovered] = React.useState(false); return (
{/* Tradier logo */}
Tradier
{/* Plus sign */} + {/* TraderDaddy logo */}
TraderDaddy
{/* Divider */}
{/* CTA */} setHovered(true)} onMouseLeave={() => setHovered(false)} style={{ display: "inline-flex", alignItems: "center", gap: 10, padding: "12px 28px", background: hovered ? "oklch(63% 0.20 255)" : "oklch(98% 0.005 240)", color: hovered ? "oklch(98% 0.005 240)" : "oklch(20% 0.04 255)", borderRadius: 999, fontSize: 14, fontWeight: 600, letterSpacing: "-0.01em", textDecoration: "none", whiteSpace: "nowrap", flexShrink: 0, boxShadow: hovered ? "0 8px 28px -6px oklch(63% 0.20 255 / 0.5)" : "0 4px 20px -4px oklch(0% 0 0 / 0.3)", transition: "all 0.2s ease", transform: hovered ? "translateY(-2px)" : "translateY(0)", }} > Open a Practice Account
); } /* ============================================================ NAV ============================================================ */ function Nav({ route, setRoute }) { const [menuOpen, setMenuOpen] = React.useState(false); const links = [ ["home", "Home"], ["bootcamp", "Bootcamp"], ["indicator", "Indicator"], ["about", "About"], ["reviews", "Reviews"], ["contact", "Contact"], ]; return ( <>
{/* Logo */} { e.preventDefault(); setRoute("home"); setMenuOpen(false); }} href="#"> TraderDaddy
1-877-828-0062 { e.preventDefault(); setRoute("contact"); }}> Get in touch {/* Mobile hamburger */}
{/* Mobile menu */} {menuOpen && (
{links.map(([k, label]) => ( { e.preventDefault(); setRoute(k); setMenuOpen(false); }} > {label} ))}
)}
); } /* ============================================================ FOOTER ============================================================ */ function Footer({ setRoute }) { return ( ); } window.GoogleBadge = GoogleBadge; window.TradierBar = TradierBar; window.Nav = Nav; window.Footer = Footer;