{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 role="main" class="main home-page" id="main">
  {include file="includes/sections/section-banner.html" banner=$BannerTop}
  {include file="includes/sections/section-category.html"}
  {include file="includes/sections/section-news.html"}
  {include file="includes/sections/section-products.html"}
  {include file="includes/sections/section-newsletter.html"}
  {include file="includes/sections/section-offer.html" sectionOneData=$element.contentElements.ContentTemplateList[1] sectionTwoData=$element.contentElements.ContentTemplateList[2]}
  {include file="includes/sections/section-blog.html" blogData=$BlogList}
  <div v-if="isMobile(768)" class="section-news__salon--mobile">
    {include file="includes/components/section-news-salon.html" sectionData=$element.contentElements.ContentTemplateList[0]}
  </div>
  {include file="includes/sections/section-instagram.html" sectionData=$element.contentElements.ContentTemplateList[3]}
</div>
{/block}

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