31 lines
1.7 KiB
HTML
31 lines
1.7 KiB
HTML
{{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="/what-is-this" class="mt-4 inline-block rounded bg-amber-500 px-4 py-2 text-sm font-semibold text-stone-900 hover:bg-amber-400">What is this?</a>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="mt-10 text-center text-sm text-stone-500">
|
|
<a href="/about" class="hover:underline">About</a> ·
|
|
<a href="/what-is-this" class="hover:underline">What is this?</a> ·
|
|
<a href="/contact" class="hover:underline">Get in touch</a>
|
|
</p>
|
|
</div>
|
|
{{end}}
|