add heroblock

src/pages/mainPage/indexPage.vue

@@ -1,8 +1,12 @@
 <template>
-  <section>
-    <HeroBanner />
-  </section>
+  <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 />
+    </section>
+  </div>
 </template>
 <script setup lang="ts">
-import HeroBanner from './_ui/heroBanner.vue'
+import HeroBanner from './_ui/heroBanner/heroBanner.vue'
 </script>