<template>
  <div>
    <headCarousel></headCarousel>
    <headSearch></headSearch>
    <hotJobs></hotJobs>
    <div class="default-width mt-3">
      <jobTypeCard class="mb-3"></jobTypeCard>
      <hotPromotedPositions></hotPromotedPositions>
      <PopularEnterprises class="mt-10"></PopularEnterprises>
    </div>
  </div>
</template>

<script setup>
import headCarousel from './components/headCarousel.vue'
import headSearch from './components/search.vue'
import hotJobs from './components/hotJobs.vue'
import jobTypeCard from './components/jobTypeCard.vue'
import hotPromotedPositions from './components/hotPromotedPositions.vue'
import PopularEnterprises from './components/popularEnterprises.vue'
defineOptions({ name:'personal-index'})
</script>

<style lang="scss" scoped>
</style>