`public/sponsors.html`

72 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>RENTV — CRE Ad-Buyer Prospects</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<style>
  :root{--blue:#16357A;--navy:#0E2350;--gold:#E8A81C;--red:#D0202E}
  *{box-sizing:border-box}
  body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0b1730;color:#eaf0ff}
  a{color:#ffd980}
  header{padding:24px 32px 18px;border-bottom:1px solid #24345f;background:linear-gradient(180deg,#0e2350,#0b1730)}
  h1{font-family:'Playfair Display',serif;font-size:24px;margin:6px 0 4px}
  .sub{color:#9fb0d8;font-size:14px;max-width:820px;line-height:1.5}
  nav{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
  nav a{padding:8px 16px;border:1px solid #2c3e6e;border-radius:999px;font-size:13px;font-weight:600;background:#132347;text-decoration:none;color:#eaf0ff}
  nav a.active{background:var(--gold);color:#1a1200;border-color:var(--gold)}
  .tabs{padding:20px 32px 0;display:flex;gap:8px;flex-wrap:wrap}
  .tab{padding:9px 16px;border:1px solid #2c3e6e;border-radius:8px 8px 0 0;font-size:13px;font-weight:600;background:#101f42;cursor:pointer}
  .tab.active{background:var(--gold);color:#1a1200;border-color:var(--gold)}
  .panel{padding:24px 32px 70px;max-width:1200px}
  .md{background:#0f1d3d;border:1px solid #24345f;border-radius:12px;padding:26px 30px;line-height:1.6;font-size:14px}
  .md h1{font-family:'Playfair Display',serif;font-size:26px;color:#fff;border-bottom:1px solid #2c3e6e;padding-bottom:10px}
  .md h2{color:var(--gold);font-size:18px;margin-top:28px}
  .md h3{color:#cfe;font-size:15px}
  .md table{border-collapse:collapse;width:100%;margin:14px 0;font-size:12.5px}
  .md th,.md td{border:1px solid #2c3e6e;padding:7px 9px;text-align:left;vertical-align:top}
  .md th{background:#16357A;color:#fff;position:sticky;top:0}
  .md tr:nth-child(even) td{background:#122142}
  .md code{background:#1c2c54;padding:1px 5px;border-radius:4px}
  .md a{color:#ffd980;word-break:break-word}
  .callout{margin:0 32px 4px;padding:16px 18px;background:#0a7c3e22;border:1px solid #0a7c3e;border-left:4px solid #23c274;border-radius:10px;font-size:13.5px;line-height:1.55}
  .loading{color:#9fb0d8;padding:20px}
</style>
</head>
<body>
<header>
  <h1>CRE Ad-Buyer Prospects — who actually pays for CRE ads</h1>
  <div class="sub">Verified prospect lists of commercial-real-estate firms that spend on advertising/sponsorship — the companies Steve Bloom can sell RENTV ad inventory to (banners, dedicated eblasts to ~50,000 CRE pros, conference &amp; podcast sponsorships). Four markets, each source-checked.</div>
  <nav>
    <a href="index.html">◱ Flyer Concepts</a>
    <a class="active" href="sponsors.html">◉ CRE Ad-Buyer Prospects</a>
    <a href="source.html">⌸ Original Flyer</a>
  </nav>
</header>
<div class="callout">🔥 <b>Warmest targets — already paying:</b> RENTV.com's own homepage currently runs live ads from <b>CBRE</b>, <b>Rockefeller Group</b>, <b>Premier Workspaces</b> and <b>Chase Partners</b> — proven buyers to renew/upsell first. Next tier: commercial <b>title/escrow</b> firms (First American, Fidelity, Chicago Title) and repeat brokerage spenders (<b>Marcus &amp; Millichap</b>, <b>Kidder Mathews</b>) — RENTV's most consistent CRE-media advertisers.</div>
<div class="tabs" id="tabs">
  <div class="tab active" data-f="research/sponsors-la-socal.md">LA / SoCal · 30</div>
  <div class="tab" data-f="research/sponsors-western-footprint.md">Western Footprint · 33</div>
  <div class="tab" data-f="research/sponsors-central-coast.md">Central Coast · 20</div>
  <div class="tab" data-f="research/sponsors-national.md">National · 28</div>
</div>
<div class="panel"><div class="md" id="md"><div class="loading">Loading…</div></div></div>
<script>
  const md = document.getElementById('md');
  async function load(f){
    md.innerHTML='<div class="loading">Loading '+f+'…</div>';
    try{ const r=await fetch(f); const t=await r.text(); md.innerHTML=marked.parse(t);
      md.querySelectorAll('a').forEach(a=>a.target='_blank'); }
    catch(e){ md.innerHTML='<div class="loading">Could not load '+f+' — '+e+'</div>'; }
  }
  document.querySelectorAll('.tab').forEach(t=>t.onclick=()=>{
    document.querySelectorAll('.tab').forEach(x=>x.classList.remove('active'));
    t.classList.add('active'); load(t.dataset.f);
  });
  load('research/sponsors-la-socal.md');
</script>
</body>
</html>