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

const { lang = 'zh' } = Astro.params
const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']

const imgProData1 = {
  url: '//e.huawei.com/-/mediae/images/solutions/campus/campus/banner-pc.jpg',
  title: '智慧楼宇',
  content: '重新定义智慧楼宇',
}

const data = [
  {
    id: '1',
    url: 'https://e.huawei.com/-/mediae/images/solutions/computing/ascend-computing/ascend-computing-case-2.jpg',
    children: {
      title: '重新定义园区',
      content:
        '依托新ICT技术，华为打造园区产品组合方案，重新定义园区，最终实现终端互联、数据融合、业务汇聚。重新定义园区网络：多线合一、有线变无线，将15张网简化为4种网络技术',
    },
  },
]
const imgProData = {
  url: '//e.huawei.com/-/mediae/images/solutions/campus/campus/secondbanner-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 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:
            '“升级后的Wi-Fi网络感觉确实挺好的，信号穿透力更强，在宿舍不同位置信号很强；连接很稳定，在高峰期时期也再不会出现突然掉线了。让人感觉最直接的还是网络带宽的提升，让直播课程流畅了很多，使用网盘下载文件时比过去快了好几倍。”',
        },
      },
    ],
  ],
  [
    [
      {
        id: '2',
        url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
        children: {
          title:
            '重庆两路果园港综合保税区：绿色、生态、环保、城景融合的智慧园区',
          content:
            '国贸会展集团携手华为打造智慧会展中心，以ICT基础设施为支撑，以安全保障能力为基础，以运营管理能力、服务体验能力和数据运营能力为核心，带来智慧会展全新体验。',
        },
      },
    ],
  ],
]

const carouselList2 = [
  [
    {
      id: '1',
      title: '华为发布《智慧园区2030》报告',
      content:
        '近日，以“因聚而生 数智有为”为主题的“华为中国合作伙伴大会2024” 在深圳举行。期间，华为发布《智慧园区2030》报告，洞察发展趋势、定义价值场景、阐述关键技术特征、提出参考架构和量化指标，与业界同仁共同展望智慧园区创新发展之路。',
    },
    {
      id: '2',
      title: '面向智能时代，重新定义未来零碳智慧园区',
      content:
        '华为在全球最大的科技盛会GITEX GLOBAL 2023上发布了《未来零碳智慧园区白皮书》，展示了华为在智慧园区和智能建筑领域的产品组合方案，为智慧园区的全生命周期规划、建设和运营提供了全面的指导。',
    },
    {
      id: '3',
      title: '华为携手久事体育中心公司发布上海体育场智慧场馆全球样板点',
      content:
        '在华为全联接大会2023期间，华为携手久事体育中心公司，面向全球发布上海体育场智慧场馆样板点。众多商业领袖、行业伙伴及技术专家共聚一堂，分享上海体育场馆园区数字化经验，共同探讨如何加速场馆行业智能化。',
    },
  ],
]

// const list = [
//   {
//     id: '1',
//     tabName: '精选视频',
//     children: [
//       {
//         title: '中信银行携手华为的数字化转型实践',
//       },
//       {
//         title: 'HIFS2023 曹冲丨拥抱大模型，构建无所不及的金融智能',
//       },
//       {
//         title: 'BDO携手华为共同应对数字化转型的新挑战',
//       },
//       {
//         title: '申万宏源通过基础设施现代化为数字化转型夯基垒台',
//       },
//       {
//         title: '华为iMaster NCE助力华夏银行网络自服务平台搭建',
//       },
//       {
//         title: '常熟农商银行科技创新之路',
//       },
//     ],
//   },
//   {
//     id: '2',
//     tabName: '会议演讲材料',
//     children: [
//       {
//         title: '智领睿变，共建数智金融未来——曹冲',
//       },
//       {
//         title: '金融级PaaS 3.0 应用现代化新引擎',
//       },
//       {
//         title: '深化核心现代化 ，共绘数智金融新蓝图',
//       },
//       {
//         title: 'AI新生代银行的机遇与变革',
//       },
//     ],
//   },
//   {
//     id: '3',
//     tabName: '白皮书/第三方报告',
//     children: [],
//   },
//   {
//     id: '4',
//     tabName: '快捷书架',
//     children: [],
//   },
// ]

const list = [
  {
    id: '1',
    tabName: '白皮书',
    children: [
      {
        title: '智慧园区2030',
      },
      {
        title: 'Future Intelligent Campus White Paper For Asia Pacific',
      },
      {
        title: 'Future Net Zero Intelligent Campus White Paper ME&CA 2023',
      },
      {
        title: '智慧园区发展白皮书（上海）',
      },
      {
        title: '未来智慧园区白皮书2022',
      },
      {
        title: '未来智慧园区白皮书',
      },
    ],
  },
  {
    id: '2',
    tabName: '彩页',
    children: [
      {
        title: '华为智慧园区解决方案介绍',
      },
      {
        title: '园区产品组合方案彩页23.0',
      },
    ],
  },
  {
    id: '3',
    tabName: '线上样板点',
    children: [],
  },
  {
    id: '4',
    tabName: '品牌视频',
    children: [],
  },
  {
    id: '5',
    tabName: '案例视频',
    children: [],
  },
  {
    id: '6',
    tabName: '方案视频',
    children: [],
  },
]
---

<Layout title="智慧楼宇">
  <NavMenu lang={lang} client:load />
  <ScrollingNavbar sNav={sNav} />
  <ImgPro
    listOrData={imgProData1}
    ratio="3 / 1"
    btnDisplay={true}
    titleSize="fs-1"
    childrenSize="fs-4"
    ellipsis="line-ellipsis-small"
    position="positionMiddle"
  />
  <LeftImgRightText listOrData={data} line="0" />
  <ImgPro
    listOrData={imgProData}
    ratio="3 / 1"
    btnDisplay={true}
    titleSize="fs-1"
    childrenSize="fs-4"
    textWeight="fw-bold"
    ellipsis="line-ellipsis-small"
    position="positionMiddle"
  />
  <LeftMiddleRightImgText
    componentTitle="场景化解决方案"
    listOrData={informationList}
    textAlign="text-center"
  />
  <Carousel
    componentTitle="成功案例"
    list={carouselList}
    Children={LeftImgRightText}
    titleTextAlign="text-left"
    textAlign="text-left"
    line="0"
  />
  <Carousel
    componentTitle="新闻与活动"
    list={carouselList2}
    Children={Text}
    mdSize="4"
    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>
