---
import Layout from '@/layouts/Layout.astro'
import NavMenu from '@/components/NavMenu/index.jsx'
import ImgPro from '@/components/ImgPro.astro'
import Img from '@/components/children/Img.astro'
import LeftImgRightText from '@/components/LeftImgRightText.astro'
import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
import Footer from '@/components/Footer.astro'

const { lang = 'zh' } = Astro.params

const sNav = ['使能百模千态', '智算万数', '智联万物']

const imgProData = {
  url: '//e.huawei.com/-/mediae/images/home/banner/jiasu-banner-pc1.jpg',
  title: '首屏详情页',
  content: '首屏详情页首屏详情页首屏详情页首屏详情页首屏详情页',
}
const leftImgRightTextData = [
  {
    id: '1',
    url: 'https://e.huawei.com/topic/sitecore/new-value-together/img/architecture/jiagoutu-cn.png',
    children: {
      title: '首屏详情页左图右文',
      content:
        '文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字',
    },
  },
]

const leftImgRightTextData2 = [
  {
    id: '1',
    url: 'https://e.huawei.com/topic/sitecore/new-value-together/img/zhilian-everything/img-03.jpg',
    children: {
      title: '首屏详情页左图右文',
      content:
        '文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字',
    },
  },
]
const list = [
  {
    id: '1',
    tabName: '盘古大模型',
    children: [
      {
        url: 'https://e.huawei.com/topic/sitecore/new-value-together/img/intelligent-calculation/pangu.jpg',
      },
    ],
  },
  {
    id: '2',
    tabName: '云致云',
    children: [
      {
        url: 'https://e.huawei.com/topic/sitecore/new-value-together/img/intelligent-calculation/p-02.jpg',
      },
    ],
  },
  {
    id: '3',
    tabName: '上岸',
    children: [
      {
        url: 'https://e.huawei.com/topic/sitecore/new-value-together/img/intelligent-calculation/p-03.jpg',
      },
    ],
  },
]

const imgProData2 = {
  url: 'https://e.huawei.com/topic/sitecore/new-value-together/img/partner/background-pc.jpg',
  title: '面向中小企业',
  content:
    '未来5年，90%的中小企业将通过数字化和智能化构筑核心竞争力。面向中小企业，华为在销服体系和研发体系进行能力重构，完善流程和IT工具，带来更多深入场景的解决方案，并推出了分销子品牌“华为坤灵”，打造更多适销易用的产品。',
}
---

<Layout title="首屏">
  <NavMenu lang={lang} client:load />
  <ScrollingNavbar sNav={sNav} />
  <ImgPro
    listOrData={imgProData}
    ratio="16 / 9"
    titleSize="fs-1"
    childrenSize="fs-4"
    textWeight="fw-bold"
    ellipsis="line-ellipsis-small"
    position="positionBottom"
  />
  <LeftImgRightText
    listOrData={leftImgRightTextData}
    componentTitle="使能百模千态"
    textAlign="text-center"
    btnDisplay={false}
  />
  <VerticalNavigationContent
    mdSize="12"
    list={list}
    Children={Img}
    componentTitle="智算万数"
    textAlign="text-start"
  />
  <LeftImgRightText
    listOrData={leftImgRightTextData2}
    componentTitle="智联万物"
    textAlign="text-center"
    btnDisplay={false}
  />
  <ImgPro
    listOrData={imgProData2}
    ratio="16 / 9"
    titleSize="fs-1"
    childrenSize="fs-4"
    ellipsis="line-ellipsis-small"
    position="positionMiddle"
  />
  <Footer lang={lang} />
</Layout>
