{% extends "base.html" %}
{% block content %}
<section class="py-16 bg-secondary sm:py-24 p-body-full">
  <div class="max-w-lg w-full mx-auto text-center shadow-lg border border-success rounded-xl p-8 bg-white">
    <h2 class="text-3xl font-extrabold mb-4 text-success">Thank you for contacting us.</h2>
        <p class="mb-8 text-gray-700 text-lg">
            We received your message and will reach you soon.
        </p>
        <a href="{% url 'core:index' %}" class="bg-transparent border-2 border-accent text-accent hover:bg-accent hover:text-primary font-semibold py-3 px-8 rounded-lg text-lg transition-all duration-300 ease-in-out">
            Go back to Homepage
        </a>
  </div>
</section>

{% endblock content %}

{% block bottom %}
    <script src="/static/js/formHandling.js"></script>
{% endblock bottom %}