<template>
  <meta-head title="Авторизация">
    <meta name="description" content="Авторизация">
  </meta-head>

  <!-- <header-auth /> -->

  <div class="min-h-screen place-items-center grid md:pt-3 bg-center bg-cover"
       style="background-image: url('/image/auth-bg.jpg');"
  >
    <div class="w-full md:w-auto max-w-7xl mx-auto ">
      <div class="md:grid grid-cols-12 ">
        <div class="col-span-12 bg-center bg-cover" style="background-image: url('image/orange-auth.jpg');">
          <div class="py-4 lg:py-28 px-10">
            <div class="font-medium text-xl md:text-2xl lg:text-4xl !leading-relaxed text-white text-center">
              Пожалуйста подтвердите свой адрес электронной почты
            </div>
          </div>
        </div>
      </div>
    </div>


    <!-- <div class="bg-indigo-300 mt-auto">
      <div class="container mx-auto p-2 text-sm text-gray-light">
        <div class="-mx-2 -my-2 flex flex-wrap justify-between">
          <div class="mx-2 my-2">
            <a href="/company/about">О компании</a>
          </div>
          <div class="mx-2 my-2">
            <a href="/company/offer">Оферта</a>
          </div>
          <div class="mx-2 my-2">
            <a href="/company/terms-payment">Условия оплаты</a>
          </div>
          <div class="mx-2 my-2">
            <a href="/company/terms-service">Условия предоставления услуг</a>
          </div>
          <div class="mx-2 my-2">
            <a href="/company/cookies">Cookies</a>
          </div>
          <div class="mx-2 my-2">
            <a href="/company/privacy-policy">Privacy Policy</a>
          </div>
        </div>
      </div>
    </div> -->
  </div>
</template>

<script>

// import HeaderAuth from '@/Shared/LayoutParts/HeaderAuth.vue'
import MetaHead from '@/Shared/MetaHead.vue'

export default {
    components: {
        MetaHead,
        // HeaderAuth,
    },
}
</script>
