<div class="gjs-person card bg-base-100 shadow-md border border-base-200 max-w-xs text-center" data-gjs-type="p_website.person" data-gjs-custom-name="Person">
<figure class="px-6 pt-6">
<img class="gjs-person-image rounded-full w-24 h-24 object-cover mx-auto ring-4 ring-primary/20" src="https://via.placeholder.com/160" alt="" data-gjs-type="image">
</figure>
<div class="card-body items-center">
<h3 class="gjs-person-name card-title" data-gjs-editable="true">Jane Doe</h3>
<p class="gjs-person-position text-primary text-sm font-semibold uppercase tracking-wide" data-gjs-editable="true">Product Designer</p>
<p class="gjs-person-content text-base-content/70 text-sm" data-gjs-editable="true">A short bio or introduction for this person.</p>
</div>
</div>