← back to Consulting Rentv Com
public/versions/marketplace.html
225 lines
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>RENTV Service-Provider Marketplace — seeded demo</title>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Jost:wght@300;400;500&display=swap" rel="stylesheet">
<style>
:root{--bg:#0c1016;--panel:#121722;--ink:#eef1f6;--gold:#c8a15a;--line:rgba(200,161,90,.22);--dim:rgba(238,241,246,.66)}
*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:'Jost',system-ui,sans-serif}
.badge{position:fixed;left:16px;bottom:16px;z-index:60;background:var(--gold);color:#0c1016;font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:7px 13px;border-radius:2px}
header{padding:40px clamp(20px,6vw,80px) 24px;border-bottom:1px solid var(--line)}
.k{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}
h1{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(28px,4.4vw,48px);margin:8px 0 6px}
header p{color:var(--dim);max-width:76ch;font-size:15.5px}
.bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:18px clamp(20px,6vw,80px);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:10}
#q{flex:1;min-width:220px;padding:11px 14px;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:5px;font-size:14px}
.chip{background:none;border:1px solid var(--line);color:var(--dim);font-size:12px;padding:8px 13px;border-radius:20px;cursor:pointer;font-family:inherit}
.chip b{color:var(--gold)}.chip.on{background:var(--gold);color:#0c1016}.chip.on b{color:#0c1016}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;padding:24px clamp(20px,6vw,80px) 80px}
.pc{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:18px;display:flex;flex-direction:column;gap:6px;transition:.25s}
.pc:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.45)}
.pcat{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.pname{font-weight:500;font-size:15.5px;line-height:1.3}.psub{font-size:13px;color:var(--dim)}
.pmeta{display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--dim);margin-top:4px}
.src{font-size:10.5px;opacity:.55;letter-spacing:.04em}
.pbtn{margin-top:auto;align-self:flex-start;background:none;border:1px solid var(--gold);color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:inherit}
.pbtn:hover{background:var(--gold);color:#0c1016}
</style></head><body>
<a class="badge" href="/portal#teardown">◀ Back to the teardown · seeded DEMO</a>
<header><div class="k">RENTV · R.E. Marketplace — working demo</div>
<h1 class="disp">Service Providers — never launch empty again.</h1>
<p>The live site shows "(0)" in every category. This demo is the fix: <b style="color:var(--gold)">62 real Los Angeles providers</b> — 40 brokers from live listing data (with phone numbers), plus web-researched firms across 4 more categories — seeded so the marketplace opens FULL. Each firm gets a free claimable listing; Featured placement becomes the paid tier.</p></header>
<div class="bar"><input id="q" placeholder="Search providers, firms, cities…"><button class="chip on" data-cat="all">All <b>(62)</b></button><button class="chip" data-cat="Brokerage">Brokerage <b>(40)</b></button><button class="chip" data-cat="Property Management">Property Management <b>(7)</b></button><button class="chip" data-cat="Legal">Legal <b>(6)</b></button><button class="chip" data-cat="Construction / TI">Construction / TI <b>(5)</b></button><button class="chip" data-cat="Appraisal">Appraisal <b>(4)</b></button></div>
<div class="grid" id="grid"><div class="pc" data-cat="Brokerage" data-s="errol spiro — miller & desatnik realty corp 16 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Errol Spiro — Miller & Desatnik Realty Corp</div><div class="psub">16 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (310) 202-9166</span><span>✉ info@mdrealtycorp.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="robert stepp — stepp commercial 15 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Robert Stepp — Stepp Commercial</div><div class="psub">15 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (310) 463-2916</span><span>✉ rstepp@steppcommercial.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="handoko chen — growth investment group 14 active listings · pasadena">
<div class="pcat">Brokerage</div><div class="pname">Handoko Chen — Growth Investment Group</div><div class="psub">14 active listings · Pasadena</div>
<div class="pmeta"><span>📞 (626) 594-4901</span><span>✉ han.chen@growthinvestmentgroup.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="michael toveg — stepp commercial 14 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Michael Toveg — Stepp Commercial</div><div class="psub">14 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (310) 463-2916</span><span>✉ mtoveg@steppcommercial.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="cameron samimi — lyon stahl investment real estate 13 active listings · el segundo">
<div class="pcat">Brokerage</div><div class="pname">Cameron Samimi — Lyon Stahl Investment Real Estate</div><div class="psub">13 active listings · El Segundo</div>
<div class="pmeta"><span>📞 (310) 425-9838</span><span>✉ leadership@lyonstahl.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="jonathan taksa — taksa investment group 12 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Jonathan Taksa — Taksa Investment Group</div><div class="psub">12 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (424) 672-8220</span><span>✉ jon@taksainvestment.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="daniel withers — matthews 10 active listings · el segundo">
<div class="pcat">Brokerage</div><div class="pname">Daniel Withers — Matthews</div><div class="psub">10 active listings · El Segundo</div>
<div class="pmeta"><span>📞 (866) 889-0550</span><span>✉ contact@matthews.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="jenny eng — cbre la 10 active listings · glendale">
<div class="pcat">Brokerage</div><div class="pname">Jenny Eng — CBRE LA</div><div class="psub">10 active listings · Glendale</div>
<div class="pmeta"><span>📞 (818) 907-4606</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="cameron samimi — lyon stahl investment real estate, inc. 9 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Cameron Samimi — Lyon Stahl Investment Real Estate, Inc.</div><div class="psub">9 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (310) 425-9838</span><span>✉ cameron@lyonstahl.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="elizabeth maddox — myunits.com 9 active listings · burbank">
<div class="pcat">Brokerage</div><div class="pname">Elizabeth Maddox — Myunits.com</div><div class="psub">9 active listings · Burbank</div>
<div class="pmeta"><span>📞 (844) 698-6487</span><span>✉ elizabeth@myunits.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="taylor avakian — lyon stahl investment real estate 9 active listings · el segundo">
<div class="pcat">Brokerage</div><div class="pname">Taylor Avakian — Lyon Stahl Investment Real Estate</div><div class="psub">9 active listings · El Segundo</div>
<div class="pmeta"><span>📞 (310) 425-9838</span><span>✉ leadership@lyonstahl.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="bill ruane — estate properties 8 active listings · palos verdes estates">
<div class="pcat">Brokerage</div><div class="pname">Bill Ruane — Estate Properties</div><div class="psub">8 active listings · Palos Verdes Estates</div>
<div class="pmeta"><span>📞 (310) 877-2374</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="casey lins — kidder matthews 8 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Casey Lins — Kidder Matthews</div><div class="psub">8 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (877) 454-3337</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="johnnie stiegler — lyon stahl investment real estate 8 active listings · el segundo">
<div class="pcat">Brokerage</div><div class="pname">Johnnie Stiegler — Lyon Stahl Investment Real Estate</div><div class="psub">8 active listings · El Segundo</div>
<div class="pmeta"><span>📞 (310) 425-9838</span><span>✉ leadership@lyonstahl.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="vincent cook — kidder mathews los angeles 8 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Vincent Cook — Kidder Mathews Los Angeles</div><div class="psub">8 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (877) 454-3337</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="ken morgan — morgan skenderian investment real estate group 7 active listings · newport beach">
<div class="pcat">Brokerage</div><div class="pname">Ken Morgan — Morgan Skenderian Investment Real Estate Group</div><div class="psub">7 active listings · Newport Beach</div>
<div class="pmeta"><span>📞 (949) 251-8800</span><span>✉ kem@morganskenderian.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="stephen takahashi — lyon stahl investment real estate 7 active listings · el segundo">
<div class="pcat">Brokerage</div><div class="pname">Stephen Takahashi — Lyon Stahl Investment Real Estate</div><div class="psub">7 active listings · El Segundo</div>
<div class="pmeta"><span>📞 (310) 425-9838</span><span>✉ leadership@lyonstahl.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="woody stahl — lyon stahl investment real estate 7 active listings · el segundo">
<div class="pcat">Brokerage</div><div class="pname">Woody Stahl — Lyon Stahl Investment Real Estate</div><div class="psub">7 active listings · El Segundo</div>
<div class="pmeta"><span>📞 (310) 425-9838</span><span>✉ leadership@lyonstahl.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="brett lyon — lyon stahl investment real estate 6 active listings · el segundo">
<div class="pcat">Brokerage</div><div class="pname">Brett Lyon — Lyon Stahl Investment Real Estate</div><div class="psub">6 active listings · El Segundo</div>
<div class="pmeta"><span>📞 (310) 425-9838</span><span>✉ leadership@lyonstahl.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="donald heller — don heller group | christie's international real estate akg 6 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Donald Heller — Don Heller Group | Christie's International Real Estate AKG</div><div class="psub">6 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (310) 466-7809</span><span>✉ sales@donhellergroup.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="haik bokhchalian — johnhart real estate 6 active listings · sherman oaks">
<div class="pcat">Brokerage</div><div class="pname">Haik Bokhchalian — JohnHart Real Estate</div><div class="psub">6 active listings · Sherman Oaks</div>
<div class="pmeta"><span>📞 (888) 550-4440</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="ix garcia — kim real estate, inc 6 active listings · oakland">
<div class="pcat">Brokerage</div><div class="pname">Ix Garcia — Kim Real Estate, Inc</div><div class="psub">6 active listings · Oakland</div>
<div class="pmeta"><span>📞 (925) 336-9746</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="jesse weinberg — jesse weinberg 6 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Jesse Weinberg — Jesse Weinberg</div><div class="psub">6 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 800-804-9132</span><span>✉ info@jesseweinberg.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="shant sherbetdjian — re/max commercial & investment realty 6 active listings · pasadena">
<div class="pcat">Brokerage</div><div class="pname">Shant Sherbetdjian — RE/MAX Commercial & Investment Realty</div><div class="psub">6 active listings · Pasadena</div>
<div class="pmeta"><span>📞 (310) 802-2500</span><span>✉ slampe@remaxcir.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="artin sarkissian — the art in real estate 5 active listings · glendale">
<div class="pcat">Brokerage</div><div class="pname">Artin Sarkissian — The Art In Real Estate</div><div class="psub">5 active listings · Glendale</div>
<div class="pmeta"><span>📞 (818) 241-3000</span><span>✉ info@theartinrealestate.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="justin white — centennial advisers 5 active listings · long beach">
<div class="pcat">Brokerage</div><div class="pname">Justin White — Centennial Advisers</div><div class="psub">5 active listings · Long Beach</div>
<div class="pmeta"><span>📞 (562) 269-4844</span><span>✉ info@centennialadvisers.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="kelly morgan — houze real estate mgmt & development 5 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Kelly Morgan — Houze Real Estate Mgmt & Development</div><div class="psub">5 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (310) 836-3638</span><span>✉ info@kellymorgancommercial.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="matthew guerra — principle quality investments 5 active listings · whittier">
<div class="pcat">Brokerage</div><div class="pname">Matthew Guerra — Principle Quality Investments</div><div class="psub">5 active listings · Whittier</div>
<div class="pmeta"><span>📞 (909) 997-9765</span><span>✉ matthew.guerra@principlequalityinvestments.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="olga wright — lyon stahl investment real estate 5 active listings · el segundo">
<div class="pcat">Brokerage</div><div class="pname">Olga Wright — Lyon Stahl Investment Real Estate</div><div class="psub">5 active listings · El Segundo</div>
<div class="pmeta"><span>📞 (310) 425-9838</span><span>✉ leadership@lyonstahl.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="pat swanson — stream realty partners greater l.a. 5 active listings · irvine">
<div class="pcat">Brokerage</div><div class="pname">Pat Swanson — Stream Realty Partners Greater L.A.</div><div class="psub">5 active listings · Irvine</div>
<div class="pmeta"><span>📞 (214) 267-0400</span><span>✉ pat.swanson@streamrealty.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="reza ghobadi — colliers - los angeles - woodland hills, california 5 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Reza Ghobadi — Colliers - Los Angeles - Woodland Hills, California</div><div class="psub">5 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (818) 325-4142</span><span>✉ reza.ghobadi@colliers.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="blas fernandez — ikon properties 4 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Blas Fernandez — IKON Properties</div><div class="psub">4 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (818) 319-9191</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="chase simonton — re/max one 4 active listings · woodland hills">
<div class="pcat">Brokerage</div><div class="pname">Chase Simonton — RE/MAX One</div><div class="psub">4 active listings · Woodland Hills</div>
<div class="pmeta"><span>📞 (714) 721-7957</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="chris bosworth — cbre - atlanta 4 active listings · atlanta">
<div class="pcat">Brokerage</div><div class="pname">Chris Bosworth — CBRE - Atlanta</div><div class="psub">4 active listings · Atlanta</div>
<div class="pmeta"><span>📞 (404) 441-3849</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="gordon inman — keller williams realty - la harbor 4 active listings · rancho palos verdes">
<div class="pcat">Brokerage</div><div class="pname">Gordon Inman — Keller Williams Realty - LA Harbor</div><div class="psub">4 active listings · Rancho Palos Verdes</div>
<div class="pmeta"><span>📞 (310) 832-7272</span><span>✉ info@sanpedrochamber.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="hannah hampton — cbre la 4 active listings · glendale">
<div class="pcat">Brokerage</div><div class="pname">Hannah Hampton — CBRE LA</div><div class="psub">4 active listings · Glendale</div>
<div class="pmeta"><span>📞 (805) 630-3890</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="jacqueline carroll — compass 4 active listings · beverly hills">
<div class="pcat">Brokerage</div><div class="pname">Jacqueline Carroll — Compass</div><div class="psub">4 active listings · Beverly Hills</div>
<div class="pmeta"><span>📞 (212) 913-9058</span><span>✉ jacqueline.carroll@compass.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="john swartz — compass 4 active listings · beverly hills">
<div class="pcat">Brokerage</div><div class="pname">John Swartz — Compass</div><div class="psub">4 active listings · Beverly Hills</div>
<div class="pmeta"><span>📞 (212) 913-9058</span><span>✉ john.swartz@compass.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="jonathan nikfarjam — shield commercial real estate 4 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Jonathan Nikfarjam — Shield Commercial Real Estate</div><div class="psub">4 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (310) 593-9869</span><span>✉ contact@shieldcre.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Brokerage" data-s="josh kaplan — equity union 4 active listings · los angeles">
<div class="pcat">Brokerage</div><div class="pname">Josh Kaplan — Equity Union</div><div class="psub">4 active listings · Los Angeles</div>
<div class="pmeta"><span>📞 (800) 937-8489</span><span>✉ info@equityunion.com</span><span class="src">live listing data</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Property Management" data-s="los angeles property management group 30+ yrs residential + commercial across la & sfv">
<div class="pcat">Property Management</div><div class="pname">Los Angeles Property Management Group</div><div class="psub">30+ yrs residential + commercial across LA & SFV</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Property Management" data-s="cbre property management institutional-grade commercial pm">
<div class="pcat">Property Management</div><div class="pname">CBRE Property Management</div><div class="psub">Institutional-grade commercial PM</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Property Management" data-s="nai capital commercial pm + brokerage, la offices">
<div class="pcat">Property Management</div><div class="pname">NAI Capital Commercial</div><div class="psub">PM + brokerage, LA offices</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Property Management" data-s="crown commercial property management founder david crown · ~30 yrs commercial pm">
<div class="pcat">Property Management</div><div class="pname">Crown Commercial Property Management</div><div class="psub">Founder David Crown · ~30 yrs commercial PM</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Property Management" data-s="moss & company long-standing la multifamily/commercial manager">
<div class="pcat">Property Management</div><div class="pname">Moss & Company</div><div class="psub">Long-standing LA multifamily/commercial manager</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Property Management" data-s="beach front property management 20+ yrs — apartments, commercial, hud">
<div class="pcat">Property Management</div><div class="pname">Beach Front Property Management</div><div class="psub">20+ yrs — apartments, commercial, HUD</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Property Management" data-s="allview real estate leasing, tenant placement, rent collection">
<div class="pcat">Property Management</div><div class="pname">AllView Real Estate</div><div class="psub">Leasing, tenant placement, rent collection</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Legal" data-s="shapero law firm commercial real estate law">
<div class="pcat">Legal</div><div class="pname">Shapero Law Firm</div><div class="psub">Commercial real estate law</div>
<div class="pmeta"><span>📞 (213) 394-6031</span><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Legal" data-s="real estate law corporation leases + tenant-improvement work letters">
<div class="pcat">Legal</div><div class="pname">Real Estate Law Corporation</div><div class="psub">Leases + tenant-improvement work letters</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Legal" data-s="lerner & weiss apc commercial re litigation & transactions">
<div class="pcat">Legal</div><div class="pname">Lerner & Weiss APC</div><div class="psub">Commercial RE litigation & transactions</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Legal" data-s="stone & sallus llp real estate law, la">
<div class="pcat">Legal</div><div class="pname">Stone & Sallus LLP</div><div class="psub">Real estate law, LA</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Legal" data-s="schorr law real property disputes">
<div class="pcat">Legal</div><div class="pname">Schorr Law</div><div class="psub">Real property disputes</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Legal" data-s="roseman law apc acquisition, development, leasing">
<div class="pcat">Legal</div><div class="pname">Roseman Law APC</div><div class="psub">Acquisition, development, leasing</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Construction / TI" data-s="clune construction national ti specialist, la office">
<div class="pcat">Construction / TI</div><div class="pname">Clune Construction</div><div class="psub">National TI specialist, LA office</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Construction / TI" data-s="turner construction commercial gc, los angeles">
<div class="pcat">Construction / TI</div><div class="pname">Turner Construction</div><div class="psub">Commercial GC, Los Angeles</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Construction / TI" data-s="swinerton commercial gc + interiors">
<div class="pcat">Construction / TI</div><div class="pname">Swinerton</div><div class="psub">Commercial GC + interiors</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Construction / TI" data-s="corporate contractors inc. tenant improvements">
<div class="pcat">Construction / TI</div><div class="pname">Corporate Contractors Inc.</div><div class="psub">Tenant improvements</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Construction / TI" data-s="howard building corporation la commercial interiors">
<div class="pcat">Construction / TI</div><div class="pname">Howard Building Corporation</div><div class="psub">LA commercial interiors</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Appraisal" data-s="cbre valuation & advisory institutional appraisal">
<div class="pcat">Appraisal</div><div class="pname">CBRE Valuation & Advisory</div><div class="psub">Institutional appraisal</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Appraisal" data-s="colliers valuation & advisory commercial valuation">
<div class="pcat">Appraisal</div><div class="pname">Colliers Valuation & Advisory</div><div class="psub">Commercial valuation</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Appraisal" data-s="newmark valuation & advisory commercial valuation">
<div class="pcat">Appraisal</div><div class="pname">Newmark Valuation & Advisory</div><div class="psub">Commercial valuation</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div><div class="pc" data-cat="Appraisal" data-s="integra realty resources — la independent cre appraisal">
<div class="pcat">Appraisal</div><div class="pname">Integra Realty Resources — LA</div><div class="psub">Independent CRE appraisal</div>
<div class="pmeta"><span class="src">web-researched — verify before publish</span></div>
<button class="pbtn">Contact</button></div></div>
<script>
const q=document.getElementById('q'),cards=[...document.querySelectorAll('.pc')],chipsE=[...document.querySelectorAll('.chip')];
let cat='all';
function apply(){const s=q.value.toLowerCase();cards.forEach(c=>{c.style.display=((cat==='all'||c.dataset.cat===cat)&&(!s||c.dataset.s.includes(s)))?'':'none';});}
chipsE.forEach(ch=>ch.onclick=()=>{chipsE.forEach(x=>x.classList.remove('on'));ch.classList.add('on');cat=ch.dataset.cat;apply();});
q.oninput=apply;
document.querySelectorAll('.pbtn').forEach(b=>b.onclick=()=>alert('Demo — in production this opens a contact/lead form (and a lead is a billable event).'));
</script></body></html>