// EaglEye shared components — nav, footer, store badges, real app screenshots // ── Icon atoms ────────────────────────────────────────────── const EEIcon = ({ size = 28 }) => ( EaglEye ); const Reticle = ({ size = 120, color = 'var(--reticle)', stroke = 1 }) => ( {[20, 30, 40, 50, 70, 80, 90, 100].map(p => ( ))} ); // ── Store badges (original, not copies of Apple/Google marks) ── const AppStoreBadge = ({ comingSoon = false, compact = false }) => ( e.preventDefault()} style={{ position: 'relative', opacity: comingSoon ? 0.85 : 1 }}>
Download on the App Store
{comingSoon && ( COMING SOON )} ); const GooglePlayBadge = ({ comingSoon = false, compact = false }) => ( e.preventDefault()} style={{ position: 'relative', opacity: comingSoon ? 0.85 : 1 }}>
Get it on Google Play
{comingSoon && ( COMING SOON )} ); // ── Nav ───────────────────────────────────────────────────── const EENav = ({ variant = 'dark', active }) => ( ); // ── Footer (email only — no address) ──────────────────────── const EEFooter = () => ( ); // ── Real phone mockup: uses a .png screenshot, wraps in bezel ── // Screenshots are 1320x2868 (iPhone 15 Pro Max) — ratio 0.460 const BUST = '?v=209'; // bump to force reload when screenshots change const PhoneShot = ({ src, width = 260, style, bare = false }) => { const height = Math.round(width / 0.460); const bustedSrc = src + BUST; if (bare) { // Just the raw screen (for embedding in laid-out grids w/o bezels) return ( ); } return (
); }; // Legacy names kept — both DopeCardScreen and SolveScreen map onto screenshots now. // Callers pass `theme` — we pick the corresponding screenshot. const DopeCardScreen = ({ theme = 'dark' }) => { const map = { dark: 'assets/screens/dopecard-dark.png', oled: 'assets/screens/dopecard-oled.png', daylight: 'assets/screens/dopecard-daylight.png', patriot: 'assets/screens/dopecard-patriotic-dark.png', 'patriot-dark': 'assets/screens/dopecard-patriotic-dark.png', 'patriot-light': 'assets/screens/dopecard-patriotic-light.png', }; return Dope card; }; const SolveScreen = ({ theme = 'dark' }) => ( Solver ); Object.assign(window, { EEIcon, Reticle, AppStoreBadge, GooglePlayBadge, EENav, EEFooter, DopeCardScreen, SolveScreen, PhoneShot, });