{% extends "modules/marketplace/templates/marketplace/public_base.html" %}
{% block public_content %}
<section class="mx-auto max-w-2xl px-4 py-16 sm:px-6 lg:px-8">
  <div class="rounded-3xl border border-emerald-200 bg-white p-8 text-center shadow-soft">
    <div class="mx-auto flex h-14 w-14 items-center justify-center rounded-full bg-emerald-100 text-2xl text-emerald-700">✓</div>
    <h1 class="mt-5 text-3xl font-bold">Thank you</h1>
    <p class="mt-3 text-slate-600">Your service request has been received by the marketplace team.</p>
    <p class="mt-4 rounded-2xl bg-slate-50 px-4 py-3 text-sm text-slate-600">Reference: <span class="font-bold text-slate-900">{{ lead.lead_no }}</span></p>
    <div class="mt-6"><a href="/" class="rounded-xl bg-brand-600 px-5 py-3 text-sm font-bold text-white">Back to Home</a></div>
  </div>
</section>
{% endblock %}