SF Permits MCP Server

{# showcase_entity.html — Entity Network (text-first redesign) #}
{# Receives: showcase.entity_network #}
{% set entity = showcase.entity_network %}
<div class="showcase-entity glass-card"
     data-track="showcase-view"
     data-showcase="entity"
     style="padding: var(--space-8);">
  <style>
    .entity-intel-label {
      font-family: var(--mono);
      font-size: 10px;
      font-weight: 400;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--text-tertiary);
      margin-bottom: var(--space-6);
    }
    .entity-pros {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--space-6);
      margin-bottom: var(--space-6);
    }
    @media (max-width: 600px) {
      .entity-pros { grid-template-columns: 1fr; }
    }
    .entity-pro {
      border: 1px solid var(--glass-border);
      border-radius: var(--radius-sm);
      padding: var(--space-5);
      background: var(--glass);
    }
    .entity-pro__role {
      font-family: var(--mono);
      font-size: 9px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--text-tertiary);
      margin-bottom: var(--space-2);
    }
    .entity-pro__name {
      font-family: var(--mono);
      font-size: var(--text-base);
      color: var(--text-primary);
      font-weight: 400;
      margin-bottom: var(--space-2);
    }
    .entity-pro__stat {
      font-family: var(--mono);
      font-size: var(--text-sm);
      color: var(--text-secondary);
    }
    .entity-pro__stat strong {
      color: var(--accent);
      font-weight: 400;
    }
    .entity-summary {
      font-family: var(--sans);
      font-size: var(--text-sm);
      color: var(--text-secondary);
      line-height: 1.6;
      margin-bottom: var(--space-6);
    }
    .entity-cta-row {
      padding-top: var(--space-4);
      border-top: 1px solid var(--glass-border);
      display: flex;
      justify-content: flex-end;
    }
  </style>

  <div class="entity-intel-label">Network Intelligence</div>

  <div class="entity-pros">
    <div class="entity-pro">
      <div class="entity-pro__role">Contractor</div>
      <div class="entity-pro__name">Arb Inc</div>
      <div class="entity-pro__stat"><strong>12,674</strong> SF permits</div>
    </div>
    <div class="entity-pro">
      <div class="entity-pro__role">Engineer</div>
      <div class="entity-pro__name">Pribuss Engineering</div>
      <div class="entity-pro__stat"><strong>7,309</strong> SF permits</div>
    </div>
    <div class="entity-pro">
      <div class="entity-pro__role">Architect</div>
      <div class="entity-pro__name">Gensler</div>
      <div class="entity-pro__stat"><strong>4,821</strong> SF permits</div>
    </div>
  </div>

  <p class="entity-summary">
    These professionals have worked on projects at {{ entity.address }}. We track
    who builds what, how often they get approvals, and which teams work together.
  </p>

  <div class="entity-cta-row">
    <a href="/tools/entity-network?address=1+MARKET"
       class="ghost-cta"
       data-track="showcase-click"
       data-showcase="entity">Find professionals for your project &rarr;</a>
  </div>
</div>