---
import Layout from '@/layouts/Layout.astro'
import NavMenu from '@/components/NavMenu/index.jsx'
import LeftImgRightText from '@/components/LeftImgRightText.astro'
import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
import Carousel from '@/components/children/Carousel.astro'
import ImgPro from '@/components/ImgPro.astro'
import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
import Text from '@/components/children/Text.astro'
import Footer from '@/components/Footer.astro'
import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
const { lang = 'zh' } = Astro.params

const sNav = ['场景化解决方案', '行业话题', '新闻与活动', '相关资源']

const imgProData = {
  url: '//e.huawei.com/-/mediae/images/industries/transportation/banner-pc-3.jpeg',
  title: '智慧农业',
  content: '智慧农业有智慧',
}

const data = [
  {
    id: '1',
    url: 'https://e.huawei.com/topic/sitecore/2024-finance/img/partner.jpg',
    children: {
      title: '智慧农业',
      content:
        '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
    },
  },
]

const informationList = [
  {
    id: '1',
    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
    children: {
      title: '智慧农业',
      content: '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
    },
  },
  {
    id: '2',
    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
    children: {
      title: '智慧农业',
      content: '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
    },
  },
  {
    id: '3',
    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
    children: {
      title: '智慧农业',
      content: '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
    },
  },
]

const carouselList = [
  [
    [
      {
        id: '1',
        url: 'https://e.huawei.com/-/mediae/images/case-studies/industries/education/2022/southeast-university-smart-campus/banner-bequoted1.jpg',
        children: {
          title: '智慧农业',
          content:
            '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
        },
      },
    ],
  ],
  [
    [
      {
        id: '2',
        url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
        children: {
          title: '智慧农业',
          content:
            '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
        },
      },
    ],
  ],
]

const carouselList2 = [
  [
    [
      {
        id: '1',
        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-driving-bank-of-beijing-digital.jpg',
        children: {
          title: '智慧农业',
          content: '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
        },
      },
      {
        id: '2',
        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-wuling-manufacturing-plant.jpg',
        children: {
          title: '智慧农业',
          content:
            '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
        },
      },
      {
        id: '3',
        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-zjhtcm.jpg',
        children: {
          title: '智慧农业',
          content:
            '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
        },
      },
    ],
  ],
]

const carouselList3 = [
  [
    [
      {
        id: '1',
        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-driving-bank-of-beijing-digital.jpg',
        children: {
          title: '智慧农业',
          content: '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
        },
      },
      {
        id: '2',
        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-wuling-manufacturing-plant.jpg',
        children: {
          title: '智慧农业',
          content:
            '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
        },
      },
      {
        id: '3',
        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-zjhtcm.jpg',
        children: {
          title: '智慧农业',
          content:
            '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
        },
      },
    ],
  ],
]

const list = [
  {
    id: '1',
    tabName: '彩页',
    children: [
      {
        title: '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
      },
      {
        title: '智慧农业智慧农业智慧农业智慧农业智慧农业',
      },
      {
        title: '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
      },
      {
        title:
          '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
      },
      {
        title:
          '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
      },
      {
        title:
          '智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业智慧农业',
      },
    ],
  },
  {
    id: '2',
    tabName: '白皮书',
    children: [
      {
        title: '智慧农业智慧农业智慧农业智慧农业智慧农业',
      },
      {
        title: '智慧农业智慧农业智慧农业智慧农业',
      },
    ],
  },
  {
    id: '3',
    tabName: '案例集',
    children: [],
  },
]
---

<Layout title="智慧农业">
  <NavMenu lang={lang} client:load />
  <ScrollingNavbar sNav={sNav} />
  <ImgPro
    listOrData={imgProData}
    ratio="3 / 1"
    btnDisplay={true}
    titleColor="text-light"
    contentColor="text-light"
    titleSize="fs-1"
    childrenSize="fs-4"
    ellipsis="line-ellipsis-small"
    position="positionMiddle"
  />
  <LeftImgRightText listOrData={data} line="0" />
  <LeftMiddleRightImgText
    componentTitle="场景化解决方案"
    listOrData={informationList}
  />
  <Carousel
    componentTitle="成功案例"
    list={carouselList}
    line="0"
    Children={LeftImgRightText}
  />
  <Carousel
    componentTitle="行业话题"
    list={carouselList2}
    line="0"
    Children={LeftMiddleRightImgText}
  />
  <Carousel
    componentTitle="新闻与活动"
    list={carouselList3}
    line="0"
    Children={LeftMiddleRightImgText}
    titleTextAlign="text-end"
    textAlign="text-end"
  />
  <VerticalNavigationContent
    list={list}
    ellipsis="line-ellipsis-small"
    btnDisplay={true}
    Children={Text}
    componentTitle="相关资源"
    titleTextAlign="text-left"
    textAlign="text-left"
  />
  <Footer lang={lang} />
</Layout>
