{% extends "base.html" %}
{% load static %}
{% block title %}{{ SITE_NAME }}{% if SITE_TAGLINE %} · {{ SITE_TAGLINE }}{% endif %}{% endblock %}
{% block og_title %}{{ SITE_NAME }}{% endblock %}
{% block twitter_title %}{{ SITE_NAME }}{% endblock %}
{% block meta_description %}{{ SITE_NAME }}{% if SITE_TAGLINE %} — {{ SITE_TAGLINE }}.{% endif %} {{ CONTACT_SERVICE_AREA }}.{% endblock %}
{% block og_description %}{{ SITE_NAME }}{% if SITE_TAGLINE %} — {{ SITE_TAGLINE }}.{% endif %} {{ CONTACT_SERVICE_AREA }}.{% endblock %}
{% block twitter_description %}{{ SITE_NAME }}{% if SITE_TAGLINE %} — {{ SITE_TAGLINE }}.{% endif %} {{ CONTACT_SERVICE_AREA }}.{% endblock %}
{% block structured_data %}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "{{ SITE_NAME|escapejs }}",
  "url": "{{ PUBLIC_SITE_URL }}/",
  "image": "{{ PUBLIC_SITE_URL }}{% static 'images/slider-minimal-slide-1-1920x968.jpg' %}",
  "telephone": "{{ CONTACT_PHONE|escapejs }}",
  "email": "{{ CONTACT_EMAIL|escapejs }}"{% if CONTACT_ADDRESS %},
  "address": "{{ CONTACT_ADDRESS|escapejs }}"{% endif %}{% if CONTACT_SERVICE_AREA %},
  "areaServed": "{{ CONTACT_SERVICE_AREA|escapejs }}"{% endif %}
}
</script>
{% endblock %}
{% block content %}
  <div class="swiper-container swiper-slider swiper-slider-minimal" data-loop="false" data-slide-effect="fade" data-autoplay="false" data-simulate-touch="true">
    <div class="swiper-wrapper">
      <div class="swiper-slide" data-slide-bg="{% static 'images/slider-minimal-slide-1-1920x968.jpg' %}">
        <div class="container">
          <div class="jumbotron-classic-content">
            <div class="wow-outer">
              <div class="title-docor-text font-weight-bold title-decorated text-uppercase wow slideInLeft text-white">{{ SITE_NAME }}</div>
            </div>
            <h1 class="text-uppercase text-white font-weight-bold wow-outer"><span class="wow slideInDown" data-wow-delay=".2s">{% if SITE_TAGLINE %}{{ SITE_TAGLINE }}{% else %}Welcome{% endif %}</span></h1>
            <p class="text-white wow-outer"><span class="wow slideInDown" data-wow-delay=".35s">{% if CONTACT_SERVICE_AREA %}{{ CONTACT_SERVICE_AREA }}. {% endif %}Tell us what you need — we will follow up promptly.</span></p>
            <div class="wow-outer button-outer">
              <a class="button button-md button-primary button-winona wow slideInDown" href="{% url 'public:contact' %}" data-wow-delay=".4s" data-tianji-event="hero_cta" data-tianji-event-destination="contact">Start a conversation</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <section class="section section-lg">
    <div class="container">
      <h2 class="text-uppercase text-center wow-outer"><span class="wow slideInDown">How we can help</span></h2>
      <div class="row row-50">
        <div class="col-md-4 wow-outer">
          <article class="box-chloe wow slideInUp">
            <div class="box-chloe__icon linearicons-phone"></div>
            <div class="box-chloe__main">
              <h3 class="box-chloe__title">Talk with us</h3>
              <p>A real person answers. Share your goals and we will map the next step.</p>
            </div>
          </article>
        </div>
        <div class="col-md-4 wow-outer">
          <article class="box-chloe wow slideInUp" data-wow-delay=".05s">
            <div class="box-chloe__icon linearicons-register"></div>
            <div class="box-chloe__main">
              <h3 class="box-chloe__title">Stay informed</h3>
              <p>Opt in on the contact form for email, SMS, or mail — only the channels you choose.</p>
            </div>
          </article>
        </div>
        <div class="col-md-4 wow-outer">
          <article class="box-chloe wow slideInUp" data-wow-delay=".1s">
            <div class="box-chloe__icon linearicons-apartment"></div>
            <div class="box-chloe__main">
              <h3 class="box-chloe__title">Work with us</h3>
              <p>Replace this copy with your services. Brand, photos, and pages are unique to each client site.</p>
            </div>
          </article>
        </div>
      </div>
      <div class="text-center" style="margin-top:24px">
        <a class="button button-primary button-winona" href="{% url 'public:about' %}">About us</a>
      </div>
    </div>
  </section>
{% endblock %}