{% extends "base.html" %}
{% load wagtailcore_tags wagtailimages_tags %}

{% block body_class %}{% endblock %}

{% block content %}
    <section class="flex flex-col items-center justify-center h-full max-w-7xl px-0 md:px-4 lg:px-8">
        <div class="mx-auto max-w-3xl text-base leading-7">
            <h1>{{ page.title }}</h1>
            {% image page.image fill-480x320 class="rounded-2xl bg-gray-50" %}
            <p>{{ page.hero_text }}</p>
            {% if page.hero_cta_link %}
                <a href="{% pageurl page.hero_cta_link %}">
                    {% firstof page.hero_cta page.hero_cta_link.title %}
                </a>
            {% endif %}
        </div>
    </section>

    <section class="max-w-7xl px-0 md:px-4 lg:px-8">
        <div class="w-full px-2 lg:px-4">
            {{ page.body|richtext }}
        </div>
    </section>

{% endblock content %}