<template>
  <section class="tp-banner-area pb-70">
    <div class="container">
      <div class="row">
        <div class="col-xl-8 col-lg-7">
          <div class="tp-banner-item tp-banner-height p-relative mb-30 z-index-1 fix">
            <div class="tp-banner-thumb include-bg transition-3" style="background-image: url(/img/product/banner/product-banner-1.jpg);"></div>
            <div class="tp-banner-content">
              <span>Sale 20% off all store</span>
              <h3 class="tp-banner-title">
                <nuxt-link href="/shop">Smartphone <br> BLU G91 Pro 2022</nuxt-link>
              </h3>
              <div class="tp-banner-btn">
                <nuxt-link href="/shop" class="tp-link-btn">Shop Now
                  <SvgRightArrow2/>
                </nuxt-link>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-lg-5">
          <div class="tp-banner-item tp-banner-item-sm tp-banner-height p-relative mb-30 z-index-1 fix">
            <div class="tp-banner-thumb include-bg transition-3" style="background-image: url(/img/product/banner/product-banner-2.jpg);"></div>
            <div class="tp-banner-content">
              <h3 class="tp-banner-title">
                <nuxt-link href="/shop">HyperX Cloud II <br> Wireless</nuxt-link>
              </h3>
              <p>Sale 35% off</p>
              <div class="tp-banner-btn">
                <nuxt-link href="/shop" class="tp-link-btn">Shop Now
                  <SvgRightArrow2/>
                </nuxt-link>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>
