<script setup>
import { onMounted } from 'vue'
import { initFlowbite } from 'flowbite'

// initialize components based on data attribute selectors
onMounted(() => {
  initFlowbite();
})
</script>
<template>
  <div class=" w-full h-auto bg-sky-200">
    <div>
      <NavBar/>
      <Carousel/>
      <ProjectList/>
      <TeamProfile/>
      <NewProfile/>
      <ExcellentMember/>

    </div>
    <!--版权-->
    <div class="mt-40 flex items-center justify-center">
      <div class="text-center">
        ICP备案
        <br>
        公安备案
        <br>
        Copyright (C) 2023 xxx Group All Right Services.
      </div>
    </div>
  </div>
</template>
<script>

import NavBar from "@/components/MainPage/NavBar.vue";
import Carousel from "@/components/MainPage/Carousel.vue";
import TeamProfile from "@/components/MainPage/TeamProfile.vue";
import NewProfile from "@/components/MainPage/NewProfile.vue";
import ExcellentMember from "@/components/MainPage/ExcellentMember.vue";
import ProjectList from "@/components/MainPage/ProjectList.vue";

export default{
  components: {ProjectList, ExcellentMember, NewProfile, TeamProfile, Carousel, NavBar},
}
</script>