<template>
  <section class="tp-deal-area pt-135 pb-140 p-relative z-index-1 fix scene" style="background-color: #F3F3F3" data-bg-color="#F3F3F3">
    <div class="tp-deal-shape">
        <img class="tp-deal-shape-7" src="/images/deal/shape/shape-7.png" alt="">
    </div>
    <div class="tp-deal-shape">
        <div class="tp-deal-shape-1">
          <img class="layer" data-depth=".2" src="/images/deal/shape/shape-1.png" alt="">
        </div>
        <div class="tp-deal-shape-2">
          <img class="layer" data-depth=".3" src="/images/deal/shape/shape-2.png" alt="">
        </div>
        <div class="tp-deal-shape-3">
          <img class="layer" data-depth=".4" src="/images/deal/shape/shape-3.png" alt="">
        </div>
        <div class="tp-deal-shape-4">
          <img class="layer" data-depth=".5" src="/images/deal/shape/shape-4.png" alt="">
        </div>
        <div class="tp-deal-shape-5">
          <img class="layer" data-depth=".6" src="/images/deal/shape/shape-5.png" alt="">
        </div>
        <div class="tp-deal-shape-6">
          <img class="layer" data-depth=".7" src="/images/deal/shape/shape-6.png" alt="">
        </div>
    </div>
    <div class="container">
        <div class="row justify-content-center">
          <div class="col-xl-6 col-lg-7">
              <div class="tp-deal-content text-center">
                <span class="tp-deal-title-pre">
                    Best Deals of the week!
                    <svg width="82" height="22" viewBox="0 0 82 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M81 14.5798C0.890564 -8.05914 -5.81154 0.0503902 5.00322 21" stroke="currentColor" stroke-opacity="0.3" stroke-width="2" stroke-miterlimit="3.8637" stroke-linecap="round"/>
                    </svg>
                </span>
                <h3 class="tp-deal-title">Grab the best Offer Of this Week!</h3>

                <div class="tp-deal-countdown">
                    <div class="tp-product-countdown" data-countdown data-date="Sep 30 2024 20:20:22">
                      <div class="tp-product-countdown-inner">
                          <countdown-timer></countdown-timer>
                      </div>
                    </div>
                </div>
              </div>
          </div>
        </div>
    </div>
  </section>
</template>

<script setup lang="ts">

</script>
