`public/lending.html`

109 lines
<!doctype html>
<html lang="en">
<head>
<script>(function(){try{var t=localStorage.getItem('crcp-theme');document.documentElement.setAttribute('data-theme',t==='light'?'light':'dark');}catch(e){document.documentElement.setAttribute('data-theme','dark');}})();</script>
<script>/* credential-safe fetch (2026-08-18): resolve EVERY relative fetch (with or without a leading slash) against a credential-free base so creds embedded in the page URL (http://user:pass@host/...) don't poison document.baseURI and throw "Request cannot be constructed from a URL that includes credentials". */(function(){var of=window.fetch,O=location.origin;window.fetch=function(u,o){try{if(typeof u==='string'){if(/^[a-z][a-z0-9+.-]*:/i.test(u)){var x=new URL(u);if(x.username||x.password){x.username='';x.password='';u=x.href;}}else{u=new URL(u,O+location.pathname+location.search).href;}}else if(u&&typeof u.url==='string'){var y=new URL(u.url,O+location.pathname+location.search);if(y.username||y.password){y.username='';y.password='';u=new Request(y.href,u);}}}catch(e){}return of.call(this,u,o);};try{if(location.href.indexOf('@')>=0){history.replaceState(null,'',location.pathname+location.search+location.hash);}}catch(e){}})();</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' rx='3' fill='%230c0f15'/%3E%3Ctext x='8' y='12' font-size='9' text-anchor='middle' fill='%23C8A24B'%3E%F0%9F%92%B0%3C/text%3E%3C/svg%3E">
<title>Lending Intelligence — Public-data lenders, credit unions, market activity</title>
<link rel="stylesheet" href="/lending-grid.css">
<style>
  .hero{padding:34px 28px 10px;max-width:1100px;}
  .hero h1{font-size:26px;margin:0 0 6px;} .hero h1 b{color:var(--gold);}
  .hero p{color:var(--mut);max-width:760px;line-height:1.5;}
  .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:14px 28px 40px;max-width:1100px;}
  .lc{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:18px 20px;text-decoration:none;color:var(--ink);display:block;transition:border-color .15s;}
  .lc:hover{border-color:var(--gold);}
  .lc h3{margin:0 0 4px;font-size:17px;} .lc h3 .ic{margin-right:7px;}
  .lc .src{color:var(--acc);font-size:11px;text-transform:uppercase;letter-spacing:.4px;}
  .lc .desc{color:var(--mut);font-size:13px;line-height:1.45;margin:8px 0 10px;}
  .lc .cnt{font-size:12px;color:var(--ink);} .lc .cnt b{color:var(--gold);}
  .lc.gated{opacity:.96;border-style:dashed;}
  .note{max-width:1100px;margin:0 28px 40px;color:var(--mut);font-size:12px;line-height:1.55;border-top:1px solid var(--line);padding-top:16px;}
  .note a{color:var(--blue);}
  .pub{color:var(--acc);border:1px solid rgba(112,173,71,.5);border-radius:8px;padding:2px 9px;font-size:11px;text-transform:uppercase;letter-spacing:.4px;}
</style>
  <link rel="stylesheet" href="/crcp-theme.css"><!-- CRCP day/night tokens: load LAST so html[data-theme] wins -->
  <link rel="stylesheet" href="/nav-agent/nav-agent.css"><!-- nav-agent -->
</head>
<body>
<header>
  <h1><b>💰 Lending</b> Intelligence</h1>
  <div class="nav"><a href="/crcp.html">← CRCP</a><a href="/">Explorer</a><a href="/broker-grid.html">👥 Brokers</a><a href="/fha-loans.html">🏘️ FHA Loans</a></div>
  <span class="spacer"></span>
  <span class="pub">100% public data</span>
</header>

<div class="hero">
  <h1>Lenders, credit unions &amp; mortgage-market activity — <b>for loan officers</b></h1>
  <p>A source-cited directory and market view of the banks, credit unions, and mortgage lenders active in
  Los Angeles County — built entirely from official government / open-data sources (FDIC, NCUA, CFPB/HMDA,
  SBA). Every record links back to its authoritative public record. No proprietary databases, no scraped
  personal contacts, no inferred emails.</p>
