{% extends "base.html" %}
{% load static %}
{% block title %}Home · {{ SITE_NAME }}{% endblock %}
{% block content %}
  <div class="swiper-container swiper-slider swiper-slider-minimal" data-loop="true" 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 }} · MKDRealtor.com</div>
            </div>
            <h1 class="text-uppercase text-white font-weight-bold wow-outer"><span class="wow slideInDown" data-wow-delay=".2s">Your Home,<br>Guided Well</span></h1>
            <p class="text-white wow-outer"><span class="wow slideInDown" data-wow-delay=".35s">EXIT Realty Redefined — buying or selling in the metro area with clear advice, strong marketing, and a team that answers the phone.</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 class="swiper-slide" data-slide-bg="{% static 'images/slider-minimal-slide-2-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">Local Market Insight</div>
            </div>
            <h1 class="text-uppercase text-white font-weight-bold wow-outer"><span class="wow slideInDown" data-wow-delay=".2s">Sell With<br>Confidence</span></h1>
            <p class="text-white wow-outer"><span class="wow slideInDown" data-wow-delay=".35s">Pricing strategy, staging guidance, and multi-channel outreach so the right buyers see your listing.</span></p>
            <div class="wow-outer button-outer">
              <a class="button button-md button-primary button-winona wow slideInDown" href="{% url 'public:about' %}" data-wow-delay=".4s" data-tianji-event="hero_about">Meet Monica</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="swiper-pagination-outer container">
      <div class="swiper-pagination swiper-pagination-primary"></div>
    </div>
  </div>
  <section class="section section-lg">
    <div class="container">
      <h3 class="text-uppercase text-center wow-outer"><span class="wow slideInDown">How I can help</span></h3>
      <div class="row row-50">
        <div class="col-md-4 wow-outer">
          <article class="box-chloe wow slideInUp">
            <div class="box-chloe__icon linearicons-home-icon3"></div>
            <div class="box-chloe__main">
              <h4 class="box-chloe__title">Buyers</h4>
              <p>Neighborhood tours, offer strategy, and negotiation that protects your timeline and budget.</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-apartment"></div>
            <div class="box-chloe__main">
              <h4 class="box-chloe__title">Sellers</h4>
              <p>Listing prep, professional marketing, and outreach across email, SMS, postcard, and social.</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-chart-growth"></div>
            <div class="box-chloe__main">
              <h4 class="box-chloe__title">Market guidance</h4>
              <p>Honest comps and timing advice — whether you move this season or plan ahead.</p>
            </div>
          </article>
        </div>
      </div>
    </div>
  </section>
  <section class="section section-lg bg-gray-100 text-center">
    <div class="container">
      <h3 class="text-uppercase wow-outer"><span class="wow slideInUp">Ready when you are</span></h3>
      <p class="wow-outer"><span class="text-width-1 wow slideInDown">Tell me what you are looking for. I will follow up personally — your message becomes a lead in my private portal.</span></p>
      <a class="button button-lg button-primary button-winona" href="{% url 'public:contact' %}" data-tianji-event="home_cta_contact">Contact Monica</a>
    </div>
  </section>
{% endblock %}