// ads.jsx — Sponsor ads styled in the BRAND's identity, not the app's. // Each ad uses its own type, color, palette and composition language — // deliberately off-brand from the host app. Built to feel like a real, // art-directed placement: typography hero, brand pattern/texture, proper // hierarchy, secondary copy, fine print, dual-CTA where relevant. // // NOTE: cartoon-style product illustrations have been removed; ads now // lean on typography, color, and brand-specific texture only. // ────────────────────────────────────────────────────────────────────── // GATORADE — sport-fuel energy. Black + electric orange, iconic G-bolt, // hydration stat, refuel CTA. // ────────────────────────────────────────────────────────────────────── function AdGatorade({ onClick }) { return (
{/* Diagonal orange streak — like sweat / motion lines */}
{/* Subtle electrolyte particle dots */} {[ { l: '12%', t: '22%', s: 4 }, { l: '8%', t: '78%', s: 3 }, { l: '70%', t: '14%', s: 3 }, { l: '60%', t: '82%', s: 4 }, { l: '40%', t: '8%', s: 2 }, { l: '50%', t: '92%', s: 3 }, ].map((d, i) => (
))} {/* Iconic G-bolt logo — top left */}
{/* Lightning bolt — Gatorade G mark approximation */}
gatorade.
Official Sports Drink Partner
Fuel
the fight.
Game-day hydration · 0g sugar options
Refuel ›
+ 250 pts
Trusted by college strength & conditioning since 1989
); } // ────────────────────────────────────────────────────────────────────── // COCA-COLA — heritage red, classic ribbon, big script wordmark, // tagline, redeem CTA. // ────────────────────────────────────────────────────────────────────── function AdCocaCola({ onClick }) { return (
{/* Iconic white ribbon, layered */} {/* Bubbles texture */} {[ { cx: 240, cy: 26, r: 3 }, { cx: 256, cy: 50, r: 4 }, { cx: 270, cy: 30, r: 2 }, { cx: 284, cy: 60, r: 3 }, { cx: 224, cy: 70, r: 2.5 }, ].map((b, i) => (
))}
Official Beverage Partner
Coca-Cola
"Real magic happens when the home crowd gets loud."
Show & save 20% at the game ›
); } // ────────────────────────────────────────────────────────────────────── // TOYOTA — premium auto: dark gradient, oval mark, model spec line, // two CTAs. (Truck silhouette removed.) // ────────────────────────────────────────────────────────────────────── function AdToyota({ onClick }) { return (
{/* Thin red rule */}
{/* Toyota wordmark */}
{/* outer oval — proper Toyota proportions (~1.4:1) */} {/* horizontal inner oval — represents "T" crossbar */} {/* vertical inner oval — represents "T" stem */}
Toyota
Official Vehicle Partner
Built for the road to every away game.
2026 Tundra · 437 hp · 11,450 lb tow
Test drive ›
+ 500 pts
); } // ────────────────────────────────────────────────────────────────────── // STATE FARM — Friendly insurance: cheerful red, "good neighbor", // savings stat callout, dual CTAs. (Agent silhouette removed.) // ────────────────────────────────────────────────────────────────────── function AdStateFarm({ onClick }) { return (
{/* Logo bar */}
{/* State Farm 3-oval mark — interlocked horizontal ovals */}
State Farm®
SPONSORED
Like a good neighbor.
Bundle home + auto and save up to $1,073/yr
Marcus K. · Local Agent · Near campus
Get a quote · 3 min
Call agent
Average annual savings based on customers who reported savings by switching to State Farm in 2024.
); } // ────────────────────────────────────────────────────────────────────── // BUFFALO WILD WINGS — sports-bar grit. Saffron diagonal slash, // jumbotron-style price callout, locations CTA. (Wing illustration removed.) // ────────────────────────────────────────────────────────────────────── function AdBWW({ onClick }) { return (
{/* Saffron diagonal slash + mirror */}
{/* TV grid pattern overlay */} {Array.from({ length: 4 }).map((_, c) => Array.from({ length: 4 }).map((_, r) => ( )) )}
BUFFALO WILD WINGS
Wing
Tuesdays
$0.85 traditional · 60¢ boneless
Order now ›
Find a B-Dubs
EVERY TUESDAY · DINE-IN ONLY · NOT VALID WITH OTHER OFFERS
); } // ────────────────────────────────────────────────────────────────────── // MYLAN — clean medical / pharma. Brand mark, soft gradient, partnership // stat block (20 yrs, $X raised), trust/reliability tone. // ────────────────────────────────────────────────────────────────────── function AdMylan({ onClick }) { return (
mylan
Proud athletics partner for 20+ years.
{/* Stats row */}
{[ { n: '20+', l: 'YEARS' }, { n: '$4M', l: 'TO STUDENT-ATHLETES' }, { n: '11k', l: 'SCRIPTS / YR' }, ].map((s, i) => (
{s.n}
{s.l}
))}
Learn about our community impact ›
); } // ────────────────────────────────────────────────────────────────────── // Shared: SPONSORED tag rendered on every ad so users can spot inventory. // ────────────────────────────────────────────────────────────────────── function SponsoredTag({ dark = false, muted = false }) { const color = muted ? '#9aa0a6' : dark ? 'rgba(0,0,0,0.55)' : 'rgba(255,255,255,0.65)'; return (
SPONSORED
); } // ────────────────────────────────────────────────────────────────────── // GATORADE SLIM — half-height banner. Used under the Game Day facts card // and inside the Easy Points game. Pure typographic strip, no imagery. // ────────────────────────────────────────────────────────────────────── function AdGatoradeSlim({ onClick, label = 'Fuel the fight' }) { return (
{label} · gatorade
Shop ›
AD
); } Object.assign(window, { AdGatorade, AdCocaCola, AdToyota, AdStateFarm, AdBWW, AdMylan, AdGatoradeSlim, AdSheetz: AdGatorade });