{{define "content"}}
<div class="mx-auto max-w-2xl">
  <h1 class="text-3xl font-extrabold tracking-tight">What is this?</h1>
  <p class="mt-4 text-stone-700">
    You've scanned a Where Woof tag. This page belongs to the item's owner and shows how to return it.
  </p>
  <div class="mt-6 rounded-xl border border-stone-200 bg-white p-6 shadow-sm">
    <h2 class="font-bold">If you found this item</h2>
    <ul class="mt-3 space-y-2 text-sm text-stone-700">
      <li>📞 <strong>Call or text the owner</strong> using the details on this page.</li>
      <li>📍 <strong>Share your location</strong> (the button on the page) — the owner gets an instant map link.</li>
      <li>💬 <strong>Leave your number</strong> so the owner can contact you.</li>
    </ul>
    <p class="mt-4 text-sm text-stone-500">Thank you for helping bring something (or someone) home!</p>
  </div>
  <p class="mt-6 text-sm text-stone-500">
    This tag belongs to a <a href="/about" class="text-amber-600 hover:underline">Where Woof</a> customer.
  </p>
</div>
{{end}}
