monica_site/site/public/templates/public/contact.html

{% extends "base.html" %}
{% load static %}
{% block title %}Contact {{ SITE_NAME }} · Get in Touch{% endblock %}
{% block og_title %}Contact {{ SITE_NAME }} · Get in Touch{% endblock %}
{% block twitter_title %}Contact {{ SITE_NAME }} · Get in Touch{% endblock %}
{% block meta_description %}Contact {{ SITE_NAME }} at EXIT Realty about buying or selling a home. {{ CONTACT_SERVICE_AREA }}. Call{% if CONTACT_PHONE %} {{ CONTACT_PHONE }}{% endif %}{% if CONTACT_EMAIL %} or email {{ CONTACT_EMAIL }}{% endif %}.{% endblock %}
{% block og_description %}Contact {{ SITE_NAME }} at EXIT Realty about buying or selling a home. {{ CONTACT_SERVICE_AREA }}. Call{% if CONTACT_PHONE %} {{ CONTACT_PHONE }}{% endif %}{% if CONTACT_EMAIL %} or email {{ CONTACT_EMAIL }}{% endif %}.{% endblock %}
{% block twitter_description %}Contact {{ SITE_NAME }} at EXIT Realty about buying or selling a home. {{ CONTACT_SERVICE_AREA }}. Call{% if CONTACT_PHONE %} {{ CONTACT_PHONE }}{% endif %}{% if CONTACT_EMAIL %} or email {{ CONTACT_EMAIL }}{% endif %}.{% endblock %}
{% block structured_data %}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ContactPage",
  "name": "Contact {{ SITE_NAME|escapejs }}",
  "url": "{{ PUBLIC_SITE_URL }}{% url 'public:contact' %}",
  "description": "Contact {{ SITE_NAME|escapejs }} at EXIT Realty about buying or selling a home. {{ CONTACT_SERVICE_AREA|escapejs }}.",
  "mainEntity": {
    "@type": "RealEstateAgent",
    "name": "{{ SITE_NAME|escapejs }}",
    "url": "{{ PUBLIC_SITE_URL }}/",
    "telephone": "{{ CONTACT_PHONE|escapejs }}",
    "email": "{{ CONTACT_EMAIL|escapejs }}",
    "areaServed": "{{ CONTACT_SERVICE_AREA|escapejs }}",
    "contactPoint": {
      "@type": "ContactPoint",
      "contactType": "customer service",
      "telephone": "{{ CONTACT_PHONE|escapejs }}",
      "email": "{{ CONTACT_EMAIL|escapejs }}",
      "areaServed": "{{ CONTACT_SERVICE_AREA|escapejs }}",
      "availableLanguage": "English"
    }
  }
}
</script>
{% endblock %}
{% block content %}
  <section class="breadcrumbs-custom bg-image context-dark" style="background-image: url({% static 'images/breadcrumbs-image-1.jpg' %});">
    <div class="breadcrumbs-custom-inner">
      <div class="container breadcrumbs-custom-container">
        <div class="breadcrumbs-custom-main">
          <p class="breadcrumbs-custom-subtitle title-decorated">Contact</p>
          <h1 class="text-uppercase breadcrumbs-custom-title">Get in touch</h1>
        </div>
        <ul class="breadcrumbs-custom-path">
          <li><a href="{% url 'public:home' %}">Home</a></li>
          <li class="active">Contact</li>
        </ul>
      </div>
    </div>
  </section>
  <section class="section section-sm">
    <div class="container">
      <div class="layout-bordered">
        {% if CONTACT_PHONE %}
        <div class="layout-bordered-item wow-outer">
          <div class="layout-bordered-item-inner wow slideInUp">
            <div class="icon icon-lg mdi mdi-phone text-primary"></div>
            <ul class="list-0"><li><a class="link-default" href="tel:{{ CONTACT_PHONE_TEL }}">{{ CONTACT_PHONE }}</a></li></ul>
          </div>
        </div>
        {% endif %}
        {% if CONTACT_EMAIL %}
        <div class="layout-bordered-item wow-outer">
          <div class="layout-bordered-item-inner wow slideInUp">
            <div class="icon icon-lg mdi mdi-email text-primary"></div>
            <a class="link-default" href="mailto:{{ CONTACT_EMAIL }}">{{ CONTACT_EMAIL }}</a>
          </div>
        </div>
        {% endif %}
        <div class="layout-bordered-item wow-outer">
          <div class="layout-bordered-item-inner wow slideInUp">
            <div class="icon icon-lg mdi mdi-map-marker text-primary"></div>
            <span class="link-default">{{ CONTACT_SERVICE_AREA }}</span>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="section bg-gray-100 contact-form-section">
    <div class="container section-lg">
      <div class="row">
        <div class="col-lg-8">
          <h3 class="text-uppercase">Send a message</h3>
          <form class="rd-form contact-message-form" method="post" action="{% url 'public:contact' %}">
            {% csrf_token %}
            <div class="row row-10">
              <div class="col-md-6">
                <div class="form-wrap">
                  <label class="form-label-outside" for="{{ form.first_name.id_for_label }}">First name</label>
                  {{ form.first_name }}
                  {{ form.first_name.errors }}
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-wrap">
                  <label class="form-label-outside" for="{{ form.last_name.id_for_label }}">Last name</label>
                  {{ form.last_name }}
                  {{ form.last_name.errors }}
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-wrap">
                  <label class="form-label-outside" for="{{ form.email.id_for_label }}">Email</label>
                  {{ form.email }}
                  {{ form.email.errors }}
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-wrap">
                  <label class="form-label-outside" for="{{ form.phone.id_for_label }}">Phone</label>
                  {{ form.phone }}
                  {{ form.phone.errors }}
                </div>
              </div>
              <div class="col-12">
                <p class="form-label-outside" style="margin:8px 0 4px">Mailing address <span style="font-weight:400;color:#6b7280">(optional — for postcards)</span></p>
              </div>
              <div class="col-12" data-address-autocomplete data-suggest-url="{% url 'address_suggest' %}">
                <div class="form-wrap address-ac-wrap">
                  <label class="form-label-outside" for="{{ form.address_line1.id_for_label }}">Street address</label>
                  {{ form.address_line1 }}
                  {{ form.address_line1.errors }}
                </div>
                <div class="row row-10">
                  <div class="col-md-6">
                    <div class="form-wrap">
                      <label class="form-label-outside" for="{{ form.address_line2.id_for_label }}">Apt / suite</label>
                      {{ form.address_line2 }}
                      {{ form.address_line2.errors }}
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-wrap">
                      <label class="form-label-outside" for="{{ form.address_city.id_for_label }}">City</label>
                      {{ form.address_city }}
                      {{ form.address_city.errors }}
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-wrap">
                      <label class="form-label-outside" for="{{ form.address_state.id_for_label }}">State</label>
                      {{ form.address_state }}
                      {{ form.address_state.errors }}
                    </div>
                  </div>
                  <div class="col-md-6">
                    <div class="form-wrap">
                      <label class="form-label-outside" for="{{ form.address_zip.id_for_label }}">ZIP</label>
                      {{ form.address_zip }}
                      {{ form.address_zip.errors }}
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-12">
                <div class="form-wrap">
                  <label class="form-label-outside" for="{{ form.interest.id_for_label }}">I am interested in</label>
                  {{ form.interest }}
                  {{ form.interest.errors }}
                </div>
              </div>
              <div class="col-12">
                <div class="form-wrap">
                  <label class="form-label-outside" for="{{ form.message.id_for_label }}">Message</label>
                  {{ form.message }}
                  {{ form.message.errors }}
                </div>
              </div>
              {% if form.captcha %}
              <div class="col-12">{{ form.captcha }}{{ form.captcha.errors }}</div>
              {% endif %}
            </div>
            <p style="font-size:13px;color:#6b7280;margin:12px 0 20px;">By submitting, you agree I may contact you about your inquiry by email and SMS (if you provide a phone number). You can change preferences or unsubscribe anytime from links in messages, or reply STOP to SMS.{% if form.captcha %} Protected by reCAPTCHA.{% endif %}</p>
            <button class="button button-primary button-winona" type="submit" data-tianji-event="contact_form_submit">Send message</button>
          </form>
        </div>
      </div>
    </div>
  </section>
{% endblock %}
{% block extra_head %}
<link rel="stylesheet" href="{% static 'css/address-autocomplete.css' %}">
{% endblock %}
{% block tracking_events %}
{% if "sent" in request.GET %}
<script>
  if (window.aimlTrackWhenReady) {
    window.aimlTrackWhenReady('contact_form_success');
  }
</script>
{% endif %}
{% endblock %}
{% block extra_js %}
<script src="{% static 'js/address-autocomplete.js' %}"></script>
{% endblock %}