<template>
  <div class="newHome">
    <new-home-header></new-home-header>
    <navigation></navigation>
    <navigation2></navigation2>
    <capability-convergence></capability-convergence>
    <popular-ability></popular-ability>
    <latest-capabilities></latest-capabilities>
    <recommendation-ability></recommendation-ability>
    <work-dynamics></work-dynamics>
    <home-footer></home-footer>
  </div>
</template>
<script setup>
  import NewHomeHeader from '@/views/home/components/header'
  import Navigation from '@/views/newHome/components/Navigation'
  import Navigation2 from '@/views/newHome/components/Navigation2'
  import CapabilityConvergence from '@/views/newHome/components/CapabilityConvergence'
  import PopularAbility from '@/views/newHome/components/PopularAbility'
  import LatestCapabilities from '@/views/newHome/components/LatestCapabilities'
  import RecommendationAbility from '@/views/newHome/components/RecommendationAbility'
  import WorkDynamics from '@/views/newHome/components/WorkDynamics'
  import HomeFooter from '@/views/newHome/components/Footer'
</script>
<style lang="less" scoped>
  @font-face {
    font-family: 'text-typeface';
    src: url('~@/assets/newHome/font/text-typeface.otf');
  }
  @font-face {
    font-family: 'num-typeface';
    src: url('~@/assets/newHome/font/num-typeface.otf');
  }
  .newHome {
    font-family: text-typeface;
    .num {
      font-family: num-typeface;
    }
  }
</style>
