---
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: 'https://e.huawei.com/-/mediae/images/solutions/enterprise-wireless/enterprise-wireless-banner-pc.jpg',
  title: '最新资讯',
  content: '最新资讯最新资讯',
}
const informationList = [
  {
    id: '1',
    url: 'https://e.huawei.com/-/mediae/images/solutions/campus/office-network/office-network-banner-bequoted.png',
    children: {
      title: '最新资讯',
      content:
        '最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯',
    },
  },
  {
    id: '2',
    url: 'https://e.huawei.com/-/mediae/images/solutions/campus/sdwan/sdwan-banner-bequoted.jpg',
    children: {
      title: '最新资讯',
      content:
        '最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯',
    },
  },
  {
    id: '3',
    url: 'https://e.huawei.com/-/mediae/images/solutions/campus/converged-production-network/banner-bequoted.png',
    children: {
      title: '最新资讯',
      content:
        '最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯',
    },
  },
]
const list = [
  {
    id: '1',
    tabName: '彩页',
    children: [
      {
        title: '最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯',
      },
      {
        title:
          '最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯',
      },
      {
        title:
          '最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯',
      },
      {
        title:
          '最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯最新资讯',
      },
    ],
  },
]
---

<Layout title="最新资讯">
  <NavMenu lang={lang} client:load />
  <ScrollingNavbar sNav={sNav} />
  <ImgPro
    listOrData={imgProData}
    titleColor="text-dark"
    contentColor="text-secondary"
    ratio="3 / 1"
    titleSize="fs-1"
    childrenSize="fs-4"
    ellipsis="line-ellipsis-small"
    position="positionMiddle"
  />
  <LeftMiddleRightImgText
    componentTitle="应用场景"
    listOrData={informationList}
    textAlign="text-center"
  />
  <VerticalNavigationContent
    list={list}
    ellipsis="line-ellipsis-small"
    btnDisplay={true}
    Children={Text}
    componentTitle="相关资源"
    titleTextAlign="text-left"
    textAlign="text-left"
  />
  <Footer lang={lang} />
</Layout>
