migrate on nuxt3

pages/index/index.vue

@@ -0,0 +1,31 @@
+<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>