<!--
 * @Author: LiZhiWei
 * @LastEditors: LiZhiWei
 * @LastEditTime: 2026-01-20 11:18:49
 * @Description: 
-->
<template>
  <div class="landing">
    <HeroSection />
    <SolutionSection />
    <AbilitySection />
    <CasesSection />
    <PartnershipSection />
    <HistorySection />
    <CtaSection />
  </div>
</template>

<script setup lang="ts">
  import HeroSection from './components/HeroSection.vue'
  import SolutionSection from './components/SolutionSection.vue'
  import AbilitySection from './components/AbilitySection.vue'
  import CasesSection from './components/CasesSection.vue'
  import PartnershipSection from './components/PartnershipSection.vue'
  import HistorySection from './components/HistorySection.vue'
  import CtaSection from './components/CtaSection.vue'
</script>

<style scoped lang="scss">
  .landing {
    @apply lt-sm:pt-120px;
    color: var(--hj-text);
    background: var(--hj-bg);
  }
</style>
