<template>
   <section class="tp-author-area pb-120">
      <div class="container">
        <div class="tp-author-inner p-relative z-index-1 tp-author-bg-overlay fix" style="background-color:#821F40">
          <!-- shape -->
          <span class="tp-author-shape-1"></span>
          <!-- shape end -->
          <div class="tp-author-bg include-bg" style="background-image: url(/images/author/author-bg.jpg);"></div>
          <div class="row align-items-center">
              <div class="col-xl-6 col-lg-6">
                <div class="tp-author-wrapper p-relative z-index-1">
                    <div class="tp-author-info-wrapper d-flex align-items-center mb-30">
                      <div class="tp-author-info-avater mr-10">
                          <img src="/images/users/user-4.jpg" alt="user">
                      </div>
                      <div class="tp-author-info">
                          <h3 class="tp-author-info-title">Theodore Handle</h3>
                          <span class="tp-author-info-designation">UI/UX design</span>
                      </div>
                    </div>
                    <div class="tp-author-content">
                      <p>We work with top suppliers and manufacturers to ensure that every item we sell meets our high standards for durability, performance, and style.</p>
                    </div>
                </div>
              </div>
              <div class="col-xl-6 col-lg-6">
                <div class="tp-author-brand-wrapper d-flex flex-wrap align-items-center justify-content-lg-end">
                    <div class="tp-author-brand-item text-center">
                      <img src="/images/brand/author/logo_01.png" alt="">
                    </div>
                    <div class="tp-author-brand-item text-center">
                      <img src="/images/brand/author/logo_02.png" alt="">
                    </div>
                    <div class="tp-author-brand-item text-center">
                      <img src="/images/brand/author/logo_03.png" alt="">
                    </div>
                    <div class="tp-author-brand-item text-center">
                      <img src="/images/brand/author/logo_04.png" alt="">
                    </div>
                </div>
              </div>
          </div>
        </div>
      </div>
  </section>
</template>

<script setup lang="ts">

</script>