<div class="essenza-slider">
<essenza-slider>
<div>
<a href="#" class="essenza-slider__item">
<figure class="essenza-slider__item-image">
<picture>
<source srcset="../../assets/img/hero-slider/hero-slider-1.png" media="(min-width: 768px) and (orientation: landscape)">
<img src="https://placehold.co/400x400" alt="Hero Slider 1">
</picture>
</figure>
</a>
</div>
<div>
<a href="#" class="essenza-slider__item">
<figure class="essenza-slider__item-image">
<picture>
<source srcset="https://placehold.co/1440x700" media="(min-width: 768px) and (orientation: landscape)">
<img src="https://placehold.co/400x400" alt="Hero Slider 1">
</picture>
</figure>
</a>
</div>
</essenza-slider>
</div>
<section class="highlight-icons">
<div class="container">
<div class="highlight-icons__inner">
<article class="highlight-icons__item">
<figure class="highlight-icons__item-icon" data-icon="essenza-mattress"></figure>
<p>100 noches de prueba</p>
</article>
<article class="highlight-icons__item">
<figure class="highlight-icons__item-icon" data-icon="essenza-warranty"></figure>
<p>10 años de garantía</p>
</article>
<article class="highlight-icons__item">
<figure class="highlight-icons__item-icon" data-icon="essenza-shipping"></figure>
<p>Envío y devolución gratuita</p>
</article>
<article class="highlight-icons__item">
<figure class="highlight-icons__item-icon" data-icon="essenza-payment"></figure>
<p>12 cuotas sin interés</p>
</article>
</div>
</div>
</section>
<section class="section">
<div class="container is-max-tablet">
<h1 class="title is-4 is-stylized">Líderes en confort</h1>
<h2 class="title is-2">Garantizamos tu descanso con la mejor tecnología</h2>
</div>
</section>
<section class="section">
<div class="container">
<h1 class="title">Conoce nuestros productos</h1>
<div class="essenza-slider products-slider">
<essenza-slider controls offset-controls :config="{items: 1, responsive: {600: {items: 2, gutter: 70, edgePadding: 70}, 800: {items: 3}}}">
<div>
<article class="product-item ">
<product-item-wrapper v-slot="{ showExtra, toggleExtra }">
<a href="#" class="product-item__thumb">
<img src="https://placehold.co/425x405" alt="Product Name">
<img src="../../assets/img/product-badge.png" alt="" class="product-item__badge">
</a>
<div class="product-item__content">
<div class="product-item__content-main">
<h3 class="title">
<a href="#">Colchón Balanzze | Queen</a>
</h3>
<span class="product-item__price-full">$3'999.000</span>
<a href="#" class="product-item__add-to-cart button">Agregar al carrito</a>
</div>
<button class="product-item__extra-toggle button button--link" @click="toggleExtra">
<span v-if="!showExtra">Ver Descripción +</span>
<span v-else>Ocultar Descripción -</span>
</button>
<div v-show="showExtra" class="product-item__content-extra">
<product-rating :rating="4.5">
<p>(1,025 personas)</p>
</product-rating>
<div class="content">
<b>Un descanso superior</b>
<ul>
<li>Cobertura con iones de plata antimicrobianos</li>
<li>Tela tejido de punto higroscópica</li>
<li>Doble panel de resortes Pocket (independencia de movimiento)</li>
<li>Capa de Zebra 35 HR</li>
<li>Marco de Zebra 35 HD</li>
<li>Garantía del colchón 10 años</li>
</ul>
</div>
</div>
</div>
</product-item-wrapper>
</article>
</div>
<div>
<article class="product-item ">
<product-item-wrapper v-slot="{ showExtra, toggleExtra }">
<a href="#" class="product-item__thumb">
<img src="https://placehold.co/425x405" alt="Product Name">
<img src="../../assets/img/product-badge.png" alt="" class="product-item__badge">
</a>
<div class="product-item__content">
<div class="product-item__content-main">
<h3 class="title">
<a href="#">Colchón Balanzze | Queen</a>
</h3>
<span class="product-item__price-full">$3'999.000</span>
<a href="#" class="product-item__add-to-cart button">Agregar al carrito</a>
</div>
<button class="product-item__extra-toggle button button--link" @click="toggleExtra">
<span v-if="!showExtra">Ver Descripción +</span>
<span v-else>Ocultar Descripción -</span>
</button>
<div v-show="showExtra" class="product-item__content-extra">
<product-rating :rating="4.5">
<p>(1,025 personas)</p>
</product-rating>
<div class="content">
<b>Un descanso superior</b>
<ul>
<li>Cobertura con iones de plata antimicrobianos</li>
<li>Tela tejido de punto higroscópica</li>
<li>Doble panel de resortes Pocket (independencia de movimiento)</li>
<li>Capa de Zebra 35 HR</li>
<li>Marco de Zebra 35 HD</li>
<li>Garantía del colchón 10 años</li>
</ul>
</div>
</div>
</div>
</product-item-wrapper>
</article>
</div>
<div>
<article class="product-item ">
<product-item-wrapper v-slot="{ showExtra, toggleExtra }">
<a href="#" class="product-item__thumb">
<img src="https://placehold.co/425x405" alt="Product Name">
<img src="../../assets/img/product-badge.png" alt="" class="product-item__badge">
</a>
<div class="product-item__content">
<div class="product-item__content-main">
<h3 class="title">
<a href="#">Colchón Balanzze | Queen</a>
</h3>
<span class="product-item__price-full">$3'999.000</span>
<a href="#" class="product-item__add-to-cart button">Agregar al carrito</a>
</div>
<button class="product-item__extra-toggle button button--link" @click="toggleExtra">
<span v-if="!showExtra">Ver Descripción +</span>
<span v-else>Ocultar Descripción -</span>
</button>
<div v-show="showExtra" class="product-item__content-extra">
<product-rating :rating="4.5">
<p>(1,025 personas)</p>
</product-rating>
<div class="content">
<b>Un descanso superior</b>
<ul>
<li>Cobertura con iones de plata antimicrobianos</li>
<li>Tela tejido de punto higroscópica</li>
<li>Doble panel de resortes Pocket (independencia de movimiento)</li>
<li>Capa de Zebra 35 HR</li>
<li>Marco de Zebra 35 HD</li>
<li>Garantía del colchón 10 años</li>
</ul>
</div>
</div>
</div>
</product-item-wrapper>
</article>
</div>
<div>
<article class="product-item ">
<product-item-wrapper v-slot="{ showExtra, toggleExtra }">
<a href="#" class="product-item__thumb">
<img src="https://placehold.co/425x405" alt="Product Name">
<img src="../../assets/img/product-badge.png" alt="" class="product-item__badge">
</a>
<div class="product-item__content">
<div class="product-item__content-main">
<h3 class="title">
<a href="#">Colchón Balanzze | Queen</a>
</h3>
<span class="product-item__price-full">$3'999.000</span>
<a href="#" class="product-item__add-to-cart button">Agregar al carrito</a>
</div>
<button class="product-item__extra-toggle button button--link" @click="toggleExtra">
<span v-if="!showExtra">Ver Descripción +</span>
<span v-else>Ocultar Descripción -</span>
</button>
<div v-show="showExtra" class="product-item__content-extra">
<product-rating :rating="4.5">
<p>(1,025 personas)</p>
</product-rating>
<div class="content">
<b>Un descanso superior</b>
<ul>
<li>Cobertura con iones de plata antimicrobianos</li>
<li>Tela tejido de punto higroscópica</li>
<li>Doble panel de resortes Pocket (independencia de movimiento)</li>
<li>Capa de Zebra 35 HR</li>
<li>Marco de Zebra 35 HD</li>
<li>Garantía del colchón 10 años</li>
</ul>
</div>
</div>
</div>
</product-item-wrapper>
</article>
</div>
</essenza-slider>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h1 class="title">Encuentra tu estilo perfecto</h1>
<div class="essenza-slider non-cover">
<span class="essenza-slider__decoration">
<i data-icon="decoration-cat"></i>
</span>
<essenza-slider controls wrap-controls invert-controls>
<div>
<a href="#" class="essenza-slider__item">
<figure class="essenza-slider__item-image">
<picture>
<source srcset="../../assets/img/essenza-banner.png" media="(min-width: 768px)">
<img src="https://placehold.co/400x400" alt="Hero Slider 1">
</picture>
</figure>
</a>
</div>
<div>
<a href="#" class="essenza-slider__item">
<figure class="essenza-slider__item-image">
<picture>
<source srcset="https://placehold.co/1440x510" media="(min-width: 768px)">
<img src="https://placehold.co/400x400" alt="Hero Slider 1">
</picture>
</figure>
</a>
</div>
</essenza-slider>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="columns is-multiline is-centered">
<div class="column is-12">
<h1 class="title">¿Por qué Somos Diferentes?</h1>
</div>
<div class="column is-4">
<article class="essenza-feature">
<figure class="essenza-feature__icon">
<i data-icon="essenza-research"></i>
</figure>
<div class="essenza-feature__content content">
<p><b>Alta investigación y desarrollo</b><br>Laboratorio de ensayo acreditado internacionalmente</p>
</div>
</article>
</div>
<div class="column is-4">
<article class="essenza-feature">
<figure class="essenza-feature__icon">
<i data-icon="essenza-processes"></i>
</figure>
<div class="essenza-feature__content content">
<p><b>Exigentes procesos de producción</b><br>Los mejores insumos y un riguroso control para un desarrollo excepcional</p>
</div>
</article>
</div>
<div class="column is-4">
<article class="essenza-feature">
<figure class="essenza-feature__icon">
<i data-icon="essenza-chip"></i>
</figure>
<div class="essenza-feature__content content">
<p><b>Nuestra garantia en un chip</b><br>Innovación que asegura nuestro absoluto compromiso con tu satisfacción</p>
</div>
</article>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="columns is-multiline is-tablet">
<div class="column is-4">
<article class="feature-box">
<figure class="feature-box__img">
<img src="../../assets/img/featured-boxes/blog-sueno.png" alt="">
</figure>
<h3 class="feature-box__title">Blog de Sueño</h3>
<div class="feature-box__content content">
<p>Los mejores <b>consejos</b> para <b>dormir mejor</b></p>
</div>
</article>
</div>
<div class="column is-4">
<article class="feature-box">
<figure class="feature-box__img">
<img src="../../assets/img/featured-boxes/lab.png" alt="">
</figure>
<h3 class="feature-box__title">Laboratorio</h3>
<div class="feature-box__content content">
<p>Garantizamos tu <b>descanso</b> con <b>la mejor tecnología</b></p>
</div>
</article>
</div>
<div class="column is-4">
<article class="feature-box">
<figure class="feature-box__img">
<img src="../../assets/img/featured-boxes/health.png" alt="">
</figure>
<h3 class="feature-box__title">Ciudamos tu Salud</h3>
<div class="feature-box__content content">
<p>Garantizamos tu <b>descanso</b> con <b>la mejor tecnología</b></p>
</div>
</article>
</div>
</div>
</div>
</section>
<section class="section" style="background-color: #F2EBE7;">
{ social feed }
</section>
<section class="section">
<div class="container">
<div class="columns is-multiline">
<div class="column is-12">
<h2 class="title">Blog del Sueño</h2>
</div>
<div class="column is-5">
<figure>
<img src="../../assets/img/featured-boxes/blog-sueno.png" alt="">
</figure>
</div>
<div class="column is-7">
<a class="blog-item">
<figure class="blog-item__thumb">
<img src="../../assets/img/blog/blog-1.png" alt="">
</figure>
<div class="blog-item__content">
<span class="blog-item__meta">Fecha 00 / 00 / 0000</span>
<h3 class="blog-item__title">¿Qué es mejor, matrimonial o queen size? </h3>
<span class="blog-item__read">Leer más +</span>
</div>
</a>
<a class="blog-item">
<figure class="blog-item__thumb">
<img src="../../assets/img/blog/blog-2.png" alt="">
</figure>
<div class="blog-item__content">
<span class="blog-item__meta">Fecha 00 / 00 / 0000</span>
<h3 class="blog-item__title">La tela tejido de punto combate la humedad de los colchones.</h3>
<span class="blog-item__read">Leer más +</span>
</div>
</a>
<a class="blog-item">
<figure class="blog-item__thumb">
<img src="../../assets/img/blog/blog-3.png" alt="">
</figure>
<div class="blog-item__content">
<span class="blog-item__meta">Fecha 00 / 00 / 0000</span>
<h3 class="blog-item__title">¿Porqué no se recomienda poner el colchon en el piso? </h3>
<span class="blog-item__read">Leer más +</span>
</div>
</a>
</div>
</div>
</div>
</section>
{% render '@hero-slider' %}
{% render '@highlight-icons' %}
{% render '@inspire-section' %}
{% render '@product-slider-section' %}
{% render '@slider-section', {decoration: 'cat'} %}
{% render '@icons-section' %}
{% render '@featured-boxes' %}
<section class="section" style="background-color: #F2EBE7;">
{ social feed }
</section>
<section class="section">
<div class="container">
<div class="columns is-multiline">
<div class="column is-12">
<h2 class="title">Blog del Sueño</h2>
</div>
<div class="column is-5">
<figure>
<img src="{{ '/assets/img/featured-boxes/blog-sueno.png' | path }}" alt="">
</figure>
</div>
<div class="column is-7">
<a class="blog-item">
<figure class="blog-item__thumb">
<img src="{{ '/assets/img/blog/blog-1.png' | path }}" alt="">
</figure>
<div class="blog-item__content">
<span class="blog-item__meta">Fecha 00 / 00 / 0000</span>
<h3 class="blog-item__title">¿Qué es mejor, matrimonial o queen size? </h3>
<span class="blog-item__read">Leer más +</span>
</div>
</a>
<a class="blog-item">
<figure class="blog-item__thumb">
<img src="{{ '/assets/img/blog/blog-2.png' | path }}" alt="">
</figure>
<div class="blog-item__content">
<span class="blog-item__meta">Fecha 00 / 00 / 0000</span>
<h3 class="blog-item__title">La tela tejido de punto combate la humedad de los colchones.</h3>
<span class="blog-item__read">Leer más +</span>
</div>
</a>
<a class="blog-item">
<figure class="blog-item__thumb">
<img src="{{ '/assets/img/blog/blog-3.png' | path }}" alt="">
</figure>
<div class="blog-item__content">
<span class="blog-item__meta">Fecha 00 / 00 / 0000</span>
<h3 class="blog-item__title">¿Porqué no se recomienda poner el colchon en el piso? </h3>
<span class="blog-item__read">Leer más +</span>
</div>
</a>
</div>
</div>
</div>
</section>
/* No context defined. */
No notes defined.