<template>
  <section class="tp-subscribe-area pt-70 pb-65 theme-bg p-relative z-index-1">
    <div class="tp-subscribe-shape">
      <img class="tp-subscribe-shape-1" src="/img/subscribe/subscribe-shape-1.png" alt="shape">
      <img class="tp-subscribe-shape-2" src="/img/subscribe/subscribe-shape-2.png" alt="shape">
      <img class="tp-subscribe-shape-3" src="/img/subscribe/subscribe-shape-3.png" alt="shape">
      <img class="tp-subscribe-shape-4" src="/img/subscribe/subscribe-shape-4.png" alt="shape">

      <div class="tp-subscribe-plane">
        <img class="tp-subscribe-plane-shape" src="/img/subscribe/plane.png" alt="plane">
        <SvgAnimatedLine/>
      </div>
    </div>
    <div class="container">
      <div class="row align-items-center">
        <div class="col-xl-7 col-lg-7">
          <div class="tp-subscribe-content">
            <span>Sale 20% off all store</span>
            <h3 class="tp-subscribe-title">Subscribe our Newsletter</h3>
          </div>
        </div>
        <div class="col-xl-5 col-lg-5">
          <div class="tp-subscribe-form">
            <form action="#">
              <div class="tp-subscribe-input">
                <input type="email" placeholder="Enter Your Email">
                <button type="submit">Subscribe</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script setup lang="ts">

</script>
