← back to Rentv 2026

public/cre-talk.html

163 lines

<!doctype html>
<html lang="en"><head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>CRE Talk — RENTV.com</title>
<meta name="description" content="CRE Talk — RENTV's interview series with the CEOs and principals steering Western-U.S. commercial real estate.">
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
<style>
  :root{--red:#c8102e;--ink:#14171a;--sub:#5b636b;--line:#e4e7ea;--bg:#fff;--wash:#f5f6f8;--sans:'Inter',system-ui,sans-serif;--serif:'Playfair Display',Georgia,serif}
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.5}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1200px;margin:0 auto;padding:0 20px}
  .util{background:var(--ink);color:#cfd4d9;font-size:12px}
  .util .wrap{display:flex;justify-content:space-between;align-items:center;height:34px}
  .ticker{display:flex;gap:20px;overflow:hidden;white-space:nowrap}.ticker b{color:#fff}.up{color:#4ade80}.dn{color:#f87171}
  .util .acts a{margin-left:14px;color:#cfd4d9}.util .acts a.sub{color:#fff;background:var(--red);padding:4px 12px;border-radius:3px;font-weight:700}
  .mast{border-bottom:2px solid var(--ink);padding:20px 0 14px}
  .mast .wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px}
  .logo{font-family:var(--serif);font-weight:700;font-size:42px;letter-spacing:-1px}.logo span{color:var(--red)}
  .logo small{display:block;font-size:11px;font-weight:600;letter-spacing:3px;color:var(--sub);text-transform:uppercase;margin-top:2px;font-family:var(--sans)}
  .datebox{font-size:12px;color:var(--sub);text-align:center}
  nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:10}
  nav .wrap{display:flex;gap:2px;align-items:center;height:46px}
  .ham{display:none;background:none;border:0;font-size:24px;line-height:1;color:var(--ink);cursor:pointer;padding:8px 12px 8px 0;margin-right:4px}
  .navlinks{display:flex;gap:2px;align-items:center;overflow-x:auto}
  nav a{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:13px 8px;border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer}
  nav a:hover,nav a.on{color:var(--red);border-color:var(--red)}
  @media(max-width:860px){
    .ham{display:block;margin-left:auto}
    nav .wrap{height:52px}
    .navlinks{display:none;position:absolute;top:52px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;border-bottom:2px solid var(--ink);box-shadow:0 10px 24px rgba(0,0,0,.14);z-index:30;max-height:78vh;overflow-y:auto}
    .navlinks.open{display:flex}
    .navlinks a{padding:15px 20px;border-bottom:1px solid var(--line);border-left:4px solid transparent}
    .navlinks a:hover,.navlinks a.on{color:var(--red);border-bottom:1px solid var(--line);border-left-color:var(--red)}
  }
  .phero{background:linear-gradient(135deg,#111827,#c8102e);color:#fff;padding:54px 0}
  .phero .k{font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.85;margin-bottom:12px}
  .phero h1{font-family:var(--serif);font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.5px;max-width:20ch}
  .phero p{max-width:60ch;margin-top:14px;font-size:17px;opacity:.94}
  .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.rv{transition:none;opacity:1;transform:none}}
  section.blk{padding:52px 0;border-bottom:1px solid var(--line)}
  .eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--red);margin-bottom:10px}
  h2.big{font-family:var(--serif);font-size:clamp(26px,3.4vw,38px);line-height:1.12;letter-spacing:-.4px;max-width:24ch}
  .lead2{max-width:66ch;color:var(--sub);margin-top:12px;font-size:18px}
  .cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
  .cols2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
  @media(max-width:860px){.cols3{grid-template-columns:1fr}.cols2{grid-template-columns:1fr}}
  .tile{border:1px solid var(--line);border-radius:8px;padding:26px 24px;transition:.25s;background:#fff}
  .tile:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(0,0,0,.09);border-color:#cfd4d9}
  .tile .n{font-family:var(--serif);font-size:15px;color:var(--red)}
  .tile h3{font-family:var(--serif);font-size:22px;margin:8px 0 8px}
  .tile p{color:var(--sub);font-size:15px}
  .tile .price{margin-top:14px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}
  .statrow{display:flex;flex-wrap:wrap;gap:44px;margin-top:26px}
  .statrow .v{font-family:var(--serif);font-size:40px;color:var(--red);line-height:1}
  .statrow .l{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sub);margin-top:6px}
  .cta{display:inline-block;background:var(--red);color:#fff;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding:13px 26px;border-radius:5px;cursor:pointer;border:0;margin-top:22px}
  .cta.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
  .cta:hover{filter:brightness(1.06)}
  .form{max-width:520px;margin-top:26px}
  .form label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sub);margin:14px 0 6px}
  .form input,.form select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:5px;font-size:15px;font-family:inherit}
  .form .ok{display:none;margin-top:14px;padding:12px 16px;background:#ecfdf3;border:1px solid #a7f3d0;border-radius:6px;color:#067647;font-size:14px}
  .kv{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}.kv b{font-weight:700}
  footer{background:var(--ink);color:#aeb6bd;margin-top:0;padding:40px 0 30px;font-size:13px}
  footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
  footer .logo{color:#fff;font-size:26px;margin-bottom:8px}footer h5{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}footer a{display:block;padding:4px 0;color:#aeb6bd}
  footer .fine{border-top:1px solid #2a2f34;margin-top:26px;padding-top:16px;font-size:12px;color:#7c848b}
  @media(max-width:860px){footer .cols{grid-template-columns:1fr 1fr}}
</style></head><body>

  <div class="util"><div class="wrap">
    <div class="ticker" id="ticker"><span><b>CRE INDEX</b> …</span><span><b>10-YR</b> …</span><span><b>LA OFFICE VAC</b> …</span></div>
    <div class="acts"><a href="/subscribe">Newsletters</a><a href="/advertise">Advertise</a><a href="/subscribe" class="sub">Subscribe</a></div>
  </div></div>
  <header class="mast"><div class="wrap">
    <a class="logo" href="/">REN<span>TV</span>.com<small>Commercial Real Estate News</small></a>
    <div class="datebox"><span>Western U.S. Edition</span><br><span id="today"></span></div>
  </div></header>
  <nav><div class="wrap">
    <button class="ham" id="hamBtn" aria-label="Menu" aria-expanded="false">☰</button>
    <div class="navlinks" id="nav">
      <a href="/">Home</a><a href="/closings">Closings</a><a href="/sales">Sales</a><a href="/leases">Leases</a><a href="/financing">Financing</a><a href="/development">Development</a><a href="/multifamily">Multifamily</a><a href="/industrial">Industrial</a><a href="/retail">Retail</a><a href="/markets">Markets</a><a href="/review">The REview</a><a href="/cre-talk" class="on">CRE Talk</a><a href="/conferences">Conferences</a><a href="/versions">Versions</a><a href="/blog">Blog</a>
    </div>
  </div></nav>

  <div class="phero"><div class="wrap">
    <div class="k">The Interview Series</div>
    <h1>CRE Talk.</h1>
    <p>Candid, on-the-record conversations with the CEOs, principals and dealmakers steering Western-U.S. commercial real estate — where the market's really headed, from the people moving it.</p>
  </div></div>
  <section class="blk"><div class="wrap">
    <div class="cols3 rv">
      <div class="tile"><div class="n">Format</div><h3>15–25 minutes</h3><p>One leader, one host, no fluff — the strategy conversation you'd want over coffee, on the record.</p></div>
      <div class="tile"><div class="n">Guests</div><h3>Regional principals</h3><p>The CEOs and heads of capital markets, development and brokerage across the West.</p></div>
      <div class="tile"><div class="n">Where</div><h3>On The REview</h3><p>Every episode lives on RENTV's video platform — watch, share, and subscribe for new drops.</p></div>
    </div>
  </div></section>
  <section class="blk"><div class="wrap">
    <div class="eyebrow rv">Watch</div><h2 class="big rv">From The REview.</h2>
    <p class="lead2 rv">CRE Talk episodes live on The REview, alongside RENTV's full video catalog — market panels, property features and deal breakdowns. Here's what's fresh right now.</p>
    <div class="cols3" id="vidgrid" style="margin-top:26px"><p style="color:var(--sub)">Loading the latest videos…</p></div>
    <a class="cta rv" href="/review" style="margin-top:26px">See the full REview catalog →</a>
  </div></section>
  <section class="blk"><div class="wrap">
    <div class="cols2">
      <div class="tile rv"><div class="n">Be a guest</div><h3>Have a market view worth 20 minutes?</h3><p>We're always booking principals with something to say about where Western-U.S. CRE is going. Tell us about you.</p>
        <form class="form" data-fakepost style="margin-top:8px"><label>Name &amp; firm</label><input required placeholder="Name — Firm"><label>Email</label><input type="email" required placeholder="you@company.com"><button class="cta" type="submit">Pitch a segment →</button><div class="ok">✓ Thanks — our producers will be in touch.</div></form>
      </div>
      <div class="tile rv"><div class="n">Sponsor the series</div><h3>Put your brand on the conversation.</h3><p>Named sponsorship and pre-roll on CRE Talk reaches the exact decision-makers you want — before, during and after each episode.</p><a class="cta ghost" href="/advertise" style="margin-top:16px">See sponsor options →</a></div>
    </div>
  </div></section>
  <script>
    (function(){var g=document.getElementById('vidgrid');if(!g)return;
      fetch('/api/videos').then(function(r){return r.json();}).then(function(d){
        var items=(d.items||[]).slice(0,6);
        if(!items.length){g.innerHTML='<p style="color:var(--sub)">Video catalog is refreshing — check back shortly.</p>';return;}
        g.innerHTML=items.map(function(v){
          var href=v.view_url||('https://www.rentvreview.com/Videos/View/'+encodeURIComponent(v.id||''));
          var thumb=v.thumb||(v.yt?('https://img.youtube.com/vi/'+v.yt+'/hqdefault.jpg'):'');
          return '<a class="tile" href="'+esc(href)+'" target="_blank" rel="noopener" style="padding:0;overflow:hidden">'+
            '<div style="aspect-ratio:16/9;background:#111 center/cover'+(thumb?(" url('"+esc(thumb)+"')"):'')+'"></div>'+
            '<div style="padding:16px 18px"><div class="n" style="font-size:11px;letter-spacing:.1em;text-transform:uppercase">'+esc(v.cat||'The REview')+'</div>'+
            '<h3 style="font-size:18px;margin:6px 0 0">'+esc(v.title||'RENTV video')+'</h3></div></a>';
        }).join('');
      }).catch(function(){g.innerHTML='<p style="color:var(--sub)">Video catalog temporarily unavailable.</p>';});
    })();
  </script>

  <footer><div class="wrap"><div class="cols">
    <div><div class="logo">REN<span style="color:var(--red)">TV</span>.com</div><p style="max-width:34ch">Commercial real estate news, deals &amp; conferences across the Western United States since 1998.</p></div>
    <div><h5>Sections</h5><a href="/sales">Sales</a><a href="/leases">Leases</a><a href="/financing">Financing</a><a href="/development">Development</a><a href="/multifamily">Multifamily</a><a href="/industrial">Industrial</a><a href="/retail">Retail</a><a href="/markets">Markets</a></div>
    <div><h5>Company</h5><a href="/about">About</a><a href="/advertise">Advertise</a><a href="/conferences">Conferences</a><a href="/subscribe">Subscribe</a></div>
    <div><h5>Follow</h5><a href="https://www.linkedin.com/company/rentv.com-inc" target="_blank" rel="noopener">LinkedIn</a><a href="/review">The REview</a><a href="/cre-talk">CRE Talk</a><a href="/subscribe">Newsletters</a></div>
  </div><div class="fine">© 2026 RENTV.com · 5757 W. Century Blvd, Suite 700, Los Angeles, CA 90045 · (310) 213-6409</div></div></footer>
<script>
  var t=document.getElementById('today');if(t)t.textContent=new Date().toLocaleDateString(undefined,{weekday:'long',year:'numeric',month:'long',day:'numeric'});
  var hb=document.getElementById('hamBtn');if(hb)hb.addEventListener('click',function(){var o=document.getElementById('nav').classList.toggle('open');hb.setAttribute('aria-expanded',o);});
  var esc=function(s){return (s||'').replace(/[&<>"]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c];});};
  (function(){fetch('/api/ticker').then(function(r){return r.json();}).then(function(t){
    function cell(m){if(!m||!m.value)return '';var amt=m.change_pct!=null?Math.abs(m.change_pct)+'%':(m.change_bps!=null?Math.abs(m.change_bps)+'bps':'');var arr=m.dir==='up'?' <span class="up">▲'+amt+'</span>':(m.dir==='down'?' <span class="dn">▼'+amt+'</span>':'');return '<span><b>'+esc(m.label)+'</b> '+esc(m.value)+arr+'</span>';}
    var h=[t.cre_index,t.ten_yr,t.la_office_vac,t.ie_industrial_cap].map(cell).filter(Boolean).join('');
    var el=document.getElementById('ticker');if(h&&el)el.innerHTML=h;
  }).catch(function(){});})();
  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.1});
  document.querySelectorAll('.rv').forEach(function(el){io.observe(el);});
  document.querySelectorAll('form[data-fakepost]').forEach(function(f){f.addEventListener('submit',function(e){e.preventDefault();var ok=f.querySelector('.ok');if(ok){ok.style.display='block';}f.querySelectorAll('input,select,button').forEach(function(x){if(x.type!=='reset')x.setAttribute('disabled','');});});});
  // Real newsletter capture → POST /api/subscribe (append-only JSONL; no external send-to-list).
  document.querySelectorAll('form[data-subscribe]').forEach(function(f){f.addEventListener('submit',function(e){e.preventDefault();
    var email=(f.querySelector('input[type=email]')||{}).value||'';
    var name=(f.querySelector('input[data-name]')||{}).value||'';
    var interest=(f.querySelector('select')||{}).value||'';
    var ok=f.querySelector('.ok');var btn=f.querySelector('button');if(btn)btn.setAttribute('disabled','');
    fetch('/api/subscribe',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email:email,name:name,interest:interest,source:f.getAttribute('data-subscribe')||'site'})})
      .then(function(r){return r.json();}).then(function(j){
        if(j&&j.ok){if(ok){ok.style.display='block';}f.querySelectorAll('input,select').forEach(function(x){x.setAttribute('disabled','');});}
        else{if(btn)btn.removeAttribute('disabled');alert((j&&j.error)?('Please enter a valid email — '+j.error):'Could not subscribe, please try again.');}
      }).catch(function(){if(btn)btn.removeAttribute('disabled');alert('Network error — please try again.');});
  });});</script>
<script src="/theme.js"></script>
</body></html>