frontend-foundation: GOAT front-end Phase 1 — auth, tag management, public tag page (22/22 spec scenarios pass)

frontend/templates/index.html

@@ -0,0 +1,24 @@
+{{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">
+    WhereWoof 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}}