{% extends 'base.html' %}
{% load contact_tags %}

{% block title %}Contact Us{% endblock %}

{% block content %}
<section class="section bg-primary-subtle">
    <div class="container mx-auto px-20 px-lg-0 pt-40 pb-60">
        <header class="section-primary__header text-center">
            <h1 class="section-h1 fs-40 fs-lg-64 mb-24">Contact Us</h1>
            <div class="text-gray-300 w-lg-37 mx-auto">
                <p class="mb-0">We'd love to hear from you!</p>
            </div>
        </header>
    </div>
</section>

<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-8">
            {% embedded_contact_form source="Contact Us" %}
        </div>
    </div>
</div>
{% endblock %}