<template>
  <header class="relative flex w-full">
    <Background class="z-10" />
    <div class="absolute top-0 left-0 z-10 flex items-end h-full pl-[150px] gap-[100px] pb-[32px]">
      <div class="pb-[12px]">
        <h1 class="text-4xl font-bold">
          农村废弃物特征数据库
        </h1>
        <p class="text-lg opacity-60">
          Rural waste characteristics database
        </p>
      </div>
      <Tabs
        :links="[
          { name: '首页', to: '/', icon: 'solar:airbuds-right-bold-duotone' },
          { name: '资源化技术', to: '/resource_technology', icon: 'solar:airbuds-right-bold-duotone' },
          { name: '政策', to: '/policy', icon: 'solar:airbuds-right-bold-duotone' },
          {
            name: '新闻', to: '/news', icon: 'solar:airbuds-right-bold-duotone',
          },
          {
            name: '标准', to: '/standard', icon: 'solar:airbuds-right-bold-duotone',
          },
        ]"
      />
    </div>
  </header>
</template>
