@php($a = about_data())
@php($aw = (int) setting('about_width', '0'))
<div class="about-ov" id="aboutOv" hidden>
  <div class="about-box{{ $aw ? ' about-fixed' : '' }}" @if ($aw) style="--about-w:{{ max(300, min(1000, $aw)) }}px" @endif role="dialog" aria-modal="true" aria-labelledby="aboutTitle">
    <div class="about-hd">
      <h2 id="aboutTitle">{{ $a['title'] ?: 'উন্নয়ন ও উদ্যোগ' }}</h2>
      <button type="button" class="about-x" data-about-close aria-label="বন্ধ">✕</button>
    </div>
    <div class="about-body">
      @if ($a['intro'] !== '')<p class="about-intro">{!! nl2br(r501_e($a['intro'])) !!}</p>@endif
      @foreach ($a['people'] as $p)
        @php($ph = brand_file_url((string) ($p['photo'] ?? '')))
        <div class="about-person">
          @if ($ph)<img src="{{ $ph }}" alt="">@else<span class="about-ini">{{ about_initial((string) ($p['name'] ?? '')) }}</span>@endif
          <div>
            @if (!empty($p['role']))<span class="about-role">{{ $p['role'] }}</span>@endif
            <strong>{{ $p['name'] ?? '' }}</strong>
            @foreach (['desig', 'office', 'org'] as $k)
              @if (!empty($p[$k]))<small>{{ $p[$k] }}</small>@endif
            @endforeach
            @if (!empty($p['email']))<a href="mailto:{{ $p['email'] }}">✉ {{ $p['email'] }}</a>@endif
            @if (!empty($p['phone']))<a href="tel:{{ en_digits($p['phone']) }}">☎ {{ bn($p['phone']) }}</a>@endif
          </div>
        </div>
      @endforeach
      @if ($a['note'] !== '')<p class="about-note">{!! nl2br(r501_e($a['note'])) !!}</p>@endif
    </div>
  </div>
</div>