/* global React, SlashGlyph */ const PLc = window.PL; /* ---------- Top site nav (matches BoyleSports header) ---------- */ function SiteHeader() { const links = [ { label: 'Football' }, { label: 'Horse Racing' }, { label: 'Other Sports' }, { label: 'Casino', caret: true }, { label: 'More', caret: true }, { label: 'Stats Centre', active: true }, ]; const [open, setOpen] = React.useState(false); return (
BoyleSports SPORTS
{open && (
{links.map((l) => ( { e.preventDefault(); setOpen(false); }} style={{ display: 'block', padding: '12px 0', fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: 17, color: l.active ? 'var(--bs-lime)' : 'var(--bs-white)', textDecoration: 'none', borderBottom: '1px solid rgba(255,255,255,0.08)', }}>{l.label} ))}
)}
); } /* ---------- Local nav (sub-nav) ---------- */ function SubNav() { const tabs = ['Dashboard', 'Table', 'Fixtures', 'Players', 'Teams', 'Stats']; const [active, setActive] = React.useState('Dashboard'); const leagues = ['Premier League', 'Championship', 'La Liga', 'Serie A', 'Bundesliga', 'Champions League']; return (
▼
); } /* ---------- Top Stories (Figma "Latest Football") ---------- */ function TopStories() { const stories = [ { img: 'eu', title: 'Who will secure European football?', sum: 'The run-in race for the Champions League places.' }, { img: 'legacy', title: "A deep dive into football's legacy", sum: 'The moments and matches that shaped the game.' }, { img: 'goat', title: 'Greatest footballers of all time', sum: 'Ranking the icons who defined an era.' }, { img: 'teams', title: "Football's biggest teams", sum: 'Inside the clubs with the loudest support.' }, { img: 'drop', title: 'The run-in that could decide the drop', sum: 'Three points separate four clubs at the bottom.' }, ]; const railRef = React.useRef(null); const scroll = (dir) => { const r = railRef.current; if (r) r.scrollBy({ left: dir * 384, behavior: 'smooth' }); }; const Arrow = ({ dir }) => ( ); return (

Top Stories

{stories.map((s, i) => (

{s.title}

{s.sum}

))}
); } /* ---------- App store badges (Figma: white, 1px black border) ---------- */ function StoreBadge({ store }) { const isApple = store === 'apple'; return ( e.preventDefault()} className="bs-store" style={{ display: 'inline-flex', alignItems: 'center', gap: 10, width: 160, height: 48, justifyContent: 'center', background: 'var(--bs-white)', border: '1px solid var(--bs-black)', borderRadius: 2, textDecoration: 'none', transition: 'transform .15s', }}> {isApple ? ( ) : ( )} {isApple ? 'Download on the' : 'GET IT ON'} {isApple ? 'App Store' : 'Google Play'} ); } /* ---------- BoyleSports app phone (screenshot) ---------- */ function AppPhone() { return (
BoyleSports app
); } function AppPhoneLegacy() { const navItems = ['In Play', 'Racing', 'Football', 'Dogs', 'Lotto']; return (
{/* status bar */}
9:41
{/* app header */}
SPORTS €135.00 BET 0
{/* nav */}
{navItems.map((n, i) => ( {n} ))}
{/* promo */}
When your team goes 2 goals ahead, we pay out!
See events T&Cs ›
{/* quick rows */} {['Today’s Racing', 'Popular Matches'].map((r) => (
{r} →
))}
); } /* ---------- League hero banner (persistent league identity across sub-pages) ---------- */ function LeagueHero() { return (
Stats Centre

Premier League

{[['England', 'Country'], ['20', 'Teams'], ['32', 'Matchweek'], ['2025/26', 'Season']].map(([v, l], i) => (
{v}
{l}
))}
); } /* ---------- EPO advertising space (970 × 250) ---------- */ function AdSlot({ size = '970 × 250' }) { return (
EPO Advertising Space {size}
); } /* ---------- App download band (lime) ---------- */ function AppSection() { return (
); } /* ---------- Footer (electric blue) ---------- */ function SocialIcon({ kind }) { const p = { f: , x: , yt: , in: , }; return e.preventDefault()} className="bs-social-i" aria-label={kind} style={{ display: 'inline-flex', width: 30, height: 30, alignItems: 'center', justifyContent: 'center' }}> {p[kind]} ; } function Footer() { const col1 = { h: 'BoyleSports Links', items: ['BoyleSports Casino', 'BoyleSports Live Casino', 'BoyleSports Games', 'BoyleSports Vegas', 'BoyleSports Bingo', 'BoyleSports Lotto', 'BoyleSports Poker'] }; const col2 = { h: 'Links', items: ['Support', 'Contact Us', 'About Us', 'Privacy Policy', 'Responsible Gambling', 'View Recent Jobs', 'LinkedIn'] }; const link = { fontFamily: 'var(--font-body)', fontWeight: 500, fontSize: 15, color: 'rgba(255,255,255,0.85)', textDecoration: 'none' }; const head = { fontFamily: 'var(--font-body)', fontWeight: 500, fontSize: 18, color: 'var(--bs-white)', marginBottom: 22 }; return ( ); } Object.assign(window, { SiteHeader, SubNav, LeagueHero, TopStories, AppSection, Footer, AdSlot });