f

src/components/BigImg.astro

@@ -1,9 +0,0 @@
----
-import Img from '@/components/children/Img.astro'
----
-
-<!-- 一张大图 -->
-<Img
-  url="//e.huawei.com/-/mediae/images/home/secondbanner/secondbanner-pc.jpg"
-  ratio="3 / 1"
-/>

src/components/Footer.astro

@@ -26,15 +26,19 @@ const menus = [
     children: [
       {
         name: '智慧物联',
+        path: 'products-solutions/lot',
       },
       {
         name: '工业互联网',
+        path: 'products-solutions/industrial-internet',
       },
       {
         name: '政企医疗',
+        path: 'product/gov-ent-health',
       },
       {
         name: '其他业务',
+        path: 'product/others',
       },
     ],
   },
@@ -80,7 +84,7 @@ const colNum = Math.ceil(12 / (menus?.length + 1))
                   {item?.children?.map((child) => (
                     <li class="nav-item mb-2">
                       <a
-                        href={`/${lang}/${child.categaryId}`}
+                        href={`/${lang}/${child.path}`}
                         class="nav-link p-0 text-body-secondary"
                       >
                         {child?.name}

src/components/ImgPro.astro

@@ -3,7 +3,7 @@ import Img from '@/components/children/Img.astro'
 import Text from '@/components/children/Text.astro'
 
 const {
-  data,
+  listOrData,
   url,
   ratio,
   btnDisplay,
@@ -12,20 +12,26 @@ const {
   textWeight,
   ellipsis,
   position,
+  titleColor,
+  contentColor,
+  href,
 } = Astro.props
 ---
 
 <!-- 图片Pro版 -->
 <div class="box">
-  <Img url={data?.url} ratio={ratio} />
+  <Img listOrData={listOrData} ratio={ratio} />
   <Text
-    data={data}
+    listOrData={listOrData}
     btnDisplay={btnDisplay}
     titleSize={titleSize}
     childrenSize={childrenSize}
     textWeight={textWeight}
     ellipsis={ellipsis}
     position={position}
+    titleColor={titleColor}
+    contentColor={contentColor}
+    href={href}
   />
 </div>
 <style>

src/components/LeftImgRightText.astro

@@ -1,12 +1,27 @@
 ---
-const { json, lang, listOrData } = Astro.props
+const {
+  json,
+  lang,
+  listOrData,
+  componentTitle,
+  textAlign,
+  btnDisplay = true,
+  line = '1',
+} = Astro.props
 import Img from '@/components/children/Img.astro'
 import Text from '@/components/children/Text.astro'
-console.log('-----listOrData22----->', listOrData)
 ---
 
 <!-- 左图右文 -->
 <div class="container">
+  <div class="fs-1 text-center mt-5" id={componentTitle}>{componentTitle}</div>
+  {
+    line == '1' && (
+      <div class={`${textAlign}`}>
+        <div class="text-underline" />
+      </div>
+    )
+  }
   <div class="row">
     {
       listOrData?.map((item, index) => (
@@ -19,13 +34,13 @@ console.log('-----listOrData22----->', listOrData)
             >
               <div class="row g-0">
                 <div class="col-md-6 col-sm-6">
-                  <Img url={item?.url} ratio="3 / 2" />
+                  <Img listOrData={item} ratio="3 / 2" />
                 </div>
                 <div class="col-md-6 col-sm-6">
                   <div class="card-body pt-0 px-5">
                     <Text
-                      data={item?.children}
-                      btnDisplay={true}
+                      listOrData={item?.children}
+                      btnDisplay={btnDisplay}
                       ellipsis="line-ellipsis-large"
                     />
                   </div>
@@ -38,7 +53,13 @@ console.log('-----listOrData22----->', listOrData)
     }
   </div>
 </div>
-<style></style>
+<style>
+  .text-underline {
+    display: inline-block;
+    width: 100px;
+    border-bottom: 2px solid red;
+  }
+</style>
 <script>
   const path = window.location.pathname
   var lang = path.substring(1, 3)

src/components/LeftMiddleRightImgText.astro

@@ -1,12 +1,26 @@
 ---
-const { json, lang, listOrData, componentTitle } = Astro.props
+const {
+  json,
+  lang,
+  listOrData,
+  componentTitle,
+  textAlign = 'text-center',
+  line = '1',
+} = Astro.props
 import Img from '@/components/children/Img.astro'
 import Text from '@/components/children/Text.astro'
 ---
 
 <!-- 左中右图文 -->
 <div class="container">
-  <div class="fs-1 text-center mt-5">{componentTitle}</div>
+  <div class="fs-1 text-center mt-5" id={componentTitle}>{componentTitle}</div>
+  {
+    line == '1' && (
+      <div class={`${textAlign}`}>
+        <div class="text-underline" />
+      </div>
+    )
+  }
   <div class="row row-cols-md-3 row-cols-sm-1">
     {
       listOrData?.map((item, index) => (
@@ -20,13 +34,13 @@ import Text from '@/components/children/Text.astro'
               <div class="card-body">
                 <div style="height:auto;overflow:hidden">
                   <Img
-                    url={item?.url}
+                    listOrData={item}
                     ratio="3 / 2"
                     transformEnlarge="transformEnlarge"
                   />
                 </div>
                 <Text
-                  data={item?.children}
+                  listOrData={item?.children}
                   btnDisplay={true}
                   ellipsis="line-ellipsis-small"
                 />
@@ -38,7 +52,13 @@ import Text from '@/components/children/Text.astro'
     }
   </div>
 </div>
-<style></style>
+<style>
+  .text-underline {
+    display: inline-block;
+    width: 100px;
+    border-bottom: 2px solid red;
+  }
+</style>
 
 <script>
   const path = window.location.pathname

src/components/LeftOneRightFourImg.astro

@@ -42,6 +42,10 @@ const list = [
     },
   },
 ]
+
+const imgData = {
+  url: '//e.huawei.com/-/mediae/images/home/whatsnew/whatsnew-high-quality-cloudcampus-background-pc-0314.jpg',
+}
 ---
 
 <!-- 左一右四图片 -->
@@ -50,7 +54,7 @@ const list = [
     <div class="col-md-5">
       <div class="left-block">
         <Img
-          url="//e.huawei.com/-/mediae/images/home/whatsnew/whatsnew-high-quality-cloudcampus-background-pc-0314.jpg"
+          listOrData={imgData}
           ratio="2 / 3"
           transformEnlarge="transformEnlarge"
         />
@@ -64,12 +68,15 @@ const list = [
               <div class="right-block">
                 <div class="limit">
                   <Img
-                    url={item?.url}
+                    listOrData={item}
                     ratio="3 / 2"
                     transformEnlarge="transformEnlarge"
                   />
                 </div>
-                <Text data={item?.children} ellipsis="line-ellipsis-small" />
+                <Text
+                  listOrData={item?.children}
+                  ellipsis="line-ellipsis-small"
+                />
               </div>
             </div>
           ))

src/components/NavMenu/index.jsx

@@ -1,9 +1,9 @@
-import React, { Fragment } from 'react';
+import React, { Fragment, useEffect, useRef } from 'react';
 import menus from '@/data/menu'
 import SubMenu from './SubMenu';
 import './style.less';
 
-export default function NavMenu(props) {
+export default function NavMenu (props) {
 
   const { lang } = props;
   const pathPrefix = `/${lang}`;
@@ -15,11 +15,28 @@ export default function NavMenu(props) {
     setCurrent(menu);
     setShow(menu.children?.length > 0)
   }
+  const elementRef = useRef();
+  const handleScroll = () => {
+    const offset = window.pageYOffset;
+    if (offset > 450) {
+      elementRef.current.style.display = 'none'
+    } else {
+      elementRef.current.style.display = 'block'
+    }
+  };
+
+  useEffect(() => {
+    window.addEventListener('scroll', handleScroll);
+    return () => {
+      window.removeEventListener('scroll', handleScroll);
+    };
+  }, [])
 
   return (
     <Fragment>
       <nav
         id="pageNav"
+        ref={elementRef}
         className="navbar navbar-expand-lg navbar-light bg-light fixed-top p-0"
         style={{ '--bs-bg-opacity': 0.9 }}
       >
@@ -37,7 +54,7 @@ export default function NavMenu(props) {
           </button>
           <a className="navbar-brand" href={`/${lang}/`}>
             <img
-              src="../logo.png"
+              src="/public/logo.png"
               alt="云致科技"
               width="36"
               className="d-inline-block align-text-top"
@@ -46,7 +63,7 @@ export default function NavMenu(props) {
           </a>
           <div id="navbarSupportedContent" className="collapse navbar-collapse py-3">
             <div className="me-auto"></div>
-      
+
             <ul id="menu-nav" className="navbar-nav me-auto mb-2 mb-lg-0">
               {
                 menus.map((menu) => (
@@ -67,11 +84,11 @@ export default function NavMenu(props) {
               <input className="form-control me-2" type="search" placeholder="Search" aria-label="Search" />
               <button className="btn btn-outline-success" type="submit">Search</button>
             </form>
-      
+
           </div>
-        </div>      
+        </div>
       </nav>
-              
+
       <SubMenu
         show={show}
         pathPrefix={pathPrefix}

src/components/ScrollingNavbar.astro

@@ -4,8 +4,8 @@ const { sNav } = Astro.props
 
 <nav
   id="scrolling-navbar"
-  class="navbar navbar-expand-lg bg-body-tertiary fixed-top"
-  style="margin-top: 5rem;z-index:10"
+  class="navbar navbar-expand-lg bg-body-tertiary fixed-top rounded-3 shadow"
+  style="display: none;"
 >
   <div class="container">
     <button
@@ -28,7 +28,9 @@ const { sNav } = Astro.props
           sNav?.map((item, index) => (
             <li class="nav-item mb-2">
               <a
-                class={index == 0 ? 'nav-link active' : 'nav-link'}
+                class={
+                  index == 0 ? 'nav-link active a-link' : 'nav-link a-link'
+                }
                 href={`#${item}`}
               >
                 {item}
@@ -41,15 +43,28 @@ const { sNav } = Astro.props
   </div>
 </nav>
 
+<style>
+  .a-link:hover {
+    color: red;
+  }
+  .a-link:focus {
+    color: red;
+  }
+</style>
 <script>
   const NavMargin = document.querySelector('#scrolling-navbar')
 
   function pagescrollingNavbarMargin() {
     const offset = window.pageYOffset
     if (offset > 450) {
-      NavMargin.style.marginTop = 0
+      // margin-top: 4.6rem;
+      // width: 80%;left:10%
+      // NavMargin.style.marginTop = 0
+      NavMargin.style.display = 'block'
+      NavMargin.style.width = '80%'
+      NavMargin.style.left = '10%'
     } else {
-      NavMargin.style.marginTop = '5em'
+      NavMargin.style.display = 'none'
     }
   }
 

src/components/VerticalNavigationContent.astro

@@ -1,113 +1,72 @@
 ---
 const domId = `tab-${Math.random().toString(36).substring(2, 7)}`
-import Text from '@/components/children/Text.astro'
-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,
+  Children,
+  componentTitle,
+  mdSize = '4',
+  textAlign = 'text-center',
+  titleTextAlign,
+  ...right
+} = Astro.props
+// console.log('--------方方-->', list)
 ---
 
 <!-- 竖形导航内容 -->
-<div class="d-flex align-items-start">
-  <div class="row">
-    <div class="col-md-2">
-      <div
-        class="nav flex-column nav-pills me-3"
-        id="v-pills-tab"
-        role="tablist"
-        aria-orientation="vertical"
-      >
-        {
-          list?.map((item, index) => (
-            <a
-              class={index == 0 ? 'nav-link active mt-5' : 'nav-link mt-5'}
-              id={`v-pills-${index}-tab`}
-              data-bs-toggle="pill"
-              href={`#v-pills-${index}`}
-              role="tab"
-              aria-controls={`v-pills-${index}`}
-              aria-selected={index == 0 ? 'true' : 'false'}
-            >
-              {item?.tabName}
-            </a>
-          ))
-        }
+<div class="container">
+  <div class={`fs-1 ${titleTextAlign} mt-5`} id={componentTitle}>
+    {componentTitle}
+  </div>
+  <div class={`${textAlign}`}><div class="text-underline"></div></div>
+  <div class="d-flex align-items-start mt-5">
+    <div class="row">
+      <div class="col-md-2">
+        <div
+          class="nav flex-column nav-pills me-3"
+          id="v-pills-tab"
+          role="tablist"
+          aria-orientation="vertical"
+        >
+          {
+            list?.map((item, index) => (
+              <a
+                class={index == 0 ? 'nav-link active mt-5' : 'nav-link mt-5'}
+                id={`v-pills-${index}-tab`}
+                data-bs-toggle="pill"
+                href={`#v-pills-${index}`}
+                role="tab"
+                aria-controls={`v-pills-${index}`}
+                aria-selected={index == 0 ? 'true' : 'false'}
+              >
+                {item?.tabName}
+              </a>
+            ))
+          }
+        </div>
       </div>
-    </div>
-    <div class="col-md-10">
-      <div class="tab-content" id="v-pills-tabContent">
-        {
-          list?.map((item, index) => (
-            <div
-              class={index == 0 ? 'tab-pane fade show active' : 'tab-pane fade'}
-              id={`v-pills-${index}`}
-              role="tabpanel"
-              aria-labelledby={`v-pills-${index}-tab`}
-            >
-              <div class="row">
-                {item?.children?.map((item, index) => (
-                  <div class="col-md-4" id={index}>
-                    <Text
-                      data={item}
-                      ellipsis="line-ellipsis-small"
-                      btnDisplay={true}
-                    />
-                  </div>
-                ))}
+      <div class="col-md-10">
+        <div class="tab-content" id="v-pills-tabContent">
+          {
+            list?.map((item, index) => (
+              <div
+                class={
+                  index == 0 ? 'tab-pane fade show active' : 'tab-pane fade'
+                }
+                id={`v-pills-${index}`}
+                role="tabpanel"
+                aria-labelledby={`v-pills-${index}-tab`}
+              >
+                <div class="row">
+                  {item?.children?.map((item, index) => (
+                    <div class={`col-md-${mdSize}`} id={index}>
+                      <Children listOrData={item} {...right} />
+                    </div>
+                  ))}
+                </div>
               </div>
-            </div>
-          ))
-        }
+            ))
+          }
+        </div>
       </div>
     </div>
   </div>
@@ -119,4 +78,9 @@ const list = [
   .nav-link.active {
     background-color: #c80510;
   }
+  .text-underline {
+    display: inline-block;
+    width: 100px;
+    border-bottom: 2px solid red;
+  }
 </style>

src/components/children/Carousel.astro

@@ -1,10 +1,22 @@
 ---
 const domId = `carousel-${Math.random().toString(36).substring(2, 7)}`
-const { list, Children, componentTitle } = Astro.props
+const {
+  list,
+  Children,
+  componentTitle,
+  line,
+  titleTextAlign,
+  textAlign,
+  mdSize,
+} = Astro.props
 ---
 
 <!-- 轮播 -->
 <div class="container">
+  <div class={`fs-1 ${titleTextAlign} mt-5`} id={componentTitle}>
+    {componentTitle}
+  </div>
+  <div class={`${textAlign}`}><div class="text-underline"></div></div>
   <div id={domId} class="carousel slide" data-bs-ride="carousel">
     <div class="carousel-inner">
       {
@@ -15,14 +27,14 @@ const { list, Children, componentTitle } = Astro.props
           >
             <div class="row">
               {item.map((it, index) => (
-                <div class="col-md-12 col-sm-12 px-5">
+                <div class={`col-md-${mdSize} col-sm-12 px-5`}>
                   <div
                     class="top-bottom-project-card-carousel"
                     style={it.id ? 'cursor: pointer' : ''}
                     data-post={it.id}
                   >
                     <div class="card border-0" />
-                    <Children listOrData={it} componentTitle={componentTitle} />
+                    <Children listOrData={it} line={line} />
                   </div>
                 </div>
               ))}
@@ -56,7 +68,13 @@ const { list, Children, componentTitle } = Astro.props
   </div>
 </div>
 <!-- <LeftImgRightText list={it} /> -->
-<style></style>
+<style>
+  .text-underline {
+    display: inline-block;
+    width: 100px;
+    border-bottom: 2px solid red;
+  }
+</style>
 
 <script>
   const path = window.location.pathname

src/components/children/Img.astro

@@ -1,12 +1,12 @@
 ---
-const { url, ratio, transformEnlarge } = Astro.props
+const { listOrData, ratio, transformEnlarge } = Astro.props
 ---
 
 <!-- 图片 -->
 <img
-  src={url}
+  src={listOrData?.url}
   class=`img-fluid object-fit-cover ${transformEnlarge}`
-  style=`aspect-ratio:${ratio}`
+  style=`aspect-ratio:${ratio};width:100%;`
   alt=""
 />
 

src/components/children/Text.astro

@@ -1,25 +1,39 @@
 ---
 const {
-  data,
+  listOrData,
   titleSize = 'fs-4',
   childrenSize,
-  textColor,
+  contentColor = 'text-secondary',
   textWeight,
   ellipsis,
   btnDisplay,
   textUnderline,
   position,
+  titleColor,
+  href = '#',
 } = Astro.props
 ---
 
 <!-- 文本 -->
 <div class=`${position}`>
-  <p class=`${titleSize} ${textWeight} mb-0 pt-5`>{data?.title}</p>
+  <p
+    class=`${titleSize} ${textWeight} ${titleColor} mb-0 pt-5 title-line-ellipsis`
+  >
+    {listOrData?.title}
+  </p>
   <!-- <p class="fs-4">打造全球首个“岛式”精益智造工厂</p> -->
   {textUnderline && <div class="text-underline" />}
 
-  <p class=`text-secondary ${childrenSize} ${ellipsis} pt-1`>{data?.content}</p>
-  {btnDisplay && <a class="fs-5 a-link">了解更多</a>}
+  <p class=`${contentColor} ${childrenSize} ${ellipsis} pt-1`>
+    {listOrData?.content}
+  </p>
+  {
+    btnDisplay && (
+      <a class="fs-5 a-link" href={`${href}`}>
+        了解更多
+      </a>
+    )
+  }
 </div>
 
 <style>
@@ -29,6 +43,14 @@ const {
     margin-left: 50px;
     margin-bottom: 1em;
   }
+  .title-line-ellipsis {
+    display: -webkit-box;
+    height: 3.6em;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
   .line-ellipsis-small {
     display: -webkit-box;
     height: 5em;

src/layouts/Layout.astro

@@ -9,7 +9,7 @@ const { title } = Astro.props
     <meta charset="UTF-8" />
     <meta name="description" content="Astro description" />
     <meta name="viewport" content="width=device-width" />
-    <link rel="icon" type="image/x-icon" href="../favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/public/favicon.ico" />
     <link
       href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
       rel="stylesheet"
@@ -20,7 +20,7 @@ const { title } = Astro.props
       crossorigin="anonymous"></script>
     <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
     <meta name="generator" content={Astro.generator} />
-    <title>{title} - 南京云致</title>
+    <title>{title} - 云致科技</title>
     <style is:global>
       html,
       body {

src/pages/[lang]/about/index.astro

@@ -0,0 +1,95 @@
+---
+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 imgProData = {
+  url: '//e.huawei.com/mediafileebg/MediaFiles/9/5/7/{9578A2AD-F2ED-4FB9-A98D-46BF61013F97}secondbanner-banner-pc-0325.jpg',
+  title: '云致企业业务',
+  content:
+    '横跨整个大西洋与北冰洋，云致企业业务为全球企业提供安全、可靠的云服务。',
+}
+
+const data = [
+  {
+    id: '1',
+    url: 'https://e.huawei.com/topic/sitecore/2024-finance/img/partner.jpg',
+    children: {
+      title: '关于云致',
+      content:
+        '关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致',
+    },
+  },
+]
+
+const imgProData2 = {
+  url: '//e.huawei.com/mediafileebg/MediaFiles/9/5/7/{9578A2AD-F2ED-4FB9-A98D-46BF61013F97}secondbanner-banner-pc-0325.jpg',
+  title: '获得广泛业界认可',
+  content:
+    '关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致',
+}
+const data2 = [
+  {
+    id: '1',
+    url: 'https://e.huawei.com/topic/sitecore/2024-finance/img/partner.jpg',
+    children: {
+      title: '携手伙伴',
+      content:
+        '关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致关于云致',
+    },
+  },
+]
+const imgProData3 = {
+  url: '//e.huawei.com/mediafileebg/MediaFiles/9/5/7/{9578A2AD-F2ED-4FB9-A98D-46BF61013F97}secondbanner-banner-pc-0325.jpg',
+  title: '面向中小企业',
+  content:
+    '拥有一百多万的客户，一百多在线运行项目，跨一百多个行业，覆盖全球各个角落',
+}
+---
+
+<Layout title="关于云致">
+  <NavMenu lang={lang} client:load />
+  <ImgPro
+    listOrData={imgProData}
+    titleColor="text-dark"
+    contentColor="text-secondary"
+    ratio="3 / 1"
+    titleSize="fs-1"
+    childrenSize="fs-4"
+    ellipsis="line-ellipsis-small"
+    position="positionMiddle"
+  />
+  <LeftImgRightText listOrData={data} line="0" />
+  <ImgPro
+    listOrData={imgProData2}
+    ratio="3 / 1"
+    titleSize="fs-1"
+    childrenSize="fs-4"
+    ellipsis="line-ellipsis-small"
+    position="positionMiddle"
+  />
+  <LeftImgRightText
+    listOrData={data2}
+    componentTitle="携手伙伴"
+    textAlign="text-center"
+  />
+  <ImgPro
+    listOrData={imgProData3}
+    titleColor="text-dark"
+    contentColor="text-secondary"
+    ratio="3 / 1"
+    titleSize="fs-1"
+    childrenSize="fs-4"
+    ellipsis="line-ellipsis-small"
+    position="positionMiddle"
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/concat-us/index.astro

@@ -0,0 +1,60 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import Text from '@/components/children/Text.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+
+const text = [
+  {
+    title: '产品购买与咨询',
+    content: '提交项目需求这一块那一块',
+  },
+  {
+    title: '云致合作伙伴咨询',
+    content: '投诉邮箱：89341562@qq.com',
+  },
+  {
+    title: '技术支持',
+    content: '服务热线：15366173165（李先生）',
+  },
+  {
+    title: '培训认证',
+    content: '提交问题单这一块那一块',
+  },
+]
+const text2 = {
+  title: '网站意见反馈',
+  content:
+    '我们非常乐意听取您关于华为网站的意见，我们会认真阅读每一条反馈意见。地址：南京市栖霞区绿地万科云都会售楼处北50米（石狮路西）',
+}
+---
+
+<Layout title="联系我们">
+  <NavMenu lang={lang} client:load />
+  <div class="container">
+    <div class="fs-1 text-center text-light pt-5" style="margin-top:36px">
+      联系我们
+    </div>
+    <div class="row mt-5 justify-content-center">
+      {
+        text.map((item, index) => (
+          <div class="col-md-5 mb-5">
+            <div class="card ps-5">
+              <Text listOrData={item} />
+            </div>
+          </div>
+        ))
+      }
+    </div>
+    <div class="row justify-content-center">
+      <div class="col-md-10">
+        <div class="card ps-5">
+          <Text listOrData={text2} />
+        </div>
+      </div>
+    </div>
+  </div>
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/detail/FirstScreenDetail.astro

@@ -0,0 +1,121 @@
+---
+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>

src/pages/[lang]/index.astro

@@ -9,7 +9,7 @@ import Carousel from '@/components/children/Carousel.astro'
 import LeftRightCarousel from '@/components/LeftRightCarousel.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
 import NavMenu from '@/components/NavMenu/index.jsx'
-import pageData from '@/data/homepage';
+import pageData from '@/data/homepage'
 
 function getName(item = {}) {
   return (
@@ -24,7 +24,7 @@ const { lang = 'zh' } = Astro.params
 const categary = Astro.locals._menus?.find(
   (item) => item.categaryId == categaryId
 )
-const title = getName(categary)
+// const title = getName(categary)
 
 const imgProData = {
   url: '//e.huawei.com/-/mediae/images/home/banner/jiasu-banner-pc1.jpg',
@@ -160,11 +160,11 @@ const informationList = [
 ]
 ---
 
-<Layout title={title}>
+<Layout title="官网">
   <NavMenu lang={lang} client:load />
 
   <ImgPro
-    data={imgProData}
+    listOrData={imgProData}
     ratio="16 / 9"
     btnDisplay={true}
     titleSize="fs-1"
@@ -172,19 +172,27 @@ const informationList = [
     textWeight="fw-bold"
     ellipsis="line-ellipsis-small"
     position="positionBottom"
+    href="detail/FirstScreenDetail/"
   />
 
-  <!-- 三列图文轮播图 -->
+  <!-- 三列图文轮播 -->
   <Carousel
     componentTitle="产品与解决方案"
     list={carouselList}
+    textAlign="text-start"
+    line="0"
     Children={LeftMiddleRightImgText}
   />
 
-  <LeftMiddleRightImgText componentTitle="案例展示" listOrData={caseList} />
+  <LeftMiddleRightImgText
+    componentTitle="案例展示"
+    listOrData={caseList}
+    textAlign="text-center"
+  />
   <LeftMiddleRightImgText
     componentTitle="最新资讯"
     listOrData={informationList}
+    textAlign="text-center"
   />
   <Footer lang={lang} />
 </Layout>

src/pages/[lang]/news/index.astro

@@ -0,0 +1,102 @@
+---
+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>

src/pages/[lang]/product/gov-ent-health/index.astro

@@ -0,0 +1,45 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import Footer from '@/components/Footer.astro'
+const { lang = 'zh' } = Astro.params
+---
+
+<Layout title="菜单">
+  <div class="container">
+    <div class="row mt-5">
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/gov-ent-health/gov`}>政务服务</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/gov-ent-health/bank`}>银行业务</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/gov-ent-health/healthcare`}
+            >医院医疗</a
+          >
+        </div>
+      </div>
+    </div>
+  </div>
+  <Footer lang={lang} />
+</Layout>
+
+<style>
+  .menu-a {
+    text-decoration: none;
+    cursor: pointer;
+  }
+</style>

src/pages/[lang]/product/others/index.astro

@@ -0,0 +1,52 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import Footer from '@/components/Footer.astro'
+const { lang = 'zh' } = Astro.params
+---
+
+<Layout title="菜单">
+  <div class="container">
+    <div class="row mt-5">
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/others/eshop`}>电商系统</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/others/shigongli`}>旅游住宿</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/others/house`}>房源交易</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/others/crm`}>CRM管理</a
+          >
+        </div>
+      </div>
+    </div>
+  </div>
+  <Footer lang={lang} />
+</Layout>
+
+<style>
+  .menu-a {
+    text-decoration: none;
+    cursor: pointer;
+  }
+</style>

src/pages/[lang]/products-solutions/gov-ent-health/bank/custom/index.astro

@@ -0,0 +1,194 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
+import ImgPro from '@/components/ImgPro.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import Text from '@/components/children/Text.astro'
+import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
+
+const imgProData = {
+  url: '//e.huawei.com/-/mediae/EBG/Images/SolutionV2/enterprise-network/sd-wan/cloudwan/cloud-wan-banner-pc.jpg',
+  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/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 carouselList2 = [
+  [
+    [
+      {
+        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 list = [
+  {
+    id: '1',
+    tabName: '彩页',
+    children: [
+      {
+        title: '定制开发定制开发定制开发定制开发定制开发定制开发',
+      },
+      {
+        title: '定制开发定制开发定制开发定制开发定制开发',
+      },
+      {
+        title: '定制开发定制开发定制开发定制开发定制开发定制开发',
+      },
+      {
+        title:
+          '定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+      },
+      {
+        title:
+          '定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+      },
+      {
+        title:
+          '定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发定制开发',
+      },
+    ],
+  },
+  {
+    id: '2',
+    tabName: '白皮书',
+    children: [
+      {
+        title: '定制开发定制开发定制开发定制开发定制开发',
+      },
+      {
+        title: '定制开发定制开发定制开发定制开发',
+      },
+    ],
+  },
+]
+---
+
+<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"
+  />
+  <LeftMiddleRightImgText
+    componentTitle="场景化解决方案"
+    listOrData={informationList}
+  />
+  <Carousel
+    componentTitle="相关产品"
+    list={carouselList}
+    Children={LeftMiddleRightImgText}
+    titleTextAlign="text-start"
+    textAlign="text-start"
+    line="0"
+  />
+  <Carousel
+    componentTitle="成功案例"
+    list={carouselList2}
+    Children={LeftImgRightText}
+    line="0"
+  />
+  <VerticalNavigationContent
+    list={list}
+    ellipsis="line-ellipsis-small"
+    btnDisplay={true}
+    Children={Text}
+    componentTitle="相关资源"
+    titleTextAlign="text-left"
+    textAlign="text-left"
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/products-solutions/gov-ent-health/bank/index.astro

@@ -0,0 +1,198 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
+import ImgPro from '@/components/ImgPro.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import Text from '@/components/children/Text.astro'
+import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
+
+const imgProData = {
+  url: '//e.huawei.com/-/mediae/images/industries/finance/banner-pc-0401.jpg',
+  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 verticalNavigationContentList = [
+  {
+    id: '1',
+    tabName: '白皮书',
+    children: [
+      {
+        title:
+          '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+      {
+        title:
+          '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+      {
+        title:
+          '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+      {
+        title:
+          '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+      {
+        title:
+          '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+      {
+        title:
+          '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+    ],
+  },
+  {
+    id: '2',
+    tabName: '彩页',
+    children: [
+      {
+        title: '银行业务银行业务银行业务银行业务',
+      },
+      {
+        title:
+          '银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务银行业务',
+      },
+    ],
+  },
+]
+---
+
+<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"
+  />
+  <LeftMiddleRightImgText
+    componentTitle="场景化解决方案"
+    listOrData={informationList}
+  />
+  <Carousel
+    componentTitle="我们如何帮助客户成功"
+    list={carouselList}
+    line="0"
+    Children={LeftImgRightText}
+  />
+  <Carousel
+    componentTitle="新闻与活动"
+    list={carouselList2}
+    line="0"
+    Children={LeftMiddleRightImgText}
+    titleTextAlign="text-end"
+    textAlign="text-end"
+  />
+  <VerticalNavigationContent
+    list={verticalNavigationContentList}
+    ellipsis="line-ellipsis-small"
+    btnDisplay={true}
+    Children={Text}
+    componentTitle="相关资源"
+    titleTextAlign="text-left"
+    textAlign="text-left"
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/products-solutions/gov-ent-health/gov/civilized-city/index.astro

@@ -0,0 +1,113 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
+import ImgPro from '@/components/ImgPro.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import Text from '@/components/children/Text.astro'
+import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
+
+const imgProData = {
+  url: '//e.huawei.com/-/mediae/images/solutions/enterprise-wireless/industry-wireless/industry-wireless-banner-pc1.jpg',
+  title: '文明创城',
+  content: '文明创城文明创城',
+}
+const leftImgRightTextList = [
+  {
+    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 list = [
+  {
+    id: '1',
+    tabName: '彩页',
+    children: [
+      {
+        title: '文明创城文明创城文明创城文明创城文明创城文明创城',
+      },
+      {
+        title: '文明创城文明创城文明创城文明创城文明创城',
+      },
+      {
+        title: '文明创城文明创城文明创城文明创城文明创城文明创城',
+      },
+      {
+        title:
+          '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
+      },
+      {
+        title:
+          '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
+      },
+      {
+        title:
+          '文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城文明创城',
+      },
+    ],
+  },
+  {
+    id: '2',
+    tabName: '白皮书',
+    children: [
+      {
+        title: '文明创城文明创城文明创城文明创城文明创城',
+      },
+      {
+        title: '文明创城文明创城文明创城文明创城',
+      },
+    ],
+  },
+]
+---
+
+<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={leftImgRightTextList}
+    componentTitle="场景化解决方案"
+    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>

src/pages/[lang]/products-solutions/gov-ent-health/gov/index.astro

@@ -0,0 +1,201 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
+import ImgPro from '@/components/ImgPro.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import Text from '@/components/children/Text.astro'
+import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
+
+const imgProData = {
+  url: '//e.huawei.com/-/mediae/images/industries/education/topic/education-banner-pc-02.jpg',
+  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',
+      title: '政务服务',
+      content:
+        '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+    },
+    {
+      id: '2',
+      title: '政务服务',
+      content:
+        '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+    },
+    {
+      id: '3',
+      title: '政务服务',
+      content:
+        '政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务政务服务',
+    },
+  ],
+]
+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={imgProData}
+    ratio="3 / 1"
+    btnDisplay={true}
+    titleColor="text-light"
+    contentColor="text-light"
+    titleSize="fs-1"
+    childrenSize="fs-4"
+    ellipsis="line-ellipsis-small"
+    position="positionMiddle"
+  />
+  <LeftMiddleRightImgText
+    componentTitle="场景化解决方案"
+    listOrData={informationList}
+  />
+  <Carousel
+    componentTitle="成功案例"
+    list={carouselList}
+    line="0"
+    Children={LeftImgRightText}
+  />
+  <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>

src/pages/[lang]/products-solutions/gov-ent-health/healthcare/index.astro

@@ -0,0 +1,189 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
+import ImgPro from '@/components/ImgPro.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import Text from '@/components/children/Text.astro'
+import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['场景化解决方案', '成功案例', '新闻与活动', '相关资源']
+
+const imgProData = {
+  url: '//e.huawei.com/-/mediae/images/industries/healthcare/healthcare/healthcare-banner-pc.jpg',
+  title: '医院医疗',
+  content: '医院医疗医院医疗',
+}
+const leftImgRightTextList = [
+  {
+    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 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 list = [
+  {
+    id: '1',
+    tabName: '彩页',
+    children: [
+      {
+        title: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+      },
+      {
+        title: '医院医疗医院医疗医院医疗医院医疗医院医疗',
+      },
+      {
+        title: '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+      },
+      {
+        title:
+          '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+      },
+      {
+        title:
+          '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+      },
+      {
+        title:
+          '医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗医院医疗',
+      },
+    ],
+  },
+  {
+    id: '2',
+    tabName: '白皮书',
+    children: [
+      {
+        title: '医院医疗医院医疗医院医疗医院医疗医院医疗',
+      },
+      {
+        title: '医院医疗医院医疗医院医疗医院医疗',
+      },
+    ],
+  },
+]
+---
+
+<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={leftImgRightTextList}
+    componentTitle="场景化解决方案"
+    textAlign="text-center"
+  />
+  <Carousel
+    componentTitle="成功案例"
+    list={carouselList}
+    Children={LeftImgRightText}
+    line="0"
+  />
+  <Carousel
+    componentTitle="新闻与活动"
+    list={carouselList2}
+    Children={LeftMiddleRightImgText}
+    titleTextAlign="text-end"
+    textAlign="text-end"
+    line="0"
+  />
+  <VerticalNavigationContent
+    list={list}
+    ellipsis="line-ellipsis-small"
+    btnDisplay={true}
+    Children={Text}
+    componentTitle="相关资源"
+    titleTextAlign="text-left"
+    textAlign="text-left"
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/products-solutions/index.astro

@@ -0,0 +1,53 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import Footer from '@/components/Footer.astro'
+const { lang = 'zh' } = Astro.params
+---
+
+<Layout title="菜单">
+  <div class="container">
+    <div class="row mt-5">
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-4 link-dark menu-a"
+            href={`/${lang}/products-solutions/lot`}>智慧物联</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-4 link-dark menu-a"
+            href={`/${lang}/products-solutions/industrial-internet`}
+            >工业互联网</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-4 link-dark menu-a"
+            href={`/${lang}/product/gov-ent-health`}>政企医疗</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-4 link-dark menu-a"
+            href={`/${lang}/product/others`}>其他业务</a
+          >
+        </div>
+      </div>
+    </div>
+  </div>
+  <Footer lang={lang} />
+</Layout>
+
+<style>
+  .menu-a {
+    text-decoration: none;
+    cursor: pointer;
+  }
+</style>

src/pages/[lang]/products-solutions/industrial-internet/erp/index.astro

@@ -0,0 +1,182 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
+import ImgPro from '@/components/ImgPro.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import Text from '@/components/children/Text.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+const sNav = [
+  '选择云致的理由',
+  '场景化解决方案',
+  '我们如何帮助客户成功',
+  '配套产品',
+  '相关资源',
+]
+
+const imgProData = {
+  url: '//e.huawei.com/-/mediae/images/products/storage/all-flash-storage/all-flash-storage-banner-pc_001.jpg',
+  title: 'ERP',
+  content: 'ERPERP',
+}
+const leftImgRightTextList = [
+  {
+    id: '1',
+    url: 'https://e.huawei.com/-/mediae/images/case-studies/industries/education/2022/southeast-university-smart-campus/banner-bequoted1.jpg',
+    children: {
+      title: 'ERPERPERPERPERPERPERPERP',
+      content:
+        'ERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERP',
+    },
+  },
+  {
+    id: '2',
+    url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
+    children: {
+      title: 'ERPERPERPERPERPERPERPERP',
+      content:
+        'ERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERPERP',
+    },
+  },
+]
+const informationList = [
+  {
+    id: '1',
+    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    children: {
+      title: 'ERP',
+      content: 'ERPERPERPERPERPERPERP',
+    },
+  },
+  {
+    id: '2',
+    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+    children: {
+      title: 'ERP',
+      content: 'ERPERPERPERPERPERPERP',
+    },
+  },
+  {
+    id: '3',
+    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+    children: {
+      title: 'ERP',
+      content: 'ERPERPERPERPERPERPERP',
+    },
+  },
+]
+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: 'ERP',
+          content: 'ERPERPERPERPERPERPERPERP',
+        },
+      },
+    ],
+  ],
+  [
+    [
+      {
+        id: '2',
+        url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
+        children: {
+          title: 'ERP',
+          content: 'ERPERPERPERPERPERPERPERP',
+        },
+      },
+    ],
+  ],
+]
+const informationList2 = [
+  {
+    id: '1',
+    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    children: {
+      title: 'ERP',
+      content: 'ERPERPERPERPERPERPERP',
+    },
+  },
+  {
+    id: '2',
+    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+    children: {
+      title: 'ERP',
+      content: 'ERPERPERPERPERPERPERP',
+    },
+  },
+  {
+    id: '3',
+    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+    children: {
+      title: 'ERP',
+      content: 'ERPERPERPERPERPERPERP',
+    },
+  },
+]
+const carouselList2 = [
+  [
+    {
+      id: '1',
+      title: 'ERP',
+      content: 'ERPERPERPERPERPERPERPERP',
+    },
+    {
+      id: '2',
+      title: 'ERP',
+      content: 'ERPERPERPERPERPERPERPERP',
+    },
+  ],
+]
+---
+
+<Layout title="ERP">
+  <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={leftImgRightTextList}
+    componentTitle="选择云致的理由"
+    textAlign="text-center"
+  />
+  <LeftMiddleRightImgText
+    componentTitle="场景化解决方案"
+    listOrData={informationList}
+  />
+  <Carousel
+    componentTitle="我们如何帮助客户成功"
+    list={carouselList}
+    line="0"
+    Children={LeftImgRightText}
+  />
+  <LeftMiddleRightImgText
+    componentTitle="配套产品"
+    listOrData={informationList2}
+  />
+  <Carousel
+    componentTitle="相关资源"
+    list={carouselList2}
+    Children={Text}
+    mdSize="4"
+    titleTextAlign="text-center"
+    textAlign="text-center"
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/products-solutions/industrial-internet/index.astro

@@ -0,0 +1,37 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import Footer from '@/components/Footer.astro'
+const { lang = 'zh' } = Astro.params
+---
+
+<Layout title="菜单">
+  <div class="container">
+    <div class="row mt-5">
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/industrial-internet/mes`}
+            >云致MES</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/industrial-internet/erp`}>ERP</a
+          >
+        </div>
+      </div>
+    </div>
+  </div>
+  <Footer lang={lang} />
+</Layout>
+
+<style>
+  .menu-a {
+    text-decoration: none;
+    cursor: pointer;
+  }
+</style>

src/pages/[lang]/products-solutions/industrial-internet/mes/index.astro

@@ -0,0 +1,136 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+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'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['选择适合您的交换机产品', '成功案例', '相关资源']
+const imgProData = {
+  url: 'https://e.huawei.com/-/mediae/EBG/Images/ProductV2/enterprise-networking/switches/topic/switches-banner-pc-1130.jpg',
+  title: '云致MES',
+  content: '云致MES',
+}
+const informationList = [
+  {
+    id: '1',
+    url: 'https://e.huawei.com/-/mediae/images/solutions/campus/office-network/office-network-banner-bequoted.png',
+    children: {
+      title: '云致MES',
+      content:
+        '云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES',
+    },
+  },
+  {
+    id: '2',
+    url: 'https://e.huawei.com/-/mediae/images/solutions/campus/sdwan/sdwan-banner-bequoted.jpg',
+    children: {
+      title: '云致MES',
+      content:
+        '云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES',
+    },
+  },
+  {
+    id: '3',
+    url: 'https://e.huawei.com/-/mediae/images/solutions/campus/converged-production-network/banner-bequoted.png',
+    children: {
+      title: '云致MES',
+      content:
+        '云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES',
+    },
+  },
+]
+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: '云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES',
+          content:
+            '云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES',
+        },
+      },
+    ],
+  ],
+  [
+    [
+      {
+        id: '2',
+        url: 'https://e.huawei.com/-/mediae/images/case-studies/solutions/campus/2023/chongqing-lianglu-guoyuan-port/banner-bequoted.jpg',
+        children: {
+          title: '云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES',
+          content:
+            '云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES',
+        },
+      },
+    ],
+  ],
+]
+
+const list = [
+  {
+    id: '1',
+    tabName: '彩页',
+    children: [
+      {
+        title: '云致MES云致MES云致MES云致MES云致MES云致MES',
+      },
+      {
+        title:
+          '云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES',
+      },
+      {
+        title:
+          '云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES',
+      },
+      {
+        title:
+          '云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES云致MES',
+      },
+    ],
+  },
+]
+---
+
+<Layout title="云致MES">
+  <NavMenu lang={lang} client:load />
+  <ScrollingNavbar sNav={sNav} />
+  <ImgPro
+    listOrData={imgProData}
+    ratio="3 / 1"
+    btnDisplay={true}
+    titleSize="fs-1"
+    childrenSize="fs-4"
+    ellipsis="line-ellipsis-small"
+    position="positionMiddle"
+  />
+  <LeftMiddleRightImgText
+    componentTitle="选择适合您的交换机产品"
+    listOrData={informationList}
+    textAlign="text-center"
+  />
+  <Carousel
+    componentTitle="成功案例"
+    line="0"
+    list={carouselList}
+    Children={LeftImgRightText}
+  />
+  <VerticalNavigationContent
+    list={list}
+    ellipsis="line-ellipsis-small"
+    btnDisplay={true}
+    Children={Text}
+    componentTitle="相关资源"
+    titleTextAlign="text-left"
+    textAlign="text-left"
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/products-solutions/lot/agriculture/index.astro

@@ -0,0 +1,253 @@
+---
+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>

src/pages/[lang]/products-solutions/lot/building/index.astro

@@ -2,28 +2,39 @@
 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',
-    title: '重新定义园区',
-    content:
-      '依托新ICT技术，华为打造园区产品组合方案，重新定义园区，最终实现终端互联、数据融合、业务汇聚。重新定义园区网络：多线合一、有线变无线，将15张网简化为4种网络技术',
+    children: {
+      title: '重新定义园区',
+      content:
+        '依托新ICT技术，华为打造园区产品组合方案，重新定义园区，最终实现终端互联、数据融合、业务汇聚。重新定义园区网络：多线合一、有线变无线，将15张网简化为4种网络技术',
+    },
   },
 ]
 const imgProData = {
   url: '//e.huawei.com/-/mediae/images/solutions/campus/campus/secondbanner-pc.jpg',
-  title: '加速行业智能化',
-  content:
-    '华为持续引领数智基础设施产品与解决方案创新，使能百模千态，赋能千行万业智能化转型',
+  title: '智慧楼宇',
+  content: '智慧楼宇有智慧',
 }
 
 const informationList = [
@@ -83,17 +94,160 @@ const carouselList = [
     ],
   ],
 ]
+
+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>
+<Layout title="智慧楼宇">
   <NavMenu lang={lang} client:load />
-  <Img
-    url="//e.huawei.com/-/mediae/images/solutions/campus/campus/banner-pc.jpg"
+  <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} />
+  <LeftImgRightText listOrData={data} line="0" />
   <ImgPro
-    data={imgProData}
+    listOrData={imgProData}
     ratio="3 / 1"
     btnDisplay={true}
     titleSize="fs-1"
@@ -105,11 +259,32 @@ const carouselList = [
   <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>

src/pages/[lang]/products-solutions/lot/community/index.astro

@@ -0,0 +1,106 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import ImgPro from '@/components/ImgPro.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['场景化解决方案', '相关产品']
+const imgProData = {
+  url: '//e.huawei.com/-/mediae/images/solutions/data-center/data-center-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 carouselList = [
+  [
+    [
+      {
+        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:
+            '智慧社区有智慧智慧社区有智慧智慧社区有智慧智慧社区有智慧智慧社区有智慧智慧社区有智慧智慧社区有智慧',
+        },
+      },
+    ],
+  ],
+]
+---
+
+<Layout title="智慧社区">
+  <NavMenu lang={lang} client:load />
+  <ScrollingNavbar sNav={sNav} />
+  <ImgPro
+    listOrData={imgProData}
+    ratio="3 / 1"
+    btnDisplay={true}
+    titleSize="fs-1"
+    childrenSize="fs-4"
+    ellipsis="line-ellipsis-small"
+    position="positionMiddle"
+  />
+  <LeftMiddleRightImgText
+    componentTitle="场景化解决方案"
+    listOrData={informationList}
+    textAlign="text-center"
+  />
+  <Carousel
+    componentTitle="相关产品"
+    list={carouselList}
+    textAlign="text-start"
+    line="0"
+    Children={LeftMiddleRightImgText}
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/products-solutions/lot/exhibition-all/index.astro

@@ -0,0 +1,171 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.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'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['场景化解决方案', '新闻与活动', '相关资源']
+const imgProData = {
+  url: '//e.huawei.com/-/mediae/images/solutions/digital-site/digital-site-banner-pc.png',
+  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/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:
+          '智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆',
+      },
+      {
+        title:
+          '智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆',
+      },
+      {
+        title:
+          '智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆',
+      },
+      {
+        title:
+          '智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆',
+      },
+    ],
+  },
+  {
+    id: '2',
+    tabName: '白皮书',
+    children: [
+      {
+        title: '智慧展馆智慧展馆智慧展馆智慧展馆智慧展馆',
+      },
+      {
+        title: '智慧展馆智慧展馆智慧展馆智慧展馆',
+      },
+    ],
+  },
+]
+---
+
+<Layout title="智慧展馆">
+  <NavMenu lang={lang} client:load />
+  <ScrollingNavbar sNav={sNav} />
+  <ImgPro
+    listOrData={imgProData}
+    ratio="3 / 1"
+    btnDisplay={true}
+    titleSize="fs-1"
+    childrenSize="fs-4"
+    ellipsis="line-ellipsis-small"
+    position="positionMiddle"
+  />
+  <LeftMiddleRightImgText
+    componentTitle="场景化解决方案"
+    listOrData={informationList}
+    textAlign="text-center"
+  />
+  <Carousel
+    componentTitle="新闻与活动"
+    list={carouselList}
+    Children={LeftMiddleRightImgText}
+    titleTextAlign="text-end"
+    textAlign="text-end"
+    line="0"
+  />
+  <VerticalNavigationContent
+    list={list}
+    ellipsis="line-ellipsis-small"
+    btnDisplay={true}
+    Children={Text}
+    componentTitle="相关资源"
+    titleTextAlign="text-left"
+    textAlign="text-left"
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/products-solutions/lot/index.astro

@@ -0,0 +1,52 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import Footer from '@/components/Footer.astro'
+const { lang = 'zh' } = Astro.params
+---
+
+<Layout title="'菜单">
+  <div class="container">
+    <div class="row mt-5">
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/lot/building`}>智慧楼宇</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/lot/agriculture`}>智慧农业</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/lot/community`}>智慧社区</a
+          >
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-12">
+        <div class="card text-center my-1">
+          <a
+            class="inline-block p-5 fs-6 link-dark menu-a"
+            href={`/${lang}/products-solutions/lot/exhibition-all`}>智慧展馆</a
+          >
+        </div>
+      </div>
+    </div>
+  </div>
+  <Footer lang={lang} />
+</Layout>
+
+<style>
+  .menu-a {
+    text-decoration: none;
+    cursor: pointer;
+  }
+</style>

src/pages/[lang]/products-solutions/others/crm/index.astro

@@ -0,0 +1,105 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
+import Text from '@/components/children/Text.astro'
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import ImgPro from '@/components/ImgPro.astro'
+import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['服务产品', '成功案例', '相关资源']
+
+const imgProData = {
+  url: '//e.huawei.com/-/mediae/images/solutions/services/industry-integration/industry-integration-banner-pc.jpg',
+  title: 'CRM管理',
+  content: 'CRM管理CRM管理',
+}
+const informationList = [
+  {
+    id: '1',
+    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-1.jpg',
+    children: {
+      title: 'CRM管理',
+      content: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
+    },
+  },
+  {
+    id: '2',
+    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-2.jpg',
+    children: {
+      title: 'CRM管理',
+      content: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
+    },
+  },
+  {
+    id: '3',
+    url: 'https://e.huawei.com/-/mediae/EBG/Images/SolutionV4/mining-2021/xiejuting/daka/shouye/br-box-4.jpg',
+    children: {
+      title: 'CRM管理',
+      content: 'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
+    },
+  },
+]
+const leftImgRightTextList = [
+  {
+    id: '1',
+    url: 'https://e.huawei.com/-/mediae/images/solutions/computing/ascend-computing/ascend-computing-case-2.jpg',
+    children: {
+      title: 'CRM管理',
+      content:
+        'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
+    },
+  },
+]
+const verticalNavigationContentList = [
+  {
+    id: '1',
+    tabName: '白皮书',
+    children: [
+      {
+        title:
+          'CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理CRM管理',
+      },
+    ],
+  },
+]
+---
+
+<Layout title="CRM管理">
+  <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"
+  />
+  <LeftMiddleRightImgText
+    componentTitle="服务产品"
+    listOrData={informationList}
+  />
+  <LeftImgRightText
+    listOrData={leftImgRightTextList}
+    componentTitle="成功案例"
+    textAlign="text-center"
+  />
+  <VerticalNavigationContent
+    list={verticalNavigationContentList}
+    ellipsis="line-ellipsis-small"
+    btnDisplay={true}
+    Children={Text}
+    componentTitle="相关资源"
+    titleTextAlign="text-left"
+    textAlign="text-left"
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/products-solutions/others/eshop/index.astro

@@ -0,0 +1,98 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import Text from '@/components/children/Text.astro'
+import ImgPro from '@/components/ImgPro.astro'
+import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['产品', '相关资源']
+
+const imgProData = {
+  url: 'https://e.huawei.com/-/mediae/EBG/Images/ProductV2/enterprise-networking/security/topic/security-products-pc.jpg',
+  title: '电商系统',
+  content: '电商系统电商系统',
+}
+const carouselList = [
+  [
+    {
+      id: '1',
+      title: '电商系统',
+      content:
+        '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+    },
+    {
+      id: '2',
+      title: '电商系统',
+      content:
+        '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+    },
+    {
+      id: '3',
+      title: '电商系统',
+      content:
+        '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+    },
+  ],
+]
+const verticalNavigationContentList = [
+  {
+    id: '1',
+    tabName: '彩页',
+    children: [
+      {
+        title: '电商系统电商系统电商系统电商系统电商系统电商系统',
+      },
+      {
+        title:
+          '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+      },
+      {
+        title:
+          '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+      },
+      {
+        title:
+          '电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统电商系统',
+      },
+    ],
+  },
+]
+---
+
+<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"
+  />
+  <Carousel
+    componentTitle="电商产品"
+    list={carouselList}
+    Children={Text}
+    mdSize="4"
+    titleTextAlign="text-center"
+    textAlign="text-center"
+  />
+  <VerticalNavigationContent
+    list={verticalNavigationContentList}
+    ellipsis="line-ellipsis-small"
+    btnDisplay={true}
+    Children={Text}
+    componentTitle="相关资源"
+    titleTextAlign="text-left"
+    textAlign="text-left"
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/products-solutions/others/house/index.astro

@@ -0,0 +1,194 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import LeftMiddleRightImgText from '@/components/LeftMiddleRightImgText.astro'
+import Text from '@/components/children/Text.astro'
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import ImgPro from '@/components/ImgPro.astro'
+import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['成功案例', '动态', '相关产品', '相关资源']
+
+const imgProData = {
+  url: '//e.huawei.com/-/mediae/images/industries/commercial-market/commercial-market/commercial-market-branding-banner-pc2.jpg',
+  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 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 list = [
+  {
+    id: '1',
+    tabName: '彩页',
+    children: [
+      {
+        title: '房源交易房源交易房源交易房源交易房源交易房源交易',
+      },
+      {
+        title: '房源交易房源交易房源交易房源交易房源交易',
+      },
+      {
+        title: '房源交易房源交易房源交易房源交易房源交易房源交易',
+      },
+      {
+        title:
+          '房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+      },
+      {
+        title:
+          '房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+      },
+      {
+        title:
+          '房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易房源交易',
+      },
+    ],
+  },
+  {
+    id: '2',
+    tabName: '白皮书',
+    children: [
+      {
+        title: '房源交易房源交易房源交易房源交易房源交易',
+      },
+      {
+        title: '房源交易房源交易房源交易房源交易',
+      },
+    ],
+  },
+]
+---
+
+<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"
+  />
+  <Carousel
+    componentTitle="成功案例"
+    list={carouselList}
+    Children={LeftImgRightText}
+    line="0"
+    textAlign="text-center"
+    titleTextAlign="text-center"
+  />
+  <Carousel
+    componentTitle="新闻与活动"
+    list={carouselList2}
+    Children={LeftMiddleRightImgText}
+    titleTextAlign="text-end"
+    textAlign="text-end"
+    line="0"
+  />
+  <LeftMiddleRightImgText
+    componentTitle="选择适合您的产品"
+    listOrData={informationList}
+  />
+  <VerticalNavigationContent
+    list={list}
+    ellipsis="line-ellipsis-small"
+    btnDisplay={true}
+    Children={Text}
+    componentTitle="相关资源"
+    titleTextAlign="text-left"
+    textAlign="text-left"
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/products-solutions/others/shigongli/index.astro

@@ -0,0 +1,143 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import NavMenu from '@/components/NavMenu/index.jsx'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import Text from '@/components/children/Text.astro'
+import LeftImgRightText from '@/components/LeftImgRightText.astro'
+import ImgPro from '@/components/ImgPro.astro'
+import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
+import Footer from '@/components/Footer.astro'
+
+const { lang = 'zh' } = Astro.params
+const sNav = ['概述', '成功案例', '相关资源']
+
+const imgProData = {
+  url: '//e.huawei.com/-/mediae/images/industries/real-estate/real-estate/banner-pc.png',
+  title: '旅游住宿',
+  content: '旅游住宿旅游住宿',
+}
+const leftImgRightTextList = [
+  {
+    id: '1',
+    url: 'https://e.huawei.com/-/mediae/images/solutions/computing/ascend-computing/ascend-computing-case-2.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 verticalNavigationContentList = [
+  {
+    id: '1',
+    tabName: '白皮书',
+    children: [
+      {
+        title:
+          '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+      },
+      {
+        title:
+          '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+      },
+      {
+        title:
+          '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+      },
+      {
+        title:
+          '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+      },
+      {
+        title:
+          '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+      },
+      {
+        title:
+          '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+      },
+    ],
+  },
+  {
+    id: '2',
+    tabName: '彩页',
+    children: [
+      {
+        title: '旅游住宿旅游住宿旅游住宿旅游住宿',
+      },
+      {
+        title:
+          '旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿旅游住宿',
+      },
+    ],
+  },
+]
+---
+
+<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={leftImgRightTextList}
+    componentTitle="旅游住宿"
+    textAlign="text-center"
+  />
+  <Carousel
+    componentTitle="成功案例"
+    list={carouselList}
+    Children={LeftImgRightText}
+    titleTextAlign="text-left"
+    textAlign="text-left"
+    line="0"
+  />
+  <VerticalNavigationContent
+    list={verticalNavigationContentList}
+    ellipsis="line-ellipsis-small"
+    btnDisplay={true}
+    Children={Text}
+    componentTitle="相关资源"
+    titleTextAlign="text-left"
+    textAlign="text-left"
+  />
+  <Footer lang={lang} />
+</Layout>

src/pages/components/FirstScreen.astro

@@ -7,13 +7,9 @@ const list = { title: data.title, content: data.subTitle }
 ---
 
 <div class="box">
-  <Img
-    url={data.thumb}
-    ratio="16 / 9"
-    class="img"
-  />
+  <Img listOrData={data.thumb} ratio="16 / 9" class="img" />
   <Text
-    list={list}
+    listOrData={list}
     btnDisplay={true}
     titleSize="fs-1"
     childrenSize="fs-4"