<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 />
      <ForYouSection class="mt-40 pl-16 pr-24" />
    </section>
  </div>
</template>
<script setup lang="ts">
import ForYouSection from './_ui/forYouSection/forYouSection.vue'
import HeroBanner from './_ui/heroBanner/heroBanner.vue'
</script>
