<!-- components/TitleSection.vue -->
<template>
  <view class="flex flex-col items-center">
    <view class="text-sm mt-4 lg:mt-20 text-primary font-bold">
      {{ subtitle }}
    </view>
    <view class="text-4xl my-6 font-bold">
      {{ title }}
    </view>
    <view class="text-xl lg:mx-32 mx-6 mb-6 text-muted">
      利用物联网、人工智能等技术，集成蜂箱数据采集硬件设备及数据管理系统，协助养蜂人员远程实时获取、监控蜂箱内部环境，减少频繁开箱操作，同时提供
      预警功能辅助养殖决策，推动从传统经验养蜂到智能化养蜂转型，提高管理效率。根据不同需求分为基础版、标准版、高级版三种产品。
    </view>
  </view>
</template>

<script setup>
defineProps({
  title: {
    type: String,
    default: '默认标题'
  },
  subtitle: {
    type: String,
    default: '默认副标题'
  }
})
</script>