<template>
  <footer class="mx-auto container">
    <div class="relative z-10">
      <div class="flex space-x-[51px] mb-5">
        <UiNav :nav-content="footerNavigation" />
      </div>
      <div class="xl:max-w-[1225px] pb-7 flex justify-between">
        <div>
          <UiParagraph tag="span" size="300"
            >По всем вопросам:<br />
            <a href="mailto:vinogalante@yandex.ru" target="_blank">
              vinogalante@yandex.ru
            </a></UiParagraph
          >
        </div>
        <div>
          <UiParagraph tag="span" size="300" class="[&]:text-secondary"
            ><a href="https://www.litres.ru/" target="_blank">
              Реферальная ссылка на ЛитРес
            </a></UiParagraph
          >
        </div>
      </div>
    </div>
    <!-- <img class="absolute top-6" src="/src/assets/img/webp/footer-flowers.webp" /> -->
  </footer>
</template>

<script setup lang="ts">
import UiParagraph from '@/components/Typography/UiParagraph.vue'
import UiNav from '@/components/UiNav/UiNav.vue'
import { footerNavigation } from '@/layout/UiFooter/_data'
</script>
