<script lang="ts" setup>
import TitleDescription from "~/components/TitleDescription.vue";

const cardItems = ref([
  {
    title: "慧养蜂大数据展示平台",
    description: "全国蜂业大数据\n" +
        "支持全国范围各类蜂业宏观数据动态统计管理及可视化展示，全方位辅助高级管理层宏观决策。\n" +
        "\n" +
        "地区蜂业大数据\n" +
        "支持对蜂场环境实时监控及蜂场经营数据动态管理，辅助养殖决策。\n" +
        "\n" +
        "智慧蜂场大数据\n" +
        "支持具体区域内蜜蜂养殖、收购加工全流程信息动态统计管理，提供溯源支撑。\n" +
        "\n" +
        "智能蜂箱大数据\n" +
        "支持蜂箱内部环境实时监控及统计管理，\n" +
        "保障蜂箱正常使用。",
    image: "/img/product/beenData/product1.png"
  },
  {
    title: "慧养蜂智慧蜂业云平台",
    description: "利用基于蜂场物联网子系统、质量追溯子系统、智能蜂箱管理系统开展对全产业链大数据信息自动化采集和智能管理，最终实现对蜂业全产业链大数据的跨地区、大规模、多维度等多源异构数据管理及决策服务。",
    image: "/img/product/beenData/product2.png"
  },

])
</script>
<template>

  <img alt="" class="w-max" src="/img/product/beenData/banner.png">

  <TitleDescription
      description="集蜂产业数据自动获取、智能分析与管理功能于一体，既可为各地蜂农或企业提供全产业链信息管理服务， 同时也可为蜂业管理部门打造集
      监管、服务、决策为一体的区域蜂产业大数据管理平台，真正实现“蜂业一张图”， 为蜂业宏观管理决策提供精准数据支撑。该服务可复制到其他行业定制开发。"
      subtitle="SERVICE INTRODUCTION"
      title="服务简介"
  />


  <UPageCTA
      v-for="(item, index) in cardItems"
      :key="index"
      :description="item.description"
      :reverse="index % 2 == 0"
      :title="item.title"
      :ui="{
                title: 'font-semibold text-lg text-primary',
            }"
      :variant="index % 2 === 0 ? 'soft' : 'naked'"
      orientation="horizontal"
  >
    <img
        :src="item.image"
        alt="Illustration"
        class="w-full rounded-lg"
        height="364"
        width="320"
    >
  </UPageCTA>


</template>


