---
layout: default
---
<section class="landing-wraper">
  <div class="landing-content">
    <h1 class="h-light">
    {{ page.title }}</h1>
    <div class="mouse">
        <div class="scroll"></div>
    </div>
    {% assign n = page.subtitle | size %}
    {% for items in page.subtitle %}
    <h3 class="h-light landing-page-sub-title"> {{ items }} </h3>
    {% if n != forloop.index %}
    <!-- keeping these outside <h incase it affects seo -->
    <span class="h-light landing-page-sub-title">|</span>
    {% endif %}
    {% endfor %}

    <div class="btn-landing">
      <div
      data-aos="fade-in"
      data-aos-delay="1000"
      data-aos-easing="ease">
        <!-- wrapping in div to use AOS -->
        <!-- really need to write our own AOS -->
        <a href="/#services" class="btn btn-pop btn-solid btn-pink" role="button">{{ page.cta }}</a>
      </div>
      <!--
      <div data-aos="fade-up">
        <a href="" class="btn btn-outline btn-color-swoosh" role="button">INSTANT QUOTE</a>
      </div>
      -->
    </div>
  </div>
</section>


{{ content }}

<a name="services"></a>

{% include services.html %}

<section class="spacer portfolio-wraper"></section>