<template>
  <div>
    <section class="relative z-50">
      <HeroBanner
        class="pt-28 bg-[url('/assets/img/png/bg.png')] z-40 bg-no-repeat bg-[400px] rounded-[50px] relative after:absolute after:bg-[url('/assets/img/webp/header-flowers-4.webp')] after:top-0 after:w-[418px] after:right-0 after:h-[230px] after:z-20 after:content-[''] after:bg-contain after:bg-no-repeat after:bg-right"
      />
      <ForYouSection class="mt-40 pl-16 pr-24" />
      <YouNotAloneSection class="mt-40 pl-16 pr-24 mb-40" />
      <FeedbackSection class="mt-40 mb-52" />
    </section>
  </div>
</template>
<script setup lang="ts">
import FeedbackSection from "./_ui/feedbackSection/feedbackSection.vue";
import ForYouSection from "./_ui/forYouSection/forYouSection.vue";
import HeroBanner from "./_ui/heroBanner/heroBanner.vue";
import YouNotAloneSection from "./_ui/youNotAloneSection/youNotAloneSection.vue";

useHead({
  title: "Vino Galante",
  meta: [
    { name: "description", content: "Онлайн магазин книг автора Vino Galante" },
  ],
  link: [
    {
      rel: "canonical",
      href: `https://ebook.miduway.space/`,
    },
  ],
});
</script>
