@extends('layouts.app')
@section('content')<section class="hero"><div class="shell"><div class="eyebrow">Our community stewards</div><h1>Meet the people who keep Leaping Frog moving.</h1><p class="lead">Trusted faces, helpful hands and a warm welcome for every visitor.</p></div></section><section class="section"><div class="shell"><div class="grid3">@forelse($stewards as $steward)<article class="card"><div style="height:180px;border-radius:8px;background:linear-gradient(135deg,#153f31,#071d17);display:grid;place-items:center;color:var(--gold);font:52px Georgia,serif">{{ strtoupper(substr($steward->name,0,1)) }}</div><h2 style="font-size:28px">{{ $steward->name }}</h2><div class="person">{{ $steward->role }}</div><p class="section-intro">{{ $steward->bio ?: 'Helping visitors feel welcome, safe and supported at Leaping Frog.' }}</p></article>@empty<div class="card"><p class="section-intro">The steward directory is being prepared.</p></div>@endforelse</div></div></section>@endsection