<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Your ultimate destination for sports insights, odds, and predictions across Football, Basketball, Baseball, Tennis, F1, and Hockey."><link rel="canonical" href="https://footballbros.run/"><title>Football Bros Unlocked | Your Sports. Your Edge.</title><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/Layout.B5UTS3TW.css"></head> <body class="min-h-screen flex flex-col"> <!-- Header --> <header class="sticky top-0 z-50 bg-field-dark/95 backdrop-blur-md border-b-2 border-accent/30"> <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between"> <a href="/" class="flex items-center gap-3 group"> <div class="w-11 h-11 rounded-2xl bg-gradient-to-br from-primary to-yellow border-2 border-primary-light/50 flex items-center justify-center text-xl font-black text-white shadow-lg shadow-primary/30 group-hover:scale-110 group-hover:rotate-3 transition-all duration-200">
🏈
</div> <span class="text-lg font-extrabold text-text-primary hidden sm:block tracking-tight" style="font-family: Rubik, var(--font-sans)">Football Bros</span> </a> <div class="hidden md:flex items-center gap-1"> <a href="/" class="px-4 py-2 text-sm font-bold text-text-secondary hover:text-accent-light hover:bg-field rounded-xl transition-all">Home</a> <a href="/games" class="px-4 py-2 text-sm font-bold text-text-secondary hover:text-accent-light hover:bg-field rounded-xl transition-all">Games</a> <a href="/odds" class="px-4 py-2 text-sm font-bold text-text-secondary hover:text-accent-light hover:bg-field rounded-xl transition-all">Odds Checker</a> <a href="/about" class="px-4 py-2 text-sm font-bold text-text-secondary hover:text-accent-light hover:bg-field rounded-xl transition-all">About</a> <a href="/careers" class="px-4 py-2 text-sm font-bold text-text-secondary hover:text-accent-light hover:bg-field rounded-xl transition-all">Careers</a> </div> <div class="flex items-center gap-3"> <a href="/odds" class="btn-primary text-sm !px-4 !py-2 hidden sm:inline-flex">
🎯 Check Odds
</a> <!-- Mobile menu button --> <button id="mobile-menu-btn" class="md:hidden p-2 text-text-secondary hover:text-accent-light rounded-xl hover:bg-field transition-all" aria-label="Menu"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M4 6h16M4 12h16M4 18h16"></path></svg> </button> </div> </nav> <!-- Mobile menu --> <div id="mobile-menu" class="hidden md:hidden border-t-2 border-border bg-field-dark/98 backdrop-blur-md"> <div class="px-4 py-4 space-y-1"> <a href="/" class="block px-4 py-3 text-sm font-bold text-text-secondary hover:text-accent-light hover:bg-field rounded-xl transition-all">Home</a> <a href="/games" class="block px-4 py-3 text-sm font-bold text-text-secondary hover:text-accent-light hover:bg-field rounded-xl transition-all">Games</a> <a href="/odds" class="block px-4 py-3 text-sm font-bold text-text-secondary hover:text-accent-light hover:bg-field rounded-xl transition-all">Odds Checker</a> <a href="/about" class="block px-4 py-3 text-sm font-bold text-text-secondary hover:text-accent-light hover:bg-field rounded-xl transition-all">About</a> <a href="/careers" class="block px-4 py-3 text-sm font-bold text-text-secondary hover:text-accent-light hover:bg-field rounded-xl transition-all">Careers</a> <a href="/gambling-disclaimer" class="block px-4 py-3 text-sm font-bold text-text-secondary hover:text-accent-light hover:bg-field rounded-xl transition-all">Gambling Disclaimer</a> </div> </div> </header> <!-- Main Content --> <main class="flex-1">   <section class="px-4 sm:px-6 lg:px-8 pt-6"> <div class="max-w-7xl mx-auto"> <div class="relative rounded-3xl overflow-hidden border-2 border-accent/30 p-8 sm:p-12 md:p-16" style="background: linear-gradient(135deg, #0f4d24 0%, #1a6b35 30%, #228b46 60%, #1a6b35 100%);"> <!-- Field lines decoration --> <div class="absolute inset-0 opacity-[0.08]" style="background: repeating-linear-gradient(90deg, transparent, transparent 8%, white 8%, white 8.3%, transparent 8.3%)"></div> <div class="absolute left-1/2 top-0 bottom-0 w-0.5 bg-white/10"></div> <div class="absolute inset-0 opacity-15"> <div class="absolute top-6 right-8 text-[180px] leading-none drop-shadow-lg">🏈</div> <div class="absolute bottom-2 left-8 text-[100px] leading-none drop-shadow-lg">🏀</div> <div class="absolute top-16 left-[30%] text-[70px] leading-none drop-shadow-lg">⚾</div> </div> <div class="relative z-10 max-w-2xl"> <div class="inline-flex items-center gap-2 px-4 py-2 bg-primary/90 rounded-full text-sm font-extrabold text-white mb-6 shadow-lg shadow-primary/30 border border-primary-light/30"> <span class="w-2.5 h-2.5 bg-yellow rounded-full animate-pulse"></span>
LIVE ODDS & INSIGHTS
</div> <h1 class="text-3xl sm:text-4xl md:text-5xl font-black text-white leading-tight mb-4 drop-shadow-lg" style="font-family: Rubik, var(--font-sans)">
Football Bros Unlocked<br> <span class="text-yellow text-xl sm:text-2xl md:text-3xl">Your Sports. Your Edge.</span> </h1> <p class="text-lg text-white/80 mb-8 leading-relaxed max-w-lg font-medium">
Expert analysis, real-time odds, and AI-powered predictions across football, basketball, baseball, tennis, F1, and hockey.
</p> <div class="flex flex-wrap gap-3"> <a href="/odds" class="btn-primary !bg-yellow !text-field-dark hover:!bg-yellow/90 !shadow-xl !border-2 !border-yellow/50">
🎯 EXPLORE ODDS
</a> <a href="/about" class="btn-secondary !border-white/30 !text-white hover:!bg-white/10 !border-2">
Learn More →
</a> </div> </div> </div> </div> </section>  <section class="px-4 sm:px-6 lg:px-8 mt-8"> <div class="max-w-7xl mx-auto"> <div class="flex gap-3 overflow-x-auto pb-2 scrollbar-hide"> <a href="/football-bros" class="flex items-center gap-2 px-5 py-3 bg-field/80 hover:bg-field-light border-2 border-border hover:border-accent/60 rounded-2xl text-sm font-bold text-text-secondary hover:text-accent-light transition-all whitespace-nowrap shrink-0 shadow-md shadow-black/20"> <span class="text-xl">🏈</span> Football Bros Unblocked <span class="text-[10px] px-1.5 py-0.5 bg-primary/20 text-primary-light rounded-md font-extrabold">PLAY</span> </a><a href="/basketball-bros" class="flex items-center gap-2 px-5 py-3 bg-field/80 hover:bg-field-light border-2 border-border hover:border-accent/60 rounded-2xl text-sm font-bold text-text-secondary hover:text-accent-light transition-all whitespace-nowrap shrink-0 shadow-md shadow-black/20"> <span class="text-xl">🏀</span> Basketball Bros Unblocked <span class="text-[10px] px-1.5 py-0.5 bg-primary/20 text-primary-light rounded-md font-extrabold">PLAY</span> </a><a href="/soccer-legends" class="flex items-center gap-2 px-5 py-3 bg-field/80 hover:bg-field-light border-2 border-border hover:border-accent/60 rounded-2xl text-sm font-bold text-text-secondary hover:text-accent-light transition-all whitespace-nowrap shrink-0 shadow-md shadow-black/20"> <span class="text-xl">⚽</span> Soccer Bros <span class="text-[10px] px-1.5 py-0.5 bg-primary/20 text-primary-light rounded-md font-extrabold">PLAY</span> </a><a href="/baseball-bros" class="flex items-center gap-2 px-5 py-3 bg-field/80 hover:bg-field-light border-2 border-border hover:border-accent/60 rounded-2xl text-sm font-bold text-text-secondary hover:text-accent-light transition-all whitespace-nowrap shrink-0 shadow-md shadow-black/20"> <span class="text-xl">⚾</span> Baseball Bros <span class="text-[10px] px-1.5 py-0.5 bg-primary/20 text-primary-light rounded-md font-extrabold">PLAY</span> </a><a href="/wrestle-bros" class="flex items-center gap-2 px-5 py-3 bg-field/80 hover:bg-field-light border-2 border-border hover:border-accent/60 rounded-2xl text-sm font-bold text-text-secondary hover:text-accent-light transition-all whitespace-nowrap shrink-0 shadow-md shadow-black/20"> <span class="text-xl">🤼</span> Wrestle Bros <span class="text-[10px] px-1.5 py-0.5 bg-primary/20 text-primary-light rounded-md font-extrabold">PLAY</span> </a><a href="/karate-bros" class="flex items-center gap-2 px-5 py-3 bg-field/80 hover:bg-field-light border-2 border-border hover:border-accent/60 rounded-2xl text-sm font-bold text-text-secondary hover:text-accent-light transition-all whitespace-nowrap shrink-0 shadow-md shadow-black/20"> <span class="text-xl">🥋</span> Karate Bros <span class="text-[10px] px-1.5 py-0.5 bg-primary/20 text-primary-light rounded-md font-extrabold">PLAY</span> </a> </div> </div> </section>  <section class="px-4 sm:px-6 lg:px-8 mt-16"> <div class="max-w-7xl mx-auto"> <div class="flex items-center justify-between mb-8"> <div> <h2 class="section-title">Featured Insights</h2> <p class="section-subtitle">Expert analysis and predictions for the biggest matchups</p> </div> <a href="#latest" class="text-sm text-primary-light hover:text-primary font-medium transition-colors hidden sm:block">View all →</a> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <a href="/posts/champions-league-final-2026-arsenal-s-twenty-year-wait-meets-psg-s-defence-of-a-title-they-only-just-won" class="glass-card-hover group overflow-hidden md:col-span-2 md:row-span-2"> <div class="p-1 h-full"> <div class="rounded-2xl bg-gradient-to-br from-field to-field-dark p-6 h-full flex flex-col justify-between min-h-[300px]"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/12121211-ca9urn.jpg" alt="Champions League Final 2026 — Arsenal's Twenty-Year Wait Meets PSG's Defence of a Title They Only Just Won" class="w-full h-48 object-cover rounded-xl mb-4"> <div> <div class="flex items-center gap-2 mb-4"> <span class="badge-sport">Match Previews</span> </div> <h3 class="text-2xl md:text-3xl mb-4 font-extrabold text-text-primary group-hover:text-primary-light transition-colors leading-tight" style="font-family: Rubik, var(--font-sans)">Champions League Final 2026 — Arsenal&#39;s Twenty-Year Wait Meets PSG&#39;s Defence of a Title They Only Just Won</h3> </div> <div class="mt-4 pt-4 border-t border-border/50 flex items-center justify-between"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Joshua Gibbons</span> </div> <span class="text-xs text-text-muted">May 30, 2026</span> </div> </div> </div> </a>  <a href="/football-bros" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <div class="rounded-2xl p-6 relative overflow-hidden" style="background: linear-gradient(135deg, #7c2d12 0%, #c2410c 50%, #ea580c 100%);"> <div class="absolute top-2 right-2 text-[80px] leading-none opacity-20">🏈</div> <div class="relative z-10"> <span class="inline-block text-[10px] px-2 py-0.5 bg-white/20 text-white rounded-md font-extrabold mb-3 border border-white/20">FREE GAME</span> <h3 class="text-lg font-extrabold text-white group-hover:text-yellow transition-colors leading-tight mb-2" style="font-family: Rubik, var(--font-sans)">Football Bros Unblocked</h3> <p class="text-sm text-white/70 leading-relaxed line-clamp-2">Play college football bros retro — run, pass & score touchdowns in your browser. No downloads needed!</p> <div class="mt-4 pt-3 border-t border-white/15 flex items-center justify-between"> <div class="flex flex-wrap gap-1"> <span class="text-[10px] px-1.5 py-0.5 bg-white/10 text-white/60 rounded font-medium">football bros unblocked</span> <span class="text-[10px] px-1.5 py-0.5 bg-white/10 text-white/60 rounded font-medium">football broes</span> </div> <span class="text-xs font-bold text-yellow">Play Now →</span> </div> </div> </div> </div> </a>  <a href="/basketball-bros" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <div class="rounded-2xl p-6 relative overflow-hidden" style="background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #3b82f6 100%);"> <div class="absolute top-2 right-2 text-[80px] leading-none opacity-20">🏀</div> <div class="relative z-10"> <span class="inline-block text-[10px] px-2 py-0.5 bg-white/20 text-white rounded-md font-extrabold mb-3 border border-white/20">FREE GAME</span> <h3 class="text-lg font-extrabold text-white group-hover:text-yellow transition-colors leading-tight mb-2" style="font-family: Rubik, var(--font-sans)">Basketball Bros Unblocked</h3> <p class="text-sm text-white/70 leading-relaxed line-clamp-2">Basket bros — dunk, shoot & dominate the court. Arcade basketball action, free in your browser!</p> <div class="mt-4 pt-3 border-t border-white/15 flex items-center justify-between"> <div class="flex flex-wrap gap-1"> <span class="text-[10px] px-1.5 py-0.5 bg-white/10 text-white/60 rounded font-medium">basket bros unblocked</span> <span class="text-[10px] px-1.5 py-0.5 bg-white/10 text-white/60 rounded font-medium">basktball bros</span> </div> <span class="text-xs font-bold text-yellow">Play Now →</span> </div> </div> </div> </div> </a> </div> </div> </section>  <section class="px-4 sm:px-6 lg:px-8 mt-20"> <div class="max-w-7xl mx-auto"> <div class="mb-8"> <h2 class="section-title">Football Bros Stars</h2> <p class="section-subtitle">Form, condition, and insights for the biggest names in sports</p> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"> <div class="glass-card-hover p-5"> <div class="flex items-start justify-between mb-3"> <div> <div class="text-xs font-medium text-text-muted mb-1">⚽ Football</div> <h3 class="font-bold text-text-primary">Erling Haaland</h3> <p class="text-xs text-text-secondary">Manchester City • ST</p> </div> <div class="text-right"> <div class="text-2xl font-black text-primary-light">94</div> <div class="text-[10px] text-text-muted uppercase">Rating</div> </div> </div> <div class="space-y-2 mt-4"> <div> <div class="flex justify-between text-xs mb-1"> <span class="text-text-muted">Form</span> <span class="text-text-secondary font-medium">95/100</span> </div> <div class="form-meter"> <div class="form-meter-fill bg-green-500" style="width: 95%"></div> </div> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Condition</span> <span class="font-medium text-green-400">Excellent</span> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Market Value</span> <span class="text-text-secondary font-mono font-bold">€180M</span> </div> </div> </div><div class="glass-card-hover p-5"> <div class="flex items-start justify-between mb-3"> <div> <div class="text-xs font-medium text-text-muted mb-1">⚽ Football</div> <h3 class="font-bold text-text-primary">Kylian Mbappé</h3> <p class="text-xs text-text-secondary">Real Madrid • LW</p> </div> <div class="text-right"> <div class="text-2xl font-black text-primary-light">95</div> <div class="text-[10px] text-text-muted uppercase">Rating</div> </div> </div> <div class="space-y-2 mt-4"> <div> <div class="flex justify-between text-xs mb-1"> <span class="text-text-muted">Form</span> <span class="text-text-secondary font-medium">93/100</span> </div> <div class="form-meter"> <div class="form-meter-fill bg-green-500" style="width: 93%"></div> </div> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Condition</span> <span class="font-medium text-green-400">Peak</span> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Market Value</span> <span class="text-text-secondary font-mono font-bold">€200M</span> </div> </div> </div><div class="glass-card-hover p-5"> <div class="flex items-start justify-between mb-3"> <div> <div class="text-xs font-medium text-text-muted mb-1">⚽ Football</div> <h3 class="font-bold text-text-primary">Vinícius Jr.</h3> <p class="text-xs text-text-secondary">Real Madrid • LW</p> </div> <div class="text-right"> <div class="text-2xl font-black text-primary-light">92</div> <div class="text-[10px] text-text-muted uppercase">Rating</div> </div> </div> <div class="space-y-2 mt-4"> <div> <div class="flex justify-between text-xs mb-1"> <span class="text-text-muted">Form</span> <span class="text-text-secondary font-medium">91/100</span> </div> <div class="form-meter"> <div class="form-meter-fill bg-green-500" style="width: 91%"></div> </div> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Condition</span> <span class="font-medium text-yellow-400">Good</span> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Market Value</span> <span class="text-text-secondary font-mono font-bold">€150M</span> </div> </div> </div><div class="glass-card-hover p-5"> <div class="flex items-start justify-between mb-3"> <div> <div class="text-xs font-medium text-text-muted mb-1">⚽ Football</div> <h3 class="font-bold text-text-primary">Bukayo Saka</h3> <p class="text-xs text-text-secondary">Arsenal • RW</p> </div> <div class="text-right"> <div class="text-2xl font-black text-primary-light">90</div> <div class="text-[10px] text-text-muted uppercase">Rating</div> </div> </div> <div class="space-y-2 mt-4"> <div> <div class="flex justify-between text-xs mb-1"> <span class="text-text-muted">Form</span> <span class="text-text-secondary font-medium">90/100</span> </div> <div class="form-meter"> <div class="form-meter-fill bg-green-500" style="width: 90%"></div> </div> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Condition</span> <span class="font-medium text-yellow-400">Good</span> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Market Value</span> <span class="text-text-secondary font-mono font-bold">€140M</span> </div> </div> </div><div class="glass-card-hover p-5"> <div class="flex items-start justify-between mb-3"> <div> <div class="text-xs font-medium text-text-muted mb-1">⚽ Football</div> <h3 class="font-bold text-text-primary">Mohamed Salah</h3> <p class="text-xs text-text-secondary">Liverpool • RW</p> </div> <div class="text-right"> <div class="text-2xl font-black text-primary-light">89</div> <div class="text-[10px] text-text-muted uppercase">Rating</div> </div> </div> <div class="space-y-2 mt-4"> <div> <div class="flex justify-between text-xs mb-1"> <span class="text-text-muted">Form</span> <span class="text-text-secondary font-medium">88/100</span> </div> <div class="form-meter"> <div class="form-meter-fill bg-yellow-500" style="width: 88%"></div> </div> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Condition</span> <span class="font-medium text-yellow-400">Good</span> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Market Value</span> <span class="text-text-secondary font-mono font-bold">€70M</span> </div> </div> </div><div class="glass-card-hover p-5"> <div class="flex items-start justify-between mb-3"> <div> <div class="text-xs font-medium text-text-muted mb-1">⚽ Football</div> <h3 class="font-bold text-text-primary">Jude Bellingham</h3> <p class="text-xs text-text-secondary">Real Madrid • CM</p> </div> <div class="text-right"> <div class="text-2xl font-black text-primary-light">91</div> <div class="text-[10px] text-text-muted uppercase">Rating</div> </div> </div> <div class="space-y-2 mt-4"> <div> <div class="flex justify-between text-xs mb-1"> <span class="text-text-muted">Form</span> <span class="text-text-secondary font-medium">92/100</span> </div> <div class="form-meter"> <div class="form-meter-fill bg-green-500" style="width: 92%"></div> </div> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Condition</span> <span class="font-medium text-green-400">Excellent</span> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Market Value</span> <span class="text-text-secondary font-mono font-bold">€175M</span> </div> </div> </div><div class="glass-card-hover p-5"> <div class="flex items-start justify-between mb-3"> <div> <div class="text-xs font-medium text-text-muted mb-1">⚽ Football</div> <h3 class="font-bold text-text-primary">Robert Lewandowski</h3> <p class="text-xs text-text-secondary">FC Barcelona • ST</p> </div> <div class="text-right"> <div class="text-2xl font-black text-primary-light">86</div> <div class="text-[10px] text-text-muted uppercase">Rating</div> </div> </div> <div class="space-y-2 mt-4"> <div> <div class="flex justify-between text-xs mb-1"> <span class="text-text-muted">Form</span> <span class="text-text-secondary font-medium">84/100</span> </div> <div class="form-meter"> <div class="form-meter-fill bg-yellow-500" style="width: 84%"></div> </div> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Condition</span> <span class="font-medium text-orange-400">Managed</span> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Market Value</span> <span class="text-text-secondary font-mono font-bold">€15M</span> </div> </div> </div><div class="glass-card-hover p-5"> <div class="flex items-start justify-between mb-3"> <div> <div class="text-xs font-medium text-text-muted mb-1">⚽ Football</div> <h3 class="font-bold text-text-primary">Kevin De Bruyne</h3> <p class="text-xs text-text-secondary">Manchester City • CM</p> </div> <div class="text-right"> <div class="text-2xl font-black text-primary-light">89</div> <div class="text-[10px] text-text-muted uppercase">Rating</div> </div> </div> <div class="space-y-2 mt-4"> <div> <div class="flex justify-between text-xs mb-1"> <span class="text-text-muted">Form</span> <span class="text-text-secondary font-medium">85/100</span> </div> <div class="form-meter"> <div class="form-meter-fill bg-yellow-500" style="width: 85%"></div> </div> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Condition</span> <span class="font-medium text-orange-400">Recovering</span> </div> <div class="flex items-center justify-between text-xs"> <span class="text-text-muted">Market Value</span> <span class="text-text-secondary font-mono font-bold">€40M</span> </div> </div> </div> </div> </div> </section>  <section class="px-4 sm:px-6 lg:px-8 mt-20"> <div class="max-w-7xl mx-auto"> <div class="mb-8"> <h2 class="section-title">Browse by Category</h2> <p class="section-subtitle">Find exactly what you're looking for</p> </div> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4"> <a href="/categories/deep-dives" class="glass-card-hover p-5 text-center group cursor-pointer"> <div class="text-4xl mb-3 group-hover:scale-125 group-hover:rotate-12 transition-all duration-300">🔬</div> <h3 class="font-extrabold text-sm text-text-primary mb-1">Deep Dives</h3> <p class="text-[11px] text-text-muted leading-relaxed line-clamp-2">Long-form tactical and statistical analysis</p> </a><a href="/categories/sports-news" class="glass-card-hover p-5 text-center group cursor-pointer"> <div class="text-4xl mb-3 group-hover:scale-125 group-hover:rotate-12 transition-all duration-300">📰</div> <h3 class="font-extrabold text-sm text-text-primary mb-1">Sports news</h3> <p class="text-[11px] text-text-muted leading-relaxed line-clamp-2">Anything sports related comes here</p> </a><a href="/categories/player-insights" class="glass-card-hover p-5 text-center group cursor-pointer"> <div class="text-4xl mb-3 group-hover:scale-125 group-hover:rotate-12 transition-all duration-300">⭐</div> <h3 class="font-extrabold text-sm text-text-primary mb-1">Player Insights</h3> <p class="text-[11px] text-text-muted leading-relaxed line-clamp-2">Form, stats, and transfer news for top players</p> </a><a href="/categories/match-previews" class="glass-card-hover p-5 text-center group cursor-pointer"> <div class="text-4xl mb-3 group-hover:scale-125 group-hover:rotate-12 transition-all duration-300">📋</div> <h3 class="font-extrabold text-sm text-text-primary mb-1">Match Previews</h3> <p class="text-[11px] text-text-muted leading-relaxed line-clamp-2">In-depth pre-match analysis and predictions</p> </a><a href="/categories/odds-lines" class="glass-card-hover p-5 text-center group cursor-pointer"> <div class="text-4xl mb-3 group-hover:scale-125 group-hover:rotate-12 transition-all duration-300">📊</div> <h3 class="font-extrabold text-sm text-text-primary mb-1">Odds &amp; Lines</h3> <p class="text-[11px] text-text-muted leading-relaxed line-clamp-2">Expert breakdown of betting lines and value bets</p> </a> </div> </div> </section>  <section class="px-4 sm:px-6 lg:px-8 mt-20"> <div class="max-w-7xl mx-auto"> <div class="mb-8"> <h2 class="section-title">💡 Did You Know?</h2> <p class="section-subtitle">Fun facts from across the world of sports</p> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4"> <div class="glass-card p-5 border-l-4" style="border-left-color: #22c55e"> <div class="flex items-center gap-2 mb-3"> <span class="text-lg">⚽</span> <span class="text-xs font-semibold text-text-muted uppercase">Football</span> </div> <p class="text-sm text-text-secondary leading-relaxed">Erling Haaland has scored more Premier League goals before 25 than any player in history.</p> </div><div class="glass-card p-5 border-l-4" style="border-left-color: #f97316"> <div class="flex items-center gap-2 mb-3"> <span class="text-lg">🏀</span> <span class="text-xs font-semibold text-text-muted uppercase">Basketball</span> </div> <p class="text-sm text-text-secondary leading-relaxed">Nikola Jokić is the first center to lead the NBA in assists per game since Wilt Chamberlain.</p> </div><div class="glass-card p-5 border-l-4" style="border-left-color: #ef4444"> <div class="flex items-center gap-2 mb-3"> <span class="text-lg">⚾</span> <span class="text-xs font-semibold text-text-muted uppercase">Baseball</span> </div> <p class="text-sm text-text-secondary leading-relaxed">Shohei Ohtani&#39;s contract with the Dodgers ($700M) is the richest in sports history.</p> </div><div class="glass-card p-5 border-l-4" style="border-left-color: #dc2626"> <div class="flex items-center gap-2 mb-3"> <span class="text-lg">🏎️</span> <span class="text-xs font-semibold text-text-muted uppercase">Formula 1</span> </div> <p class="text-sm text-text-secondary leading-relaxed">Max Verstappen won 19 of 22 races in 2023, the most dominant season in F1 history.</p> </div><div class="glass-card p-5 border-l-4" style="border-left-color: #3b82f6"> <div class="flex items-center gap-2 mb-3"> <span class="text-lg">🏒</span> <span class="text-xs font-semibold text-text-muted uppercase">Hockey</span> </div> <p class="text-sm text-text-secondary leading-relaxed">Connor McDavid once clocked 40.9 km/h on ice — the fastest recorded in the NHL.</p> </div><div class="glass-card p-5 border-l-4" style="border-left-color: #eab308"> <div class="flex items-center gap-2 mb-3"> <span class="text-lg">🎾</span> <span class="text-xs font-semibold text-text-muted uppercase">Tennis</span> </div> <p class="text-sm text-text-secondary leading-relaxed">Carlos Alcaraz became the youngest man to be ranked No. 1 in ATP history at 19.</p> </div><div class="glass-card p-5 border-l-4" style="border-left-color: #22c55e"> <div class="flex items-center gap-2 mb-3"> <span class="text-lg">⚽</span> <span class="text-xs font-semibold text-text-muted uppercase">Football</span> </div> <p class="text-sm text-text-secondary leading-relaxed">The Premier League is broadcast in 212 territories to 643 million homes worldwide.</p> </div><div class="glass-card p-5 border-l-4" style="border-left-color: #f97316"> <div class="flex items-center gap-2 mb-3"> <span class="text-lg">🏀</span> <span class="text-xs font-semibold text-text-muted uppercase">Basketball</span> </div> <p class="text-sm text-text-secondary leading-relaxed">LeBron James has played more minutes than any player in NBA history, regular season and playoffs combined.</p> </div> </div> </div> </section> <section class="px-4 sm:px-6 lg:px-8 mt-20"> <div class="max-w-7xl mx-auto"> <div class="flex items-center justify-between mb-8"> <div> <h2 class="section-title">🎰 Top Casinos & Sportsbooks</h2> <p class="section-subtitle">Recommended online casinos</p> </div> <a href="/categories/casinos" class="text-sm text-primary-light hover:text-primary font-medium transition-colors hidden sm:block">View all →</a> </div> <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> <a href="/posts/why-arcade-sports-games-never-truly-disappeared" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/000003-apm6vm.jpg" alt="Why Arcade Sports Games Never Truly Disappeared" class="w-full h-40 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-4 text-center"> <h3 class="font-extrabold text-sm text-text-primary group-hover:text-primary-light transition-colors" style="font-family: Rubik, var(--font-sans)">Why Arcade Sports Games Never Truly Disappeared</h3> </div> </div> </a><a href="/posts/glorion-casino-sportsbook-overview" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/glorion-hero-i4yrpg.webp" alt="Glorion Casino &#38; Sportsbook Overview" class="w-full h-40 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-4 text-center"> <h3 class="font-extrabold text-sm text-text-primary group-hover:text-primary-light transition-colors" style="font-family: Rubik, var(--font-sans)">Glorion Casino &amp; Sportsbook Overview</h3> </div> </div> </a><a href="/posts/spinboss-sportsbook-overview" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/spinboss-art-3-ty2et1.webp" alt="Spinboss Sportsbook Overview" class="w-full h-40 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-4 text-center"> <h3 class="font-extrabold text-sm text-text-primary group-hover:text-primary-light transition-colors" style="font-family: Rubik, var(--font-sans)">Spinboss Sportsbook Overview</h3> </div> </div> </a> </div> </div> </section> <section id="latest" class="px-4 sm:px-6 lg:px-8 mt-20"> <div class="max-w-7xl mx-auto"> <div class="mb-8"> <h2 class="section-title">Latest Insights</h2> <p class="section-subtitle">All our recent analysis and predictions</p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <a href="/posts/champions-league-final-2026-arsenal-s-twenty-year-wait-meets-psg-s-defence-of-a-title-they-only-just-won" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/12121211-ca9urn.jpg" alt="Champions League Final 2026 — Arsenal's Twenty-Year Wait Meets PSG's Defence of a Title They Only Just Won" class="w-full h-48 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-6"> <div class="flex items-center gap-2 mb-3"> <span class="badge-sport">Match Previews</span> </div> <h3 class="font-extrabold text-text-primary group-hover:text-primary-light transition-colors mb-2" style="font-family: Rubik, var(--font-sans)">Champions League Final 2026 — Arsenal&#39;s Twenty-Year Wait Meets PSG&#39;s Defence of a Title They Only Just Won</h3> <div class="flex items-center justify-between pt-3 border-t border-border/50"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Joshua Gibbons</span> </div> <span class="text-xs text-text-muted">May 30, 2026</span> </div> </div> </div> </a><a href="/posts/decade-here-is-why-everything-is-about-to-change" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/333-uezbhd.jpg" alt="The 2026 NFL Season Has the Most Interesting Quarterback Landscape in a Decade — Here Is Why Everything Is About to Change" class="w-full h-48 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-6"> <div class="flex items-center gap-2 mb-3"> <span class="badge-sport">Deep Dives</span> </div> <h3 class="font-extrabold text-text-primary group-hover:text-primary-light transition-colors mb-2" style="font-family: Rubik, var(--font-sans)">The 2026 NFL Season Has the Most Interesting Quarterback Landscape in a Decade — Here Is Why Everything Is About to Change</h3> <div class="flex items-center justify-between pt-3 border-t border-border/50"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Erik Van Dalen</span> </div> <span class="text-xs text-text-muted">May 24, 2026</span> </div> </div> </div> </a><a href="/posts/nba-conference-finals-2026-thunder-spurs-knicks-cavaliers-analysis" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/986-yrmhft.jpg" alt="NBA Conference Finals 2026 — Wembanyama Steals Game 1, the Knicks and Cavs Are Up Next, and the Finals Picture Is Already Taking Shape" class="w-full h-48 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-6"> <div class="flex items-center gap-2 mb-3"> <span class="badge-sport">Deep Dives</span> </div> <h3 class="font-extrabold text-text-primary group-hover:text-primary-light transition-colors mb-2" style="font-family: Rubik, var(--font-sans)">NBA Conference Finals 2026 — Wembanyama Steals Game 1, the Knicks and Cavs Are Up Next, and the Finals Picture Is Already Taking Shape</h3> <div class="flex items-center justify-between pt-3 border-t border-border/50"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Erik Van Dalen</span> </div> <span class="text-xs text-text-muted">May 19, 2026</span> </div> </div> </div> </a><a href="/posts/roland-garros-2026-preview-clay-court-tennis-storylines" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/111-acvbgo.jpg" alt="Roland Garros 2026 — The Year Clay Court Tennis Comes Back Into Focus" class="w-full h-48 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-6"> <div class="flex items-center gap-2 mb-3"> <span class="badge-sport">Match Previews</span> </div> <h3 class="font-extrabold text-text-primary group-hover:text-primary-light transition-colors mb-2" style="font-family: Rubik, var(--font-sans)">Roland Garros 2026 — The Year Clay Court Tennis Comes Back Into Focus</h3> <div class="flex items-center justify-between pt-3 border-t border-border/50"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Joshua Gibbons</span> </div> <span class="text-xs text-text-muted">May 14, 2026</span> </div> </div> </div> </a><a href="/posts/f1-2026-how-the-new-regulations-are-quietly-reshaping-the-title-race-mid-season" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/1-dnyzza.jpg" alt="F1 2026 — How the New Regulations Are Quietly Reshaping the Title Race Mid-Season" class="w-full h-48 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-6"> <div class="flex items-center gap-2 mb-3"> <span class="badge-sport">Deep Dives</span> </div> <h3 class="font-extrabold text-text-primary group-hover:text-primary-light transition-colors mb-2" style="font-family: Rubik, var(--font-sans)">F1 2026 — How the New Regulations Are Quietly Reshaping the Title Race Mid-Season</h3> <div class="flex items-center justify-between pt-3 border-t border-border/50"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Daniel Koster</span> </div> <span class="text-xs text-text-muted">May 14, 2026</span> </div> </div> </div> </a><a href="/posts/nba-playoffs-2026-conference-semifinals-analysis-predictions" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/98765678-jj2f0j.jpg" alt="NBA Playoffs 2026 Conference Semifinals — Eight Teams Left and Every Series Already Has a Story" class="w-full h-48 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-6"> <div class="flex items-center gap-2 mb-3"> <span class="badge-sport">Deep Dives</span> </div> <h3 class="font-extrabold text-text-primary group-hover:text-primary-light transition-colors mb-2" style="font-family: Rubik, var(--font-sans)">NBA Playoffs 2026 Conference Semifinals — Eight Teams Left and Every Series Already Has a Story</h3> <div class="flex items-center justify-between pt-3 border-t border-border/50"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Daniel Koster</span> </div> <span class="text-xs text-text-muted">May 6, 2026</span> </div> </div> </div> </a><a href="/posts/team-playstyle-impact-on-betting-markets-ux-algorithms" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/8790-98-tw2uol.jpg" alt="Why Team Playstyle Shapes Betting Markets More Than Results" class="w-full h-48 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-6"> <div class="flex items-center gap-2 mb-3"> <span class="badge-sport">Odds &amp; Lines</span> </div> <h3 class="font-extrabold text-text-primary group-hover:text-primary-light transition-colors mb-2" style="font-family: Rubik, var(--font-sans)">Why Team Playstyle Shapes Betting Markets More Than Results</h3> <div class="flex items-center justify-between pt-3 border-t border-border/50"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Erik Van Dalen</span> </div> <span class="text-xs text-text-muted">April 14, 2026</span> </div> </div> </div> </a><a href="/posts/betting-platforms-shift-to-ux-driven-products" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/7230110-zlcgiv.jpg" alt="Why Betting Platforms Are Becoming UX Products — Not Just Websites" class="w-full h-48 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-6"> <div class="flex items-center gap-2 mb-3"> <span class="badge-sport">Deep Dives</span> </div> <h3 class="font-extrabold text-text-primary group-hover:text-primary-light transition-colors mb-2" style="font-family: Rubik, var(--font-sans)">Why Betting Platforms Are Becoming UX Products — Not Just Websites</h3> <div class="flex items-center justify-between pt-3 border-t border-border/50"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Sofia Kramer</span> </div> <span class="text-xs text-text-muted">April 14, 2026</span> </div> </div> </div> </a><a href="/posts/euroleague-2026-27-format-teams-future-structure" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/765346567890-pj1syr.jpg" alt="EuroLeague 2026–27 Season Confirmed Stability on the Surface Uncertainty Beneath" class="w-full h-48 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-6"> <div class="flex items-center gap-2 mb-3"> <span class="badge-sport">Deep Dives</span> </div> <h3 class="font-extrabold text-text-primary group-hover:text-primary-light transition-colors mb-2" style="font-family: Rubik, var(--font-sans)">EuroLeague 2026–27 Season Confirmed Stability on the Surface Uncertainty Beneath</h3> <div class="flex items-center justify-between pt-3 border-t border-border/50"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Daniel Koster</span> </div> <span class="text-xs text-text-muted">April 14, 2026</span> </div> </div> </div> </a><a href="/posts/american-soccer-viewing-trends-world-cup-2026" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/021930-nb8w3f.jpg" alt="What Is Really Changing in American Football Viewing Ahead of World Cup 2026" class="w-full h-48 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-6"> <div class="flex items-center gap-2 mb-3"> <span class="badge-sport">Sports news</span> </div> <h3 class="font-extrabold text-text-primary group-hover:text-primary-light transition-colors mb-2" style="font-family: Rubik, var(--font-sans)">What Is Really Changing in American Football Viewing Ahead of World Cup 2026</h3> <div class="flex items-center justify-between pt-3 border-t border-border/50"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Lucas Vermeer</span> </div> <span class="text-xs text-text-muted">April 14, 2026</span> </div> </div> </div> </a><a href="/posts/champions-league-2025-26-a-season-of-power" class="glass-card-hover group overflow-hidden"> <div class="p-1"> <img src="https://image.footballbros.run/01knszb4xcg17v5szdqa9h1mfk/league-champions-25-26-vpvmd6.webp" alt="Champions League 2025–26: A Season of Power Shifts, Rising Giants, and an Unpredictable Finish" class="w-full h-48 object-cover rounded-t-2xl"> <div class="rounded-b-2xl bg-gradient-to-br from-field to-field-dark p-6"> <div class="flex items-center gap-2 mb-3"> <span class="badge-sport">Odds &amp; Lines</span> </div> <h3 class="font-extrabold text-text-primary group-hover:text-primary-light transition-colors mb-2" style="font-family: Rubik, var(--font-sans)">Champions League 2025–26: A Season of Power Shifts, Rising Giants, and an Unpredictable Finish</h3> <div class="flex items-center justify-between pt-3 border-t border-border/50"> <div class="flex items-center gap-2">  <span class="text-xs text-text-muted">Joshua Gibbons</span> </div> <span class="text-xs text-text-muted">April 9, 2026</span> </div> </div> </div> </a> </div> </div> </section>  <section class="px-4 sm:px-6 lg:px-8 mt-20"> <div class="max-w-7xl mx-auto"> <div class="glass-card p-8 sm:p-12 relative overflow-hidden border-2 border-accent/30"> <div class="absolute top-0 right-0 w-64 h-64 bg-gradient-to-br from-accent/15 to-transparent rounded-full blur-3xl translate-x-1/2 -translate-y-1/2"></div> <div class="absolute bottom-0 left-0 w-48 h-48 bg-gradient-to-tr from-primary/15 to-transparent rounded-full blur-3xl -translate-x-1/2 translate-y-1/2"></div> <div class="relative z-10 max-w-3xl mx-auto text-center"> <div class="inline-flex items-center gap-2 px-5 py-2 bg-accent/15 border border-accent/30 rounded-full text-sm font-extrabold text-accent-light mb-6">
🏟️ WELCOME TO FOOTBALL BROS
</div> <h2 class="text-3xl md:text-4xl font-black text-text-primary mb-6 leading-tight" style="font-family: Rubik, var(--font-sans)">
The Smartest Way to<br><span class="text-primary">Follow Sports</span> </h2> <p class="text-text-secondary text-lg leading-relaxed mb-8">
Football Bros brings you expert-level insights powered by data-driven analysis. Whether you're tracking the Premier League, the NBA playoffs, or the F1 championship — we've got you covered.
</p> <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-10"> <div class="p-5 rounded-2xl bg-field/60 border border-border"> <div class="text-3xl mb-2">📊</div> <h4 class="font-extrabold text-text-primary text-sm">Real-Time Odds</h4> <p class="text-xs text-text-muted mt-1">Compare lines across all major sports</p> </div> <div class="p-5 rounded-2xl bg-field/60 border border-border"> <div class="text-3xl mb-2">🤖</div> <h4 class="font-extrabold text-text-primary text-sm">AI Predictions</h4> <p class="text-xs text-text-muted mt-1">Data-powered match outcome analysis</p> </div> <div class="p-5 rounded-2xl bg-field/60 border border-border"> <div class="text-3xl mb-2">⭐</div> <h4 class="font-extrabold text-text-primary text-sm">Player Insights</h4> <p class="text-xs text-text-muted mt-1">Form, stats, and condition tracking</p> </div> </div> <div class="p-6 rounded-2xl bg-field-dark/80 border-2 border-border text-left"> <div class="flex items-center gap-3 mb-3"> <div class="w-10 h-10 rounded-full bg-gradient-to-br from-primary to-yellow border-2 border-primary-light/50 flex items-center justify-center text-lg">🏈</div> <div> <p class="text-sm font-semibold text-text-primary">The Football Bros Team</p> <p class="text-xs text-text-muted">Founders & Editors</p> </div> </div> <p class="text-sm text-text-secondary leading-relaxed">
"We started Football Bros because we believe sports fans deserve better content — not recycled takes, but genuine insight backed by data. Our mission is to be the most trusted source for pre-match analysis and odds comparison. We cover six sports, hundreds of players, and dozens of leagues, all with the care and attention that real fans expect. Welcome to the team. 🤝"
</p> </div> </div> </div> </div> </section>  </main> <!-- Footer --> <footer class="border-t-2 border-accent/20 bg-field-dark/80 mt-20"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> <div class="grid grid-cols-1 md:grid-cols-4 gap-12"> <div class="md:col-span-1"> <div class="flex items-center gap-3 mb-4"> <div class="w-10 h-10 rounded-2xl bg-gradient-to-br from-primary to-yellow border-2 border-primary-light/50 flex items-center justify-center text-xl font-black text-white">🏈</div> <span class="text-lg font-extrabold" style="font-family: Rubik, var(--font-sans)">Football Bros</span> </div> <p class="text-text-secondary text-sm leading-relaxed">Your ultimate hub for sports insights, analysis, and predictions across six major sports.</p> </div> <div> <h4 class="text-sm font-extrabold text-accent-light mb-4 uppercase tracking-wider">Explore</h4> <ul class="space-y-3"> <li><a href="/" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">Home</a></li> <li><a href="/games" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">Games</a></li> <li><a href="/odds" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">Odds Checker</a></li> <li><a href="/about" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">About Us</a></li> <li><a href="/careers" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">Careers</a></li> <li><a href="/categories/casinos" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">Casinos</a></li> </ul> </div> <div> <h4 class="text-sm font-extrabold text-accent-light mb-4 uppercase tracking-wider">Games</h4> <ul class="space-y-3"> <li><a href="/football-bros" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">🏈 Football Bros Unblocked</a></li><li><a href="/basketball-bros" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">🏀 Basketball Bros Unblocked</a></li><li><a href="/soccer-legends" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">⚽ Soccer Bros</a></li><li><a href="/baseball-bros" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">⚾ Baseball Bros</a></li><li><a href="/wrestle-bros" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">🤼 Wrestle Bros</a></li><li><a href="/karate-bros" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">🥋 Karate Bros</a></li> </ul> </div> <div> <h4 class="text-sm font-extrabold text-accent-light mb-4 uppercase tracking-wider">Legal</h4> <ul class="space-y-3"> <li><a href="/privacy" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">Privacy Policy</a></li> <li><a href="/gambling-disclaimer" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">Gambling Disclaimer</a></li> <li><a href="/sitemap-index.xml" class="text-sm text-text-secondary hover:text-primary-light transition-colors font-medium">Sitemap</a></li> </ul> </div> </div> <div class="mt-12 pt-8 border-t-2 border-border flex flex-col sm:flex-row items-center justify-between gap-4"> <p class="text-sm text-text-muted font-medium">&copy; 2026 Football Bros. All rights reserved.</p> <p class="text-xs text-text-muted font-bold bg-red/10 text-red-light px-3 py-1 rounded-full border border-red/20">18+ | Gambling involves risk. Please gamble responsibly.</p> </div> </div> </footer> <script type="module">const e=document.getElementById("mobile-menu-btn"),n=document.getElementById("mobile-menu");e?.addEventListener("click",()=>{n?.classList.toggle("hidden")});</script> </body> </html>