{{define "content"}}
<div class="mx-auto max-w-2xl text-center">
  <h1 class="text-4xl font-extrabold tracking-tight">Lost something?<br><span class="text-amber-600">The tag brings it home.</span></h1>
  <p class="mt-4 text-lg text-stone-600">
    Where Woof tags carry the return details for your dog, baggage, skis — anything you care about.
    A finder scans the QR code or taps the NFC tag and sees exactly how to get it back to you.
  </p>

  <div class="mt-8 grid gap-4 sm:grid-cols-2">
    <div class="rounded-xl border border-stone-200 bg-white p-6 text-left shadow-sm">
      <div class="text-2xl">🏷️</div>
      <h2 class="mt-2 font-bold">I have a tag</h2>
      <p class="mt-1 text-sm text-stone-600">Claim it and set up the return details for your item.</p>
      <a href="/register" class="mt-4 inline-block rounded bg-stone-900 px-4 py-2 text-sm font-semibold text-white hover:bg-stone-700">Set up my tag</a>
    </div>
    <div class="rounded-xl border border-stone-200 bg-white p-6 text-left shadow-sm">
      <div class="text-2xl">🔍</div>
      <h2 class="mt-2 font-bold">I found something</h2>
      <p class="mt-1 text-sm text-stone-600">Scan the tag you found — the page shows the owner's return details.</p>
      <a href="/account" class="mt-4 inline-block rounded bg-amber-500 px-4 py-2 text-sm font-semibold text-stone-900 hover:bg-amber-400">My account</a>
    </div>
  </div>
</div>
{{end}}
