<script setup lang="ts">
const { data: page } = await useAsyncData('index', () => queryContent('/').findOne())

useSeoMeta({
  title: page.value.title,
  ogTitle: page.value.title,
  description: page.value.description,
  ogDescription: page.value.description
})
</script>

<template>
  <div>
    <ULandingHero
      id="home"
      title="广西国昱数字科技有限公司"
      :links="page.hero.links"
      style="background-image: url(https://oss.wsdns.cn/20240610/41ab59f725204d9ea4218fd4ae38e5c2.png); background-repeat: no-repeat; background-position: center; background-size: 100%"
    >
      <div class="absolute inset-0 landing-grid z-[-1] [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)]" />

    </ULandingHero>

<!--    <ULandingSection-->
<!--      :title="page.features.title"-->
<!--      :description="page.features.description"-->
<!--      :headline="page.features.headline"-->
<!--    >-->
<!--      <UPageGrid-->
<!--        id="features"-->
<!--        class="scroll-mt-[calc(var(&#45;&#45;header-height)+140px+128px+96px)]"-->
<!--      >-->
<!--        <ULandingCard-->
<!--          v-for="(item, index) in page.features.items"-->
<!--          :key="index"-->
<!--          v-bind="item"-->
<!--        />-->
<!--      </UPageGrid>-->
<!--    </ULandingSection>-->

<!--    <ULandingSection-->
<!--      :title="page.pricing.title"-->
<!--      :description="page.pricing.description"-->
<!--      :headline="page.pricing.headline"-->
<!--    >-->
<!--      <UPricingGrid-->
<!--        id="pricing"-->
<!--        compact-->
<!--        class="scroll-mt-[calc(var(&#45;&#45;header-height)+140px+128px+96px)]"-->
<!--      >-->
<!--        <UPricingCard-->
<!--          v-for="(plan, index) in page.pricing.plans"-->
<!--          :key="index"-->
<!--          v-bind="plan"-->
<!--        />-->
<!--      </UPricingGrid>-->
<!--    </ULandingSection>-->

    <ULandingHero
      id="about"
      :title="`公司简介`"
      :description="``"

    >
      <div>广西国昱数字科技有限公司是国家人社部门备案通过的中国有色金属工业协会有色金属行业职业技能等级认定分支机构，政府委托的有色金属行业职业技能等级认定题库开发单位，行业技能大赛技术支持与顾问单位，有色金属行业职业培训教材开发单位，有色金属行业实训中心开发建设单位。认定业务涵盖采矿、选矿、治炼、加工等领域有色金属行业特有工种，可开展技能1-5级的职业技能等级认定。

        公司拥有156名专兼职行业专家队伍，120名考评员队伍，55名竞赛裁判专家队伍。在广西八个地市设有20多个企业考点。历年来，开发了有色金属行业17个工种不同级别共计28万道题库并通过政府验收。组织开发行业职业培训教材15套。</div>
      <div>办公地址：南宁市青秀区金湖路59号地王国际商会中心818号</div>
    </ULandingHero>

<!--    <ULandingSection-->
<!--      id="faq"-->
<!--      :title="page.faq.title"-->
<!--      :description="page.faq.description"-->
<!--      class="scroll-mt-[var(&#45;&#45;header-height)]"-->
<!--    >-->
<!--      <ULandingFAQ-->
<!--        multiple-->
<!--        :items="page.faq.items"-->
<!--        :ui="{-->
<!--          button: {-->
<!--            label: 'font-semibold',-->
<!--            trailingIcon: {-->
<!--              base: 'w-6 h-6'-->
<!--            }-->
<!--          }-->
<!--        }"-->
<!--        class="max-w-4xl mx-auto"-->
<!--      />-->
<!--    </ULandingSection>-->
  </div>
</template>
