{extends file="includes/layout.html"}

{block name="styles"}
<link href="{$templates_dir}css/page-home.min.css?{$global_version}" rel="stylesheet">
{/block}

{block name="main"}
  <div class="support-bg-element" style="background-image: url({$templates_dir}img/bg.svg)"></div>
  <div role="main" class="main home-page" id="main">

    {include file="includes/sections/page-home/section-hero.html"}

    {include file="includes/sections/page-home/section-my-offer.html"}

    <div class="container-fluid">
      {include file="includes/sections/section-buttons.html"}
    </div>

    <div class="container">
      <div class="row">
        <div class="offset-xxl-2 col-xxl-20 offset-k16-2 col-k16-20 offset-md-1 col-md-22"> 
          {include file="includes/sections/section-profits.html"}
        </div>
      </div>
    </div>

    <div class="container">
      {include file="includes/sections/section-opinions.html"}
    </div>
    
    <div class="container">
      <div class="row">
        <div class="offset-xxl-3 col-xxl-18 offset-k16-3 col-k16-18">
          {include file="includes/sections/section-count.html"}
        </div>
      </div>
    </div>

    {include file="includes/sections/section-blog.html"}

    {include file="includes/sections/section-products-home.html"}

    {include file="includes/sections/section-socials.html"}

  </div>
{/block}

{block name="scripts"}
<script src="{$templates_dir}js/page-home.min.js?{$global_version}"></script>
{/block}