full page

src/pages/mainPage/indexPage.vue

@@ -1,14 +1,25 @@
 <template>
-  <div
-    class="bg-[url('/src/assets/img/png/bg.png')] z-50 bg-no-repeat bg-[400px] rounded-[50px] relative after:absolute after:bg-[url('/src/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"
-  >
-    <section class="pt-28 relative z-50">
-      <HeroBanner />
+  <div>
+    <section class="relative z-50">
+      <HeroBanner
+        class="pt-28 bg-[url('/src/assets/img/png/bg.png')] z-40 bg-no-repeat bg-[400px] rounded-[50px] relative after:absolute after:bg-[url('/src/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'
+
+import { useHead } from '@vueuse/head'
+
+useHead({
+  title: 'Vino Galante',
+  meta: [{ name: 'description', content: 'Онлайн магазин книг автора Vino Galante' }],
+})
 </script>