{% extends "base.html" %}
{% block content %}
<section class="container-x flex min-h-[60vh] flex-col items-center justify-center py-20 text-center">
  <p class="font-display text-7xl font-bold text-gold">৪০৪</p>
  <h1 class="mt-4 text-2xl font-bold text-forest">পাতাটি পাওয়া যায়নি</h1>
  <p class="mt-2 max-w-md text-muted">আপনি যে ঠিকানায় এসেছেন সেটি সরানো হয়েছে অথবা ভুল লেখা হয়েছে।</p>
  <div class="mt-8 flex gap-3">
    <a href="{% url 'core:home' %}" class="rounded-full bg-forest px-6 py-3 font-semibold text-cream">হোমে ফিরুন</a>
    <a href="{% url 'core:contact' %}" class="rounded-full border border-forest/20 px-6 py-3 font-semibold text-forest">যোগাযোগ করুন</a>
  </div>
</section>
{% endblock %}