{% extends 'site/base.html.twig'%}
{% block title %}Home{% endblock %}

{% block stylesheets %}
{% endblock %}


{% block hero %}
{% include 'site/_slides.html.twig' %}
{% endblock %}

 {% block bestseller %}
 {% include 'site/_bestseller.html.twig' %}
 {% endblock %}

{% block content %}
 <div class="new-arrivals">
        <div class="arrivals-head">
          <p>New Arrivals</p>
          <a href="new-arrivals.html" class="arrival-right">
            <p>See all</p>
            <img src="{{site_assets}}/img/Arrow 1.png" />
          </a>
        </div>
        <div class="arrivals-bottom">
          <div class="new-arrival">
            <div class="img">
              <img src="{{site_assets}}/img/outfit/Photo.png" />
              <div class="img-hover">
                <p class="cart-dropdown">
                  <i class="uil uil-shopping-bag"></i><span>ADD</span>
                </p>
              </div>
            </div>
            <a href="pro-discription.html">
              <p>Dresses</p>
              <h4>Subby Flair Gown</h4>
              <div class="newarrival-bottom">
                <div class="color">
                  <span class="color-1"></span>
                  <span class="color-2"></span>
                  <span class="color-3"></span>
                  <p>S</p>
                </div>
                <div class="price">
                  <p>
                    <span><i class="fa-solid fa-naira-sign"></i></span> 10,000
                  </p>
                </div>
              </div>
            </a>
          </div>
          <div class="new-arrival">
            <div class="img">
              <img src="{{site_assets}}/img/outfit/Photo.png" />
              <div class="img-hover">
                <p class="cart-dropdown">
                  <i class="uil uil-shopping-bag"></i><span>ADD</span>
                </p>
              </div>
            </div>
            <a href="pro-description-review.html">
              <p>Dresses</p>
              <h4>Subby Flair Gown</h4>
              <div class="newarrival-bottom">
                <div class="color">
                  <span class="color-1"></span>
                  <span class="color-2"></span>
                  <span class="color-3"></span>
                  <p>S</p>
                </div>
                <div class="price">
                  <p>
                    <span><i class="fa-solid fa-naira-sign"></i></span> 10,000
                  </p>
                </div>
              </div>
            </a>
          </div>
          <div class="new-arrival">
            <div class="img">
              <img src="{{site_assets}}/img/outfit/Photo.png" />
              <div class="img-hover">
                <p class="cart-dropdown">
                  <i class="uil uil-shopping-bag"></i><span>ADD</span>
                </p>
              </div>
            </div>
            <a href="pro-discription.html">
              <p>Dresses</p>
              <h4>Subby Flair Gown</h4>
              <div class="newarrival-bottom">
                <div class="color">
                  <span class="color-1"></span>
                  <span class="color-2"></span>
                  <span class="color-3"></span>
                  <p>S</p>
                </div>
                <div class="price">
                  <p>
                    <span><i class="fa-solid fa-naira-sign"></i></span> 10,000
                  </p>
                </div>
              </div>
            </a>
          </div>
          <div class="new-arrival">
            <div class="img">
              <img src="{{site_assets}}/img/outfit/Photo.png" />
              <div class="img-hover">
                <p class="cart-dropdown">
                  <i class="uil uil-shopping-bag"></i><span>ADD</span>
                </p>
              </div>
            </div>
            <a href="pro-description-review.html">
              <p>Dresses</p>
              <h4>Subby Flair Gown</h4>
              <div class="newarrival-bottom">
                <div class="color">
                  <span class="color-1"></span>
                  <span class="color-2"></span>
                  <span class="color-3"></span>
                  <p>S</p>
                </div>
                <div class="price">
                  <p>
                    <span><i class="fa-solid fa-naira-sign"></i></span> 10,000
                  </p>
                </div>
              </div>
            </a>
          </div>
          <div class="new-arrival">
            <div class="img">
              <img src="{{site_assets}}/img/outfit/Photo.png" />
              <div class="img-hover">
                <p class="cart-dropdown">
                  <i class="uil uil-shopping-bag"></i><span>ADD</span>
                </p>
              </div>
            </div>
            <a href="pro-discription.html">
              <p>Dresses</p>
              <h4>Subby Flair Gown</h4>
              <div class="newarrival-bottom">
                <div class="color">
                  <span class="color-1"></span>
                  <span class="color-2"></span>
                  <span class="color-3"></span>
                  <p>S</p>
                </div>
                <div class="price">
                  <p>
                    <span><i class="fa-solid fa-naira-sign"></i></span> 10,000
                  </p>
                </div>
              </div>
            </a>
          </div>
          <div class="new-arrival">
            <div class="img">
              <img src="{{site_assets}}/img/outfit/Photo.png" />
              <div class="img-hover">
                <p class="cart-dropdown">
                  <i class="uil uil-shopping-bag"></i><span>ADD</span>
                </p>
              </div>
            </div>
            <a href="pro-description-review.html">
              <p>Dresses</p>
              <h4>Subby Flair Gown</h4>
              <div class="newarrival-bottom">
                <div class="color">
                  <span class="color-1"></span>
                  <span class="color-2"></span>
                  <span class="color-3"></span>
                  <p>S</p>
                </div>
                <div class="price">
                  <p>
                    <span><i class="fa-solid fa-naira-sign"></i></span> 10,000
                  </p>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
{% endblock %}

{% block newletter %}
   <div class="newsletter">
        <div class="newstext">
          <h2>Subscribe to our Newsletter</h2>
          <p>Be the first to get updates and discounts in your inbox</p>
        </div>
        <div class="form">
          <input type="text" placeholder="Enter your email address" />
          <button class="btn">Sign Up</button>
        </div>
      </div>
{% endblock %}

{% block javascripts %}
{% endblock %}