</div>

<div class="cards" id="cards">
  <a class="lc" href="/lenders.html" data-ds="lenders">
    <span class="src">FDIC BankFind</span>
    <h3><span class="ic">🏦</span>Lenders — Banks</h3>
    <div class="desc">Every FDIC-insured bank with a branch in LA County — charter type, assets, deposits, HQ, branch count.</div>
    <div class="cnt"><b class="n">…</b> banks · <span class="b">…</span> LA branches</div>
  </a>
  <a class="lc" href="/credit-unions.html" data-ds="credit-unions">
    <span class="src">NCUA</span>
    <h3><span class="ic">🤝</span>Credit Unions</h3>
    <div class="desc">Federally-insured credit unions serving LA County — membership, assets, member counts, branches.</div>
    <div class="cnt"><b class="n">…</b> credit unions</div>
  </a>
  <a class="lc" href="/mortgage-market.html" data-ds="market">
    <span class="src">CFPB / HMDA</span>
    <h3><span class="ic">📊</span>Mortgage Market</h3>
    <div class="desc">Public HMDA lending activity — who originates <b>residential</b> mortgages in LA County by lender, count, and dollar volume. Institution-level only. <em>HMDA covers residential home loans, not commercial-RE loans.</em></div>
    <div class="cnt"><b class="n">…</b> lender-market rows</div>
  </a>
  <a class="lc" href="/sba-lenders.html" data-ds="sba-lenders">
    <span class="src">SBA</span>
    <h3><span class="ic">🏢</span>SBA Lenders</h3>
    <div class="desc">Lenders originating SBA 7(a) / 504 small-business &amp; commercial loans in the LA market, with volumes.</div>
    <div class="cnt"><b class="n">…</b> SBA lenders</div>
  </a>
  <a class="lc gated" href="/loan-officers.html" data-ds="loan-officers">
    <span class="src">NMLS Consumer Access</span>
    <h3><span class="ic">👤</span>Loan Officers</h3>
    <div class="desc">Individual mortgage loan officers by NMLS license. Populated only from authorized entry or an officially-permitted source — never scraped. Deep-links to the official NMLS lookup.</div>
    <div class="cnt"><b class="n">…</b> officers on file</div>
  </a>
</div>

<div class="note">
  <strong>Data sources &amp; methodology.</strong> All data is drawn from official public / open-government
  sources and is displayed with its source, identifier, and retrieval date. Institution-level HMDA lending
  metrics are never represented as any individual's production. We do not scrape or republish NMLS, LinkedIn,
  CoStar, MLS, or any login-gated / proprietary database, and we do not infer or publish personal contact
  details. Individual loan-officer records are <a href="/loan-officers.html">compliance-gated</a> and the
  per-record evidence panel on each page shows the exact public source. Corrections: contact the CRCP admin.
</div>

<script>
const H = { credentials: 'same-origin' };
async function counts(){
  const els = document.querySelectorAll('.lc[data-ds]');
  for (const el of els){
    const ds = el.dataset.ds;
    try{
      const d = await (await fetch('/api/lending/'+ds, H)).json();
      const arr = d.credit_unions || d.lenders || d.market || d.officers || [];
      const n = el.querySelector('.n'); if(n) n.textContent = (d.meta && d.meta.count!=null ? d.meta.count : arr.length).toLocaleString();
      if(ds==='lenders'){ const b=el.querySelector('.b'); if(b){ let br=0; try{ br=(await (await fetch('/api/lending/branches',H)).json()).meta.count; }catch(e){} b.textContent=br.toLocaleString(); } }
    }catch(e){ const n=el.querySelector('.n'); if(n) n.textContent='—'; }
  }
}
counts();
</script>
<script src="/corner-nav.js" defer></script>
  <script src="/crcp-theme.js" defer></script><!-- CRCP day/night toggle (auto-injects into header) -->
  <script src="/nav-agent/nav-agent.js" defer></script><!-- nav-agent -->
</body>
</html>