update:暂存

package.json

@@ -78,7 +78,8 @@
     "webpack-dev-server": "^4.6.0",
     "webpack-manifest-plugin": "^4.0.2",
     "winston": "^3.17.0",
-    "workbox-webpack-plugin": "^6.4.1"
+    "workbox-webpack-plugin": "^6.4.1",
+    "zustand": "^5.0.11"
   },
   "scripts": {
     "dev": "node --stack-size=12800 --stack-trace-limit=20  scripts/start.js",

src/App.tsx

@@ -4,7 +4,7 @@ import "./App.css"
 import routes from "@/Routes";
 import { useCallback, useEffect, useState } from "react";
 import appApi from "@/api/app";
-import store from "@/store";
+import { useStore } from "@/store";
 
 function AppRoutes() {
     return useRoutes(routes);
@@ -33,7 +33,7 @@ function App() {
             console.log('-------res', res)
             let data = res.data;
            
-            store.setItem("appConfig", data);
+            useStore.getState().setAppConfig(data);
             initState(data)
         } catch (error) {
             console.log(error)

src/Routes.tsx

@@ -2,7 +2,7 @@ import Home from "@/pages/Home/index";
 import MainLayout from "@/layouts/MainLayout";
 import type { RouteObject } from "react-router-dom";
 
-import About from "@/pages/About/index";
+import About from "@/pages/About/overview";
 import AboutHistory from "@/pages/About/History";
 import AboutFounder from "@/pages/About/Founder";
 import BusinessCommercialGroup from "@/pages/Business/CommercialGroup";
@@ -33,7 +33,7 @@ const routes: RouteObject[] = [
         children: [
             { index: true, element: <Home /> },
             // 关于银泰
-            { path: "about", element: <About /> },
+            { path: "about/overview", element: <About /> }, //集团概览
             { path: "about/history", element: <AboutHistory /> },
             { path: "about/founder", element: <AboutFounder /> },
             // 集团业务

src/api/mockData.ts

@@ -1,7 +1,892 @@
+/**
+ * 页面数据统一配置
+ * 注意：Header 与 Footer 在部分 path/label 上存在差异，后续应用时可统一修正
+ */
+
+export type NavChild = { path: string; label: string };
+export type NavItem = { path: string; label: string; children?: NavChild[] };
+
 const mockData = {
+    // === 1. 全局/布局（优先） ===
     companyName: "银泰",
-    logo: '/images/logo.png',
+    logo: "/images/logo.png",
+
+    header: {
+        navItems: [
+            {
+                label: "关于银泰",
+                path: "/about",
+                children: [
+                    { path: "/about/overview", label: "集团概览" },
+                    { path: "/about/history", label: "发展历程" },
+                    { path: "/about/founder", label: "创始人介绍" },
+                ],
+            },
+            {
+                label: "集团业务",
+                path: "/business",
+                children: [
+                    { path: "/business/commercial-group", label: "银泰商业集团" },
+                    { path: "/business/base-group", label: "银泰基业集团" },
+                    { path: "/business/realty-group", label: "银泰置地集团" },
+                    { path: "/business/invest-group", label: "银泰投资集团" },
+                    { path: "/business/ruijing-group", label: "瑞京集团" },
+                ],
+            },
+            {
+                label: "社会责任",
+                path: "/social",
+                children: [
+                    { path: "/social/sustainability", label: "可持续发展" },
+                    { path: "/social/foundation", label: "银泰公益基金会" },
+                ],
+            },
+            {
+                label: "新闻中心",
+                path: "/news",
+                children: [
+                    { path: "/news/public", label: "集团发布" },
+                    { path: "/news/media", label: "媒体垂询" },
+                ],
+            },
+            {
+                label: "加入银泰",
+                path: "/join",
+                children: [
+                    { path: "/join/culture", label: "企业文化" },
+                    { path: "/join/campus", label: "招贤纳士" },
+                ],
+            },
+        ] as NavItem[],
+        langMenuItems: [
+            { key: "zh", label: "中文" },
+            { key: "en", label: "English" },
+        ],
+    },
+
+    footer: {
+        // columns复用header的navItems，并应用到footer
+        lowerLinks: [
+            { path: "/contact-us", label: "联系我们" },
+            { path: "/site-map", label: "网站地图" },
+            { path: "/terms-of-use", label: "使用条款" },
+            { path: "/privacy-policy", label: "隐私保护" },
+            { path: "/audit-report", label: "审计举报" },
+        ],
+        socialIcons: [
+            { src: "/images/icon-weixin.png", alt: "weixin" },
+            { src: "/images/icon-weibo.png", alt: "weibo" },
+            { src: "/images/logo.png", alt: "logo" },
+        ],
+        copyright: "版权声明©2001-{year} | 中国银泰投资有限公司",
+        icpNumber: "京ICP备05026114号-1",
+    },
+
+    // === 2. 各页面模块 ===
+
+    home: {
+        banner: {
+            title: "银泰集团",
+            content: "中国现代新商业典范",
+            showBreadcrumb: false,
+            backgroundImage: ["/images/bg-overview.png", "/images/bg-base-group.png"],
+        },
+        section1Data: {
+            items: [
+                {
+                    title: "银泰商业集团",
+                    content: "涵盖地标型高端商业综合体in77、景观地标型商业综合体inPARK区域型品质商业生活中心银泰城等品牌的大型商业集团，是一家持续推动传统零售业创新与互联网转型融合的典范性企业。",
+                    image: "/images/bg-commercial-group.png",
+                    links: [
+                        { text: "in77", path: "/in77" },
+                        { text: "inPARK", path: "/inPARK" },
+                        { text: "银泰城购物中心", path: "/shopping-center" },
+                    ],
+                },
+                {
+                    title: "银泰基业集团",
+                    content: "银泰基业集团是银泰集团旗下核心业务板块，深耕商业地产与零售领域多年，致力于打造高品质商业空间，引领现代消费体验。集团旗下拥有银泰百货、银泰城等多个知名商业品牌，在全国多个核心城市布局，持续为消费者创造美好生活。",
+                    image: "/images/bg-base-group.png",
+                    links: [
+                        { text: "in77", path: "/in77" },
+                        { text: "inPARK", path: "/inPARK" },
+                        { text: "银泰城购物中心", path: "/shopping-center" },
+                    ],
+                },
+                {
+                    title: "银泰置地集团",
+                    content: "银泰置地集团是银泰集团旗下核心业务板块，深耕商业地产与零售领域多年，致力于打造高品质商业空间，引领现代消费体验。集团旗下拥有银泰百货、银泰城等多个知名商业品牌，在全国多个核心城市布局，持续为消费者创造美好生活。",
+                    image: "/images/bg-realty-group.png",
+                    links: [
+                        { text: "in77", path: "/in77" },
+                        { text: "inPARK", path: "/inPARK" },
+                        { text: "银泰城购物中心", path: "/shopping-center" },
+                    ],
+                },
+                {
+                    title: "银泰投资集团",
+                    content: "银泰投资集团是银泰集团旗下核心业务板块，深耕商业地产与零售领域多年，致力于打造高品质商业空间，引领现代消费体验。集团旗下拥有银泰百货、银泰城等多个知名商业品牌，在全国多个核心城市布局，持续为消费者创造美好生活。",
+                    image: "/images/bg-invest-group.png",
+                    links: [
+                        { text: "in77", path: "/in77" },
+                        { text: "inPARK", path: "/inPARK" },
+                        { text: "银泰城购物中心", path: "/shopping-center" },
+                    ],
+                },
+                {
+                    title: "瑞京资产",
+                    content: "瑞京集团是银泰集团旗下核心业务板块，深耕商业地产与零售领域多年，致力于打造高品质商业空间，引领现代消费体验。集团旗下拥有银泰百货、银泰城等多个知名商业品牌，在全国多个核心城市布局，持续为消费者创造美好生活。",
+                    image: "/images/bg-ruijing-group.png",
+                    links: [
+                        { text: "in77", path: "/in77" },
+                        { text: "inPARK", path: "/inPARK" },
+                        { text: "银泰城购物中心", path: "/shopping-center" },
+                    ],
+                },
+            ],
+        },
+        section2Data: [
+            {
+                title: "可持续发展",
+                content: "银泰集团积极践行绿色发展理念，将可持续发展融入企业战略与日常运营，致力于构建人与自然和谐共生的美好未来。",
+                backgroundImage: "/images/sustainable-cranes.png",
+            },
+            {
+                title: "银泰公益基金会",
+                content: "银泰集团积极践行绿色发展理念，将可持续发展融入企业战略与日常运营，致力于构建人与自然和谐共生的美好未来。",
+                backgroundImage: "/images/welfare-check.png",
+            },
+        ],
+    },
+
+    about: {
+        overview: {
+            banner: {
+                title: "集团概览",
+                content: '银泰集团（全称"中国银泰投资有限公司"）由沈国军先生于1997年创立，立足实业发展与产业投资，业务涵盖商业零售、商业地产运营与开发、股权投资等领域，在境内外拥有多家控股、参股公司，已发展成为一家主业突出、多元发展的现代企业集团。',
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+            section1Data: [
+                {
+                    title: "银泰商业集团",
+                    content: "涵盖地标型高端商业综合体in77、景观地标型商业综合体inPARK区域型品质商业生活中心银泰城等品牌的大型商业集团，是一家持续推动传统零售业创新与互联网转型融合的典范性企业。",
+                    backgroundImage: "/images/bg-commercial-group.png",
+                    links: [
+                        { label: "in77", to: "/business/commercial-group/in77" },
+                        { label: "inPARK", to: "/inPARK" },
+                        { label: "银泰城购物中心", to: "/shopping-center" },
+                    ],
+                },
+                {
+                    title: "银泰基业集团",
+                    content: "银泰基业集团是银泰集团旗下核心业务板块，深耕商业地产与零售领域多年，致力于打造高品质商业空间，引领现代消费体验。集团旗下拥有银泰百货、银泰城等多个知名商业品牌，在全国多个核心城市布局，持续为消费者创造美好生活。",
+                    backgroundImage: "/images/bg-base-group.png",
+                    links: [
+                        { label: "in77", to: "/in77" },
+                        { label: "inPARK", to: "/inPARK" },
+                        { label: "银泰城购物中心", to: "/shopping-center" },
+                    ],
+                },
+                {
+                    title: "银泰置地集团",
+                    content: "银泰置地集团是银泰集团旗下核心业务板块，深耕商业地产与零售领域多年，致力于打造高品质商业空间，引领现代消费体验。集团旗下拥有银泰百货、银泰城等多个知名商业品牌，在全国多个核心城市布局，持续为消费者创造美好生活。",
+                    backgroundImage: "/images/bg-realty-group.png",
+                    links: [
+                        { label: "in77", to: "/in77" },
+                        { label: "inPARK", to: "/inPARK" },
+                        { label: "银泰城购物中心", to: "/shopping-center" },
+                    ],
+                },
+                {
+                    title: "银泰投资集团",
+                    content: "银泰投资集团是银泰集团旗下核心业务板块，深耕商业地产与零售领域多年，致力于打造高品质商业空间，引领现代消费体验。集团旗下拥有银泰百货、银泰城等多个知名商业品牌，在全国多个核心城市布局，持续为消费者创造美好生活。",
+                    backgroundImage: "/images/bg-invest-group.png",
+                    links: [
+                        { label: "in77", to: "/in77" },
+                        { label: "inPARK", to: "/inPARK" },
+                        { label: "银泰城购物中心", to: "/shopping-center" },
+                    ],
+                },
+                {
+                    title: "瑞京集团",
+                    content: "瑞京集团是银泰集团旗下核心业务板块，深耕商业地产与零售领域多年，致力于打造高品质商业空间，引领现代消费体验。集团旗下拥有银泰百货、银泰城等多个知名商业品牌，在全国多个核心城市布局，持续为消费者创造美好生活。",
+                    backgroundImage: "/images/bg-ruijing-group.png",
+                    links: [
+                        { label: "in77", to: "/in77" },
+                        { label: "inPARK", to: "/inPARK" },
+                        { label: "银泰城购物中心", to: "/shopping-center" },
+                    ],
+                },
+            ],
+        },
+        history: {
+            banner: {
+                title: "发展历程",
+                content: "银泰集团的发展历程",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+            section1Data: [
+                { year: 2025, content: "银泰集团持续深化战略布局，推动高质量发展。" },
+                { year: 2024, content: "银泰集团创新发展模式，拓展业务新领域。" },
+                { year: 2023, content: "银泰集团核心业务稳健增长，品牌影响力持续提升。" },
+                { year: 2022, content: "银泰集团深化数字化转型，提升运营效率。" },
+                { year: 2018, content: "银泰集团推进战略转型升级，开启新篇章。" },
+                { year: 2016, content: "银泰集团拓展多元化业务，夯实发展基础。" },
+                { year: 2015, content: "银泰集团完善产业布局，增强核心竞争力。" },
+                { year: 2014, content: "银泰集团加速全国化扩张，品牌影响力扩大。" },
+                { year: 2013, content: "银泰集团稳健发展，主营业务持续向好。" },
+                { year: 2010, content: "银泰集团抓住市场机遇，实现跨越式发展。" },
+                { year: 2009, content: "银泰集团应对金融危机，保持稳健经营。" },
+                { year: 2008, content: "银泰集团完善管理体系，提升运营水平。" },
+                { year: 2007, content: "银泰集团上市，开启资本化发展新征程。" },
+                { year: 1998, content: "银泰集团快速成长，确立行业领先地位。" },
+                { year: 1997, content: "银泰集团成立，迈出创业第一步。" },
+            ],
+        },
+        founder: {
+            banner: {
+                title: "创始人介绍",
+                subtitle: "银泰集团创始人、董事长——沈国军",
+                content: "卓越的变革践行者、产业推动者及社会公民",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+            section1Data: {
+                title: "沈国军",
+                content: '汉族，博士，高级经济师。中国人民政治协商会议第十一届、十三届全国委员会委员、中国人民政治协商会议第十三届全国委员会提案委员会委员、中国致公党第十四届、十五届、十六届中央委员会常委、第一届浙商（全球）总会执行会长、第一届甬商（全球）总会会长。\n\n 银泰集团（全称"中国银泰投资有限公司"）创始人兼董事长、银泰公益基金会创始人及荣誉理事长、桃花源生态保护基金会董事局执行主席。',
+                items: [
+                    {
+                        title: "商业领域",
+                        image: "/images/bg-invest-group.png",
+                        content: "银泰集团在商业领域有着丰富的经验和深厚的实力，致力于打造高品质的商业空间，引领现代消费体验。",
+                    },
+                    {
+                        title: "社会责任",
+                        image: "/images/bg-invest-group.png",
+                        content: "银泰集团在社会责任方面有着丰富的经验和深厚的实力，致力于打造高品质的商业空间，引领现代消费体验。",
+                    },
+                ]
+            },
+            section2Data: {
+                title: "企业家精神",
+                subtitle: "一个优秀的企业家，要传承、弘扬传统优秀的商道，继续开创新的商业文明。创新与变革、勤奋与进取、分享与合作、诚信与责任是沈国军所倡导的企业家精神。",
+                backgroundImage: '',
+                sideImage: "/images/bg-invest-group.png",
+                content: "银泰集团在社会责任方面有着丰富的经验和深厚的实力，致力于打造高品质的商业空间，引领现代消费体验。",
             }
+        },
+    },
+
+    business: {
+        commercialGroup: {
+            section1Data: {
+                title: "银泰商业集团",
+                content: '作为一家大型商业集团，品牌涵盖地标型高端商业综合体in77、景观地标型商业综合体inPARK、区域型品质商业生活中心银泰城等，是一家持续推动传统零售业创新与互联网转型融合的典范性企业。其中，in77系列购物中心位于核心商业圈和国家示范步行街，是时尚零售业和新消费领域的标杆；inPARK系列购物中心致力于打造"街区+shopping mall + 微景观"的公园商业新形态，通过创新营销催化人气聚集，构建新年轻生活方式；银泰城购物中心融合购物、餐饮、休闲、娱乐、社交等多元业态于一体，充分满足一站式消费需求。',
+                statsData: [
+                    { num: "32 个", label: "全国在管项目" },
+                    { num: "475 万平方", label: "总建筑面积" },
+                    { num: "3 亿人次", label: "客流每年超" },
+                    { num: "350 亿元", label: "销售额每年" },
+                    { num: "5000 +", label: "合作品牌" },
+                ],
+            },
+            section2Data: {
+                tabItems: [
+                    { label: "in77", content: "in77 内容", image: "/images/bg-overview.png", path: "/business/commercial-group/in77" },
+                    { label: "inPARK", content: "inPARK 内容", image: "/images/bg-overview.png", path: "/business/commercial-group/inPARK" },
+                    { label: "银泰城购物中心", content: "银泰城 内容", image: "/images/bg-overview.png", path: "/business/commercial-group/shopping-center" },
+                ],
+            },
+            section3Data: {
+                tabItems: [
+                    { label: "深耕运营", content: "全域营销 内容", image: "/images/bg-overview.png" },
+                    { label: "行业领先", content: "数字化运营 内容", image: "/images/bg-overview.png" },
+                    { label: "创新变革", content: "全球品牌合作 内容", image: "/images/bg-overview.png" },
+                    { label: "数字生态", content: "全球品牌合作 内容", image: "/images/bg-overview.png" },
+                ],
+            },
+            banner: {
+                title: "银泰商业集团",
+                content: "传统零售业的推动者和典范",
+                titleSize: "medium",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-commercial-group.png",
+            },
+        },
+        commercialGroupDetail: {
+            banner: {
+                title: "in77",
+                largedesc: "地标型高端商业综合体",
+                titleSize: "large",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+        baseGroup: {
+            section1Data: {
+                title: "银泰基业集团",
+                content: '管理有限公司是一家集品质物业服务、资产托管运营、智慧物联管理、科技平台创新运维为一体的专业化物业服务企业，致力于商办类物业运营管理、打造资产全周期生态服务。\n\n 凭借银泰集团多年城市商业地产运营经验不断深化创新，银泰智享积极拓展业务深度与广度，做强基础物业服务，深耕客户卓越服务体验，创造企业多元化价值。核心业务涵盖资产全托管服务、资产顾问服务、资产设施服务、物业品牌合作等，着力实现服务体系化、标准化、精细化、智慧化"四化合一"，打造国内一流的物业管理品牌。',
+                statsData: [
+                    { num: "32 个", label: "全国在管项目" },
+                    { num: "475 万平方", label: "总建筑面积" },
+                    { num: "3 亿人次", label: "客流每年超" },
+                    { num: "350 亿元", label: "销售额每年" },
+                    { num: "5000 +", label: "合作品牌" },
+                ],
+            },
+            section2Data: {
+                title: "四大区域",
+                cardItems: [
+                    { title: "服务业态1", content: "服务业态1", image: "/images/bg-overview.png" },
+                    { title: "服务业态2", content: "服务业态2", image: "/images/bg-overview.png" },
+                    { title: "服务业态3", content: "服务业态3", image: "/images/bg-overview.png" },
+                    { title: "服务业态4", content: "服务业态3", image: "/images/bg-overview.png" },
+                    { title: "服务业态5", content: "服务业态3", image: "/images/bg-overview.png" },
+                ],
+            },
+            section3Data: {
+                title: "标杆项目",
+                items: [
+                    {
+                        title: "北京",
+                        subtitle: "北京银泰中心",
+                        image: "/images/bg-overview.png",
+                        links: [
+                            { text: "in01", path: "" },
+                            { text: "超甲级写字楼", path: "" },
+                            { text: "北京柏悦酒店", path: "" },
+                            { text: "柏悦府", path: "" },
+                            { text: "柏悦居", path: "" },
+                        ],
+                    },
+                    { title: "四川", subtitle: "成都银泰中心", image: "/images/bg-overview.png" },
+                    { title: "浙江", subtitle: "杭州湖滨银泰in77", image: "/images/bg-overview.png" },
+                    { title: "上海", subtitle: "上海中骏广场", image: "/images/bg-overview.png" },
+                ],
+            },
+            section4Data: {
+                title: "企业价值",
+                items: [
+                    { title: "荣誉资质1" },
+                    { title: "荣誉资质2" },
+                    { title: "荣誉资质3" },
+                    { title: "荣誉资质4" },
+                    { title: "荣誉资质5" },
+                    { title: "荣誉资质6" },
+                    { title: "荣誉资质7" },
+                    { title: "荣誉资质8" },
+                ],
+            },
+            section5Data: {
+                title: "业务特色",
+                tabItems: [
+                    { tabName: "精细化运营", contentTitle: "精细化运营——运筹帷幄·精于心", contentText: "通过精细化管理赋能运营，稳步提升商业资产价值。关注租金的成长性和租户的良性表现，实现产品逐步升级，服务稳健提升，实现商业资产整体增值。", image: "/images/bg-overview.png" },
+                    { tabName: "数智化管理", contentTitle: "内容标题2", contentText: "内容文本2", image: "/images/bg-overview.png" },
+                    { tabName: "生态化发展", contentTitle: "内容标题2", contentText: "内容文本2", image: "/images/bg-overview.png" },
+                    { tabName: "品牌化升级", contentTitle: "内容标题2", contentText: "内容文本2", image: "/images/bg-overview.png" },
+                ],
+            },
+            banner: {
+                title: "银泰基业集团",
+                content: "商业物业资产运营与管理先锋",
+                titleSize: "medium",
+                showBreadcrumb: false,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+        investGroup: {
+            section1Data: {
+                title: "银泰投资集团",
+                content: '银泰集团坚持价值投资理念，积极拓展产业投资，在互联网科技、大消费、智慧物流、新能源、生物制药、医养服务、金融服务等新兴产业积极布局，围绕产业链形成协同效应，做头部资产的发现者、稀缺资源的整合者、企业成长的赋能者，助力技术创新与产业变革，促进中国实体经济高质量发展。\n\n成立银柏投资、之江投资两大投资平台。投资规模超200亿，累计管理规模超700亿元，其中有15家公司已经成长为估值10亿美金以上的"独角兽"，18家已完成上市。',
+                statsData: [
+                    { num: "32 个", label: "全国在管项目" },
+                    { num: "475 万平方", label: "总建筑面积" },
+                    { num: "3 亿人次", label: "客流每年超" },
+                    { num: "350 亿元", label: "销售额每年" },
+                    { num: "5000 +", label: "合作品牌" },
+                ],
+            },
+            section2Data: {
+                title: "发起设立",
+                items: [
+                    {
+                        title: "菜鸟",
+                        content: "银泰集团与阿里巴巴集团等各方共同组建的菜鸟智慧物流网络有限公司于2013年5月正式成立。菜鸟网络扎根在物流产业，以科技创新为核心，搭建了领先的全球化物流网络，为消费者和商家提供普惠优质服务，为实体经济降本增效，保障民生流通，稳就业促增收，是一家客户价值驱动的全球化产业互联网公司。",
+                    },
+                    {
+                        title: "网商银行",
+                        content: "2015年6月，网商银行正式开业，它是由银泰集团、阿里巴巴集团等企业共同发起的中国第一家将核心系统架构在金融云上的银行，是中国首批试点的民营银行之一。网商银行旨在成为网商必选的金融服务商、互联网银行的探索者和普惠金融的实践者，为小微企业、大众消费者、农村经营者与农户、中小金融机构提供服务。",
+                    },
+                ],
+            },
+            section3Data: {
+                title: "股权投资",
+                items: Array(15).fill(null).map(() => ({ logo: "/images/bg-overview.png", title: "字节跳动" })),
+            },
+            section4Data: {
+                title: "产业孵化",
+                content: "银泰集团创立和培育了银泰黄金股份有限公司（000975.SZ）。银泰黄金是以黄金为主的高质量矿山投资运营商，致力于贵金属和有色金属矿采选及金属贸易，拥有全国储量最大、单体银品位最高的银多金属矿和品质较高的黄金矿，已发展成为国内贵金属行业具有领先优势及影响力的上市公司之一。",
+                backgroundImage: "/images/bg-overview.png",
+            },
+            banner: {
+                title: "银泰投资集团",
+                content: "探索价值投资，协同产业发展",
+                titleSize: "medium",
+                showBreadcrumb: false,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+        realtyGroup: {
+            section1Data: {
+                title: "银泰置地集团",
+                content: '专注于大型综合性商业地产项目和小镇开发，涵盖高端购物中心、酒店、公寓、超甲级写字楼等业态，旗下囊括"银泰中心""银泰城""柏悦府""柏悦居"等产品线。公司秉承绿色建筑理念和楼宇智慧运营管理，成为中国高端商业地产的领军企业。目前，银泰置地集团在全国拥有100余个建成及在建项目，遍布北京、杭州、成都等七十多个城市，总开发面积近二千万平方米。\n\n近年来，银泰置地集团紧密结合国家产业政策，控制开发规模，探索"租售并举+轻资产运作"的商业模式，成为商业地产领域创新变革与健康良性发展的代表性企业。',
+                statsData: [
+                    { num: "32 个", label: "全国在管项目" },
+                    { num: "475 万平方", label: "总建筑面积" },
+                    { num: "3 亿人次", label: "客流每年超" },
+                    { num: "350 亿元", label: "销售额每年" },
+                    { num: "5000 +", label: "合作品牌" },
+                ],
+            },
+            section2Data: {
+                tabItems: [
+                    { tabName: "银泰中心", contentTitle: "银泰中心1", contentSubtitle: "城市封面地标", contentText: "北京银泰中心是银泰置地集团在北京的核心项目，是集高端购物中心、酒店、公寓、超甲级写字楼等业态于一体的综合性商业地产项目。", image: "/images/bg-overview.png" },
+                    { tabName: "银泰城", contentTitle: "银泰中心2", contentSubtitle: "城市封面地标", contentText: "北京银泰中心是银泰置地集团在北京的核心项目，是集高端购物中心、酒店、公寓、超甲级写字楼等业态于一体的综合性商业地产项目。", image: "/images/bg-overview.png" },
+                    { tabName: "高级酒店与公寓", contentTitle: "银泰中心3", contentSubtitle: "城市封面地标", contentText: "北京银泰中心是银泰置地集团在北京的核心项目，是集高端购物中心、酒店、公寓、超甲级写字楼等业态于一体的综合性商业地产项目。", image: "/images/bg-overview.png" },
+                    { tabName: "文旅小镇", contentTitle: "银泰中心", contentSubtitle: "城市封面地标", contentText: "北京银泰中心是银泰置地集团在北京的核心项目，是集高端购物中心、酒店、公寓、超甲级写字楼等业态于一体的综合性商业地产项目。", image: "/images/bg-overview.png" },
+                ],
+            },
+            section3Data: {
+                title: "标杆项目",
+                items: [
+                    { title: "杭州银泰中心", content: '位于杭州未来科技城地块，与余杭区政府合作开发建设，规划投资数十亿元，建设总建筑面积约60万方的高端TOD城市综合体，推动区域向"国际化消费中心"转型，打造百亿级商圈。', image: "/images/bg-overview.png" },
+                    { title: "丽水银泰城", content: '位于杭州未来科技城地块，与余杭区政府合作开发建设，规划投资数十亿元，建设总建筑面积约60万方的高端TOD城市综合体，推动区域向"国际化消费中心"转型，打造百亿级商圈。', image: "/images/bg-overview.png" },
+                    { title: "杭州银泰喜来登大酒店", content: '位于杭州未来科技城地块，与余杭区政府合作开发建设，规划投资数十亿元，建设总建筑面积约60万方的高端TOD城市综合体，推动区域向"国际化消费中心"转型，打造百亿级商圈。', image: "/images/bg-overview.png" },
+                    { title: "杭州银泰仙女湖小镇", content: '位于杭州未来科技城地块，与余杭区政府合作开发建设，规划投资数十亿元，建设总建筑面积约60万方的高端TOD城市综合体，推动区域向"国际化消费中心"转型，打造百亿级商圈。', image: "/images/bg-overview.png" },
+                ],
+            },
+            section4Data: {
+                title: "荣誉奖项",
+                items: [
+                    { title: "荣誉资质1" },
+                    { title: "荣誉资质2" },
+                    { title: "荣誉资质3" },
+                    { title: "荣誉资质4" },
+                    { title: "荣誉资质5" },
+                    { title: "荣誉资质6" },
+                    { title: "荣誉资质7" },
+                    { title: "荣誉资质8" },
+                ],
+            },
+            section5Data: {
+                title: "业务特色",
+                tabItems: [
+                    { tabName: "精细化运营", contentTitle: "精细化运营——运筹帷幄·精于心", contentText: "通过精细化管理赋能运营，稳步提升商业资产价值。关注租金的成长性和租户的良性表现，实现产品逐步升级，服务稳健提升，实现商业资产整体增值。", image: "/images/bg-overview.png" },
+                    { tabName: "数智化管理", contentTitle: "内容标题2", contentText: "内容文本2", image: "/images/bg-overview.png" },
+                    { tabName: "生态化发展", contentTitle: "内容标题2", contentText: "内容文本2", image: "/images/bg-overview.png" },
+                    { tabName: "品牌化升级", contentTitle: "内容标题2", contentText: "内容文本2", image: "/images/bg-overview.png" },
+                ],
+            },
+            banner: {
+                title: "银泰置地集团",
+                content: "商业地产的高品质代表",
+                titleSize: "medium",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+        ruijingGroup: {
+            section1Data: {
+                title: "瑞京资产",
+                content: '（全称"江西瑞京金融资产管理有限公司"） 成立于2018年1月，公司是经江西省人民政府批准设立、中国银行保险监督管理委员会备案通过，由银泰集团、赣州发展集团联合发起设立的江西省第二家、赣州市唯一一家地方资产管理公司（AMC），实缴注册资本金15亿元人民币。\n\n瑞京资产秉承服务实体经济的战略定位，以不良资产的收购和处置为核心业务，通过主动式资产管理，纾困问题企业，协助地方政府有效化解金融风险，助力实体企业健康发展。',
+                statsData: [
+                    { num: "32 个", label: "全国在管项目" },
+                    { num: "475 万平方", label: "总建筑面积" },
+                    { num: "3 亿人次", label: "客流每年超" },
+                ],
+            },
+            section2Data: {
+                title: "业务架构",
+                cardItems: [
+                    { title: "不良债权收购", content: "服务业态1", image: "/images/bg-overview.png" },
+                    { title: "债务重组", content: "服务业态2", image: "/images/bg-overview.png" },
+                    { title: "投资管理", content: "服务业态3", image: "/images/bg-overview.png" },
+                    { title: "金融服务", content: "服务业态4", image: "/images/bg-overview.png" },
+                    { title: "个贷不良", content: "服务业态5", image: "/images/bg-overview.png" },
+                    { title: "企业纾困", content: "服务业态5", image: "/images/bg-overview.png" },
+                    { title: "问题企业流动性支持", content: "服务业态5", image: "/images/bg-overview.png" },
+                ],
+            },
+            section3Data: {
+                title: "业务特色",
+                subtitle: "发展个贷业务，支持青年重返信用体系",
+                content: '2024年，瑞京资产成功竞得捷信264.64亿元资产包，成为个人贷款批转业务史上规模最大的单次资产交易。此次交易标志着瑞京资产在个人贷款批转业务管理规模上突破300亿本金，排名行业前三甲。深入挖掘资产背后"人"的价值，支持全国特殊青年群体修复征信，重返社会信用体系，使更多青年赶上共同富裕的浪潮。',
+                statsData: [
+                    { num: "260 万+户", label: "减免债务惠及人群" },
+                    { num: "4 万+笔", label: "累计处置债务纠纷" },
+                ],
+            },
+            section4Data: {
+                title: "荣誉奖项",
+                items: [
+                    { title: "荣誉资质1" },
+                    { title: "荣誉资质2" },
+                    { title: "荣誉资质3" },
+                    { title: "荣誉资质4" },
+                    { title: "荣誉资质5" },
+                    { title: "荣誉资质6" },
+                    { title: "荣誉资质7" },
+                    { title: "荣誉资质8" },
+                ],
+            },
+            banner: {
+                title: "瑞京资产",
+                content: "助力实体经济健康发展",
+                titleSize: "medium",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+        propertyService: {
+            section1Data: {
+                title: "银泰智享物业",
+                content: '管理有限公司是一家集品质物业服务、资产托管运营、智慧物联管理、科技平台创新运维为一体的专业化物业服务企业，致力于商办类物业运营管理、打造资产全周期生态服务。\n\n 凭借银泰集团多年城市商业地产运营经验不断深化创新，银泰智享积极拓展业务深度与广度，做强基础物业服务，深耕客户卓越服务体验，创造企业多元化价值。核心业务涵盖资产全托管服务、资产顾问服务、资产设施服务、物业品牌合作等，着力实现服务体系化、标准化、精细化、智慧化"四化合一"，打造国内一流的物业管理品牌。',
+                statsData: [
+                    { num: "32 个", label: "全国在管项目" },
+                    { num: "475 万平方", label: "总建筑面积" },
+                    { num: "3 亿人次", label: "客流每年超" },
+                    { num: "350 亿元", label: "销售额每年" },
+                    { num: "5000 +", label: "合作品牌" },
+                ],
+            },
+            section2Data: {
+                title: "服务业态",
+                cardItems: [
+                    { title: "服务业态1", content: "服务业态1", image: "/images/bg-overview.png" },
+                    { title: "服务业态2", content: "服务业态2", image: "/images/bg-overview.png" },
+                    { title: "服务业态3", content: "服务业态3", image: "/images/bg-overview.png" },
+                    { title: "服务业态4", content: "服务业态3", image: "/images/bg-overview.png" },
+                    { title: "服务业态5", content: "服务业态3", image: "/images/bg-overview.png" },
+                ],
+            },
+            section3Data: {
+                title: "标杆项目",
+                items: [
+                    { title: "北京银泰中心", image: "/images/bg-overview.png" },
+                    { title: "北京银泰吉祥大厦", image: "/images/bg-overview.png" },
+                    { title: "杭州城西银泰城", image: "/images/bg-overview.png" },
+                    { title: "杭州千岛湖银泰城", image: "/images/bg-overview.png" },
+                    { title: "桐庐银泰城", image: "/images/bg-overview.png" },
+                ],
+            },
+            section4Data: {
+                title: "企业价值",
+                items: [
+                    { title: "荣誉资质1" },
+                    { title: "荣誉资质2" },
+                    { title: "荣誉资质3" },
+                    { title: "荣誉资质4" },
+                    { title: "荣誉资质5" },
+                    { title: "荣誉资质6" },
+                    { title: "荣誉资质7" },
+                    { title: "荣誉资质8" },
+                ],
+            },
+            banner: {
+                title: "物业服务",
+                content: "国内一流物业服务品牌",
+                titleSize: "medium",
+                showBreadcrumb: false,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+    },
+
+    news: {
+        media: {
+            banner: {
+                title: "媒体垂询",
+                titleSize: "large",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+            section1Data: {
+                items: [
+                    { title: "新闻、采访拍摄", content: "如希望对银泰集团领导或具体项目进行采访、拍摄，请拟写采访申请并附上采访提纲后，提前10个工作日发送至 yintai.brand@china-yintai.com.cn" },
+                    { title: "联系我们", content: "综合类事项需求，请联系：(86-10) 8540 5700\n有采访类需求，请联系：(86-10) 8540 5757" },
+                ],
+            },
+        },
+        public: {
+            banner: {
+                title: "集团发布",
+                titleSize: "large",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+        detail: {
+            banner: {
+                title: "汇聚立法智慧，培育立法人才",
+                titleSize: "large",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+            section1Data: {
+                title: "汇聚立法智慧，培育立法人才",
+                createTime: "2026-03-03",
+                readTimes: "100",
+                content: "国以才立，政以才治，业以才兴，做好新形势下立法工作，保障立法质量，人才队伍是关键。自2020年起，在银泰公益基金会的支持下，浙江立法研究院、浙江大学立法研究院联合浙江大学光华法学院致力于助推立法学科建设，经过一年多时间的不懈努力，获批增设立法学二级学科，并面向全国招收立法学专业硕士、博士研究生，旨在积极响应新时代下国家对立法学理论研究和人才培养的需求，践行依法护航经济社会发展的理念，不断开展探索，助推立法工作更好地为中国特色社会主义法治建设服务。",
+            },
+        },
+    },
+
+    social: {
+        sustainability: {
+            section1Data: {
+                title: "银泰集团",
+                content: '始终秉持"创造价值，服务社会"的使命，将社会责任融入企业发展的各个环节，形成了以合规治理、实业报国、经典品质、人才发展、绿色低碳、公益向善为核心的六大责任方向。银泰积极践行新发展理念，深度融入国家发展大局，持续投身乡村振兴、儿童关爱、社区共建等公益事业，以实际行动诠释企业担当，为实现人与自然、社会和谐共生的美好未来贡献力量',
+            },
+            section2Data: [
+                { title: "合规治理", content: "银泰集团夯实治理基础，持续提升数字化、智慧化管理水平。坚守合规经营，加强风险管理，以良好的企业治理作为公司健康、稳定、持续发展的基石。", backgroundImage: "/images/bg-overview.png" },
+                { title: "实业报国", content: "银泰集团坚定实业报国，积极投身国家重大战略和重点领域。通过优化产业布局，强化创新驱动，提升核心竞争力，为国家经济发展贡献力量。", backgroundImage: "/images/bg-overview.png" },
+                { title: "经典品质", content: "银泰集团夯实治理基础，持续提升数字化、智慧化管理水平。坚守合规经营，加强风险管理，以良好的企业治理作为公司健康、稳定、持续发展的基石。", backgroundImage: "/images/bg-overview.png" },
+                { title: "人才发展", content: "银泰集团夯实治理基础，持续提升数字化、智慧化管理水平。坚守合规经营，加强风险管理，以良好的企业治理作为公司健康、稳定、持续发展的基石。", backgroundImage: "/images/bg-overview.png" },
+                { title: "绿色低碳", content: "银泰集团夯实治理基础，持续提升数字化、智慧化管理水平。坚守合规经营，加强风险管理，以良好的企业治理作为公司健康、稳定、持续发展的基石。", backgroundImage: "/images/bg-overview.png" },
+                { title: "公益向善", content: "银泰集团夯实治理基础，持续提升数字化、智慧化管理水平。坚守合规经营，加强风险管理，以良好的企业治理作为公司健康、稳定、持续发展的基石。", backgroundImage: "/images/bg-overview.png" },
+            ],
+            section3Data: {
+                title: "社会责任案例集",
+                content: '银泰集团通过挖掘内部员工，外部消费者、品牌方、合作伙伴、受益人等不同利益相关方的案例故事，希望以一个个真实、鲜活的人物为线索，全方位展现银泰的责任担当，让大家感受到"爱@在一起"的温暖和力量。',
+                items: [
+                    { title: "案例1向浙江大学教育基金会", content: "2019年，银泰公益基金会向浙江大学教育基金会捐赠资金250万元，专项支持浙江立法研究院的发展建设，助力汇聚立法智慧、培育立法人才、引领智能立法、致力于建成全国性的立法研究高地和人才培养基地。", link: "", backgroundImage: "/images/bg-overview.png" },
+                    { title: "案例2", content: "不管是从响应国家的绿色战略还是从企业自身长远发展的维度进行考量，提倡节能减排、绿色环保，都势在必行。", link: "", backgroundImage: "/images/bg-overview.png" },
+                    { title: "案例3", content: "案例3内容", link: "", backgroundImage: "/images/bg-overview.png" },
+                    { title: "案例4", content: "案例4内容", link: "", backgroundImage: "/images/bg-overview.png" },
+                ],
+            },
+            section4Data: {
+                title: "社会责任报告",
+                items: Array(8).fill(null).map(() => ({ title: "2024年度报告.pdf", coverImage: "/images/bg-overview.png", link: "" })),
+            },
+            banner: {
+                title: "可持续发展",
+                titleSize: "medium",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+        foundation: {
+            section1Data: {
+                title: "银泰公益基金会",
+                content: "由银泰集团创始人兼董事长沈国军先生发起，于2014年初在北京成立。银泰集团希望以此为平台，以公益促进社会进步，用创新公益模式，立足生态环保、乡村振兴、应急救灾、公益教育等方向，用实际行动体现银泰人对社会责任的坚守和担当。",
+                backgroundImage: "/images/Foundation-sectionbg-1.png",
+            },
+            section2Data: {
+                tabItems: [
+                    { tabName: "生态环保", contentTitle: "生态环保", contentSubtitle: "", contentText: "北京银泰中心是银泰置地集团在北京的核心项目，是集高端购物中心、酒店、公寓、超甲级写字楼等业态于一体的综合性商业地产项目。", image: "/images/bg-overview.png" },
+                    { tabName: "乡村振兴", contentTitle: "银泰中心", contentSubtitle: "", contentText: "北京银泰中心是银泰置地集团在北京的核心项目，是集高端购物中心、酒店、公寓、超甲级写字楼等业态于一体的综合性商业地产项目。", image: "/images/bg-overview.png" },
+                    { tabName: "应急救灾", contentTitle: "银泰中心", contentSubtitle: "", contentText: "北京银泰中心是银泰置地集团在北京的核心项目，是集高端购物中心、酒店、公寓、超甲级写字楼等业态于一体的综合性商业地产项目。", image: "/images/bg-overview.png" },
+                    { tabName: "公益教育", contentTitle: "银泰中心", contentSubtitle: "", contentText: "北京银泰中心是银泰置地集团在北京的核心项目，是集高端购物中心、酒店、公寓、超甲级写字楼等业态于一体的综合性商业地产项目。", image: "/images/bg-overview.png" },
+                ],
+            },
+            section3Data: {
+                title: "公益传播",
+                items: Array(4).fill(null).map((_, i) => ({
+                    title: `公益传播${i + 1}`,
+                    content: "北京银泰中心是银泰置地集团在北京的核心项目，是集高端购物中心、酒店、公寓、超甲级写字楼等业态于一体的综合性商业地产项目。",
+                    backgroundImage: "/images/bg-overview.png",
+                    link: "",
+                })),
+            },
+            section4Data: {
+                title: "信息公开",
+                tabItems: [
+                    { tabName: "规章制度", fileItems: Array(15).fill(null).map(() => ({ fileName: "规章制度1.pdf", link: "" })) },
+                    { tabName: "工作报告", fileItems: Array(5).fill(null).map(() => ({ fileName: "规章制度1.pdf", link: "" })) },
+                    { tabName: "审计报告", fileItems: Array(5).fill(null).map(() => ({ fileName: "规章制度1.pdf", link: "" })) },
+                    { tabName: "资质证书", fileItems: Array(5).fill(null).map(() => ({ fileName: "规章制度1.pdf", link: "" })) },
+                    { tabName: "组织架构", fileItems: Array(5).fill(null).map(() => ({ fileName: "规章制度1.pdf", link: "" })) },
+                ],
+                backgroundImage: "/images/bg-overview.png",
+            },
+            section5Data: {
+                title: "公益伙伴",
+                items: Array(6).fill(null).map(() => ({ logo: "/images/bg-overview.png" })),
+            },
+            banner: {
+                title: "平台思维，共享价值",
+                titleSize: "medium",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+    },
+
+    join: {
+        culture: {
+            banner: {
+                title: "企业文化",
+                titleSize: "large",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+            section1Data: {
+                title: "企业文化",
+                items: [
+                    { title: "使命", content: "做新商业典范，律正合作共享", backgroundImage: "/images/bg-overview.png" },
+                    { title: "愿景", content: "成为世界级商业地产集团", backgroundImage: "/images/bg-overview.png" },
+                    { title: "核心价值观", content: "诚信、合作、创新、共赢", backgroundImage: "/images/bg-overview.png" },
+                ],
+            },
+            section2Data: {
+                title: "价值观",
+                items: [
+                    { title: "简单", content: "以心境简单 促问题解决", icon: "/images/bg-overview.png" },
+                    { title: "担当", content: "以心境简单 促问题解决", icon: "/images/bg-overview.png" },
+                    { title: "创新", content: "以心境简单 促问题解决", icon: "/images/bg-overview.png" },
+                ],
+            },
+        },
+        campus: {
+            banner: {
+                title: "招贤纳士",
+                titleSize: "large",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+    },
+
+    others: {
+        siteMap: {
+            banner: {
+                title: "网站地图",
+                titleSize: "large",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+            section1Data: {
+                title: "网站地图",
+                items: [
+                    {
+                        label: "关于银泰",
+                        path: "/about",
+                        children: [
+                            { path: "/about", label: "集团概览" },
+                            { path: "/about/history", label: "发展历程" },
+                            { path: "/about/founder", label: "创始人介绍" },
+                        ],
+                    },
+                    {
+                        label: "集团业务",
+                        path: "/business",
+                        children: [
+                            {
+                                path: "/business/commercial-group",
+                                label: "银泰商业集团",
+                                children: [
+                                    { path: "/business/commercial-group/in77", label: "in77" },
+                                    { path: "/business/commercial-group/inPARK", label: "inPARK" },
+                                    { path: "/business/commercial-group/银泰城购物中心", label: "银泰城购物中心" },
+                                ],
+                            },
+                            {
+                                path: "/business/base-group",
+                                label: "银泰基业集团",
+                                children: [
+                                    { path: "/business/base-group#北京", label: "北京" },
+                                    { path: "/business/base-group#上海", label: "上海" },
+                                    { path: "/business/base-group#浙江", label: "浙江" },
+                                    { path: "/business/base-group#四川", label: "四川" },
+                                ],
+                            },
+                            {
+                                path: "/business/realty-group",
+                                label: "银泰置地集团",
+                                children: [
+                                    { path: "/business/realty-group#北京", label: "北京" },
+                                    { path: "/business/realty-group#上海", label: "上海" },
+                                    { path: "/business/realty-group#浙江", label: "浙江" },
+                                    { path: "/business/realty-group#四川", label: "四川" },
+                                ],
+                            },
+                            {
+                                path: "/business/invest-group",
+                                label: "银泰投资集团",
+                                children: [
+                                    { path: "/business/invest-group#发起设立", label: "发起设立" },
+                                    { path: "/business/invest-group#股权投资", label: "股权投资" },
+                                    { path: "/business/invest-group#产业孵化", label: "产业孵化" },
+                                ],
+                            },
+                            { path: "/business/ruijing-group", label: "瑞京集团" },
+                        ],
+                    },
+                    {
+                        label: "社会责任",
+                        path: "/social",
+                        children: [
+                            { path: "/social/sustainability", label: "可持续发展" },
+                            { path: "/social/foundation", label: "银泰公益基金会" },
+                        ],
+                    },
+                    {
+                        label: "新闻中心",
+                        path: "/news",
+                        children: [
+                            { path: "/news/public", label: "集团发布" },
+                            { path: "/news/media", label: "媒体垂询" },
+                        ],
+                    },
+                    {
+                        label: "其它",
+                        path: "/others",
+                        children: [
+                            { path: "/join/campus", label: "加入银泰" },
+                            { path: "/terms-of-use", label: "使用条款" },
+                            { path: "/privacy-policy", label: "隐私保护" },
+                        ],
+                    },
+                ],
+            },
+        },
+        search: {
+            banner: {
+                title: "搜索结果",
+                titleSize: "large",
+                showBreadcrumb: true,
+                backgroundImage: "/images/search-banner.png",
+            },
+        },
+        termsOfUse: {
+            banner: {
+                title: "使用条款",
+                titleSize: "large",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+        privacyPolicy: {
+            banner: {
+                title: "隐私保护",
+                titleSize: "large",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+        auditReport: {
+            banner: {
+                title: "审计举报",
+                titleSize: "large",
+                showBreadcrumb: true,
+                backgroundImage: "/images/bg-overview.png",
+            },
+        },
+    },
+};
 
 
 export default mockData;

src/components/banner.tsx

@@ -1,9 +1,10 @@
-import { Link } from "react-router-dom";
+import { Link, useLocation } from "react-router-dom";
 import { Swiper, SwiperSlide } from "swiper/react";
 import { Autoplay, EffectFade } from "swiper/modules";
 import "swiper/css";
 import "swiper/css/effect-fade";
 import styles from "./Banner.module.css";
+import { useEffect } from "react";
 
 const FALLBACK_GRADIENT = "linear-gradient(135deg, #1a2a4a 0%, #2d4a7c 100%)";
 
@@ -15,7 +16,7 @@ type Props = {
     desc?: string;
     largedesc?: string;
     showBreadcrumb?: boolean;
-    breadcrumbItems?: BreadcrumbItem[];
+    breadcrumbItems?: BreadcrumbItem[]; //废弃掉，后改用pathname查找菜单名显示
     titleSize?: "large" | "medium";
     backgroundImage: string | string[];
 };
@@ -30,9 +31,9 @@ export default function Banner({
     titleSize = "large",
     backgroundImage,
 }: Props) {
+    const location = useLocation();
     const images = Array.isArray(backgroundImage) ? backgroundImage : [backgroundImage];
     const isCarousel = images.length > 1;
-    console.log('isCarousel', isCarousel)
 
     const heroContent = (
         <div className={styles.heroContent} style={{ gap: "30px" }}>
@@ -52,6 +53,13 @@ export default function Banner({
         </div>
     );
 
+
+    // pathname
+    useEffect(() => {
+        const pathname = location.pathname;
+        console.log('pathname', pathname)
+        console.log('location', location)
+    },[location.pathname])
     return (
         <section
             className={styles.hero}

src/components/layout/Section/index.tsx

@@ -11,7 +11,9 @@ type Props = {
     className?: string;
 }
 
-export default function Section({ title, subtitle, height, titleColor, children, background, maskBackground, className }: Props) {
+export default function Section({ 
+    title, subtitle, height, titleColor, children, 
+    background, maskBackground, className }: Props) {
     return (
         <section style={{
             padding: '100px 260px',

src/components/layout/SectionTitle/index.module.css

@@ -17,4 +17,5 @@
         text-transform: none;
         margin-top: 20px;
     }
+
 }

src/layouts/Footer.tsx

@@ -4,7 +4,7 @@ import styles from "./Footer.module.css";
 const footerColumns = [
   {
     title: "关于银泰",
-    links: [
+    children: [
       { path: "/about", label: "公司简介" },
       { path: "/about/history", label: "发展历程" },
       { path: "/about/culture", label: "企业文化" },
@@ -12,7 +12,7 @@ const footerColumns = [
   },
   {
     title: "集团业务",
-    links: [
+    children: [
       { path: "/about", label: "银泰商业集团" },
       { path: "/business/base-group", label: "银泰基业集团" },
       { path: "/business/realty-group", label: "银泰置地集团" },
@@ -22,21 +22,21 @@ const footerColumns = [
   },
   {
     title: "社会责任",
-    links: [
+    children: [
       { path: "/social", label: "可持续发展" },
       { path: "/social/sustainable", label: "银泰公益基金会" },
     ],
   },
   {
     title: "新闻中心",
-    links: [
+    children: [
       { path: "/news", label: "银泰咨询" },
       { path: "/news/media", label: "媒体垂询" },
     ],
   },
   {
     title: "加入我们",
-    links: [
+    children: [
       { path: "/join", label: "企业文化" },
       { path: "/join/campus", label: "招贤纳士" },
     ],
@@ -52,7 +52,7 @@ export default function Footer() {
             {footerColumns.map((col) => (
               <div key={col.title} className={styles.footerColumn}>
                 <div className={styles.footerTitle}>{col.title}</div>
-                {col.links.map((link) => (
+                {col.children.map((link) => (
                   <Link
                     key={link.path}
                     to={link.path}

src/layouts/Header.tsx

@@ -14,7 +14,7 @@ export default function Header() {
             label: "关于银泰",
             path: "/about",
             children: [
-                { path: "/about", label: "集团概览" },
+                { path: "/about/overview", label: "集团概览" },
                 { path: "/about/history", label: "发展历程" },
                 { path: "/about/founder", label: "创始人介绍" },
             ],

src/pages/About/Founder.tsx

@@ -2,14 +2,12 @@ import Banner from "@/components/Banner";
 import styles from "./Founder.module.css";
 import { useState } from "react";
 import ParagraphSection from "@/components/layout/ParagraphSection";
-
+import Section from "@/components/layout/Section";
 export default function AboutFounder() {
-  const [paragraphSectionData] = useState({
+  const [section1Data] = useState({
     title: "沈国军",
     content: "汉族，博士，高级经济师。中国人民政治协商会议第十一届、十三届全国委员会委员、中国人民政治协商会议第十三届全国委员会提案委员会委员、中国致公党第十四届、十五届、十六届中央委员会常委、第一届浙商（全球）总会执行会长、第一届甬商（全球）总会会长。\n\n 银泰集团（全称“中国银泰投资有限公司”）创始人兼董事长、银泰公益基金会创始人及荣誉理事长、桃花源生态保护基金会董事局执行主席。",
-  })
+    items: [
-
-  const intoductionList = [
       {
         title: "商业领域",
         image: "/images/bg-invest-group.png",
@@ -21,19 +19,26 @@ export default function AboutFounder() {
         desc: "银泰集团在社会责任方面有着丰富的经验和深厚的实力，致力于打造高品质的商业空间，引领现代消费体验。",
       },
     ]
-  const [activeIndex, setActiveIndex] = useState<number | null>(null);
+  })
-  const handleMouseEnter = (index: number) => {
+
-    setActiveIndex(index);
+  const [section2Data] = useState({
-  }
+    title: "企业家精神",
+    subtitle: "一个优秀的企业家，要传承、弘扬传统优秀的商道，继续开创新的商业文明。创新与变革、勤奋与进取、分享与合作、诚信与责任是沈国军所倡导的企业家精神。",
+    backgroundImage: '',
+    sideImage: "/images/bg-invest-group.png",
+    content: "银泰集团在社会责任方面有着丰富的经验和深厚的实力，致力于打造高品质的商业空间，引领现代消费体验。",
+  })
+
+ 
   return (
     <div>
       <Banner title="创始人介绍" subtitle="银泰集团创始人、董事长——沈国军"
         desc="卓越的变革践行者、产业推动者及社会公民"
         showBreadcrumb={true} backgroundImage={'/images/bg-overview.png'}></Banner>
 
-      <ParagraphSection data={paragraphSectionData} >
+      <ParagraphSection data={section1Data} >
         <div className={styles.images}>
-          {intoductionList.map((item, index) => (
+          {section1Data.items.map((item, index) => (
             <div className={styles.imageItem} key={item.title}>
               <img src={item.image} alt={item.title} />
               <div className={styles.imageMask}></div>
@@ -48,17 +53,15 @@ export default function AboutFounder() {
         </div>
       </ParagraphSection>
 
-
+      <section className={styles.sectionFounder} style={{ backgroundImage: `url(${section2Data.backgroundImage})` }}>
-      <section className={styles.sectionFounder}>
         <div className={styles.founderIntroduction}>
-          <h2>企业家精神</h2>
+          <h2>{section2Data.title}</h2>
-          <p>一个优秀的企业家，要传承、弘扬传统优秀的商道，继续开创新的商业文明。创新与变革、勤奋与进取、分享与合作、诚信与责任是沈国军所倡导的企业家精神。</p>
+          <p>{section2Data.subtitle}</p>
         </div>
         <div className={styles.founderPhoto}>
-          <img src="/images/bg-invest-group.png" alt="个人照" />
+          <img src={section2Data.sideImage} alt="个人照" />
           <div className={styles.founderPhotoContent}>
-            <p style={{ color: '#14355C' }}>· 关于创新与变革</p>
+            <p dangerouslySetInnerHTML={{ __html: section2Data.content }} ></p>
-            <p>“每个人心中都是卧虎藏龙的，释放你心中的龙和虎，到市场上去捕食，让这个社会、这个市场有更多的创新和变革，这样才能带来进步。”</p>
           </div>
         </div>
       </section>

src/pages/Home/index.tsx

@@ -6,6 +6,11 @@ import RowAccordion from "@/components/layout/RowAccordion";
 
 
 export default function Home() {
+  const [bannerData] = useState({
+    title: "银泰集团",
+    desc: "中国现代新商业典范",
+    backgroundImage: ['/images/bg-overview.png', '/images/bg-base-group.png'],
+  })
   const [commercialData] = useState({
     items: [
       {
@@ -78,8 +83,8 @@ export default function Home() {
   return (
     <div>
       {/* Hero */}
-      <Banner title="银泰集团" desc="中国现代新商业典范" showBreadcrumb={false}
+      <Banner title={bannerData.title} desc={bannerData.desc} showBreadcrumb={false}
-        backgroundImage={['/images/bg-overview.png', '/images/bg-base-group.png']}></Banner>
+        backgroundImage={bannerData.backgroundImage}></Banner>
 
       {/* Commercial */}
       <RowAccordion data={commercialData} />
@@ -109,7 +114,7 @@ export default function Home() {
         </div>
       </Section>
 
-      {/* News */}
+      {/* News 动态数据 */}
       <Section title="新闻资讯" maskBackground="#F0F2F4">
         <div className={styles.newsGrid}>
           <div className={styles.newsFeatured}>

src/store/index.ts

@@ -1,23 +1,31 @@
-const store = {
+import { create } from "zustand";
-    getItem(key: string) {
+import { persist } from "zustand/middleware";
-        let value: any = window.localStorage.getItem(key)
+
-        let temp: any = null
+interface AppConfig {
-        if (value !== undefined) {
+    company?: {
-            try {
+        config?: {
-                temp = value
+            favicon?: string;
-                value = JSON.parse(value)
+            shortName?: string;
-                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        };
-            } catch (e) {
+    };
-                value = temp
+    [key: string]: unknown;
 }
+
+interface StoreState {
+    appConfig: AppConfig | null;
+    token: string | null;
+    setAppConfig: (config: AppConfig | null) => void;
+    setToken: (token: string | null) => void;
 }
-        return value
+
-    },
+export const useStore = create<StoreState>()(
-    setItem(key: string, value: any) {
+    persist(
-        window.localStorage.setItem(key, JSON.stringify(value))
+        (set) => ({
-    },
+            appConfig: null,
-    delItem(key: string) {
+            token: null,
-        window.localStorage.removeItem(key)
+            setAppConfig: (config) => set({ appConfig: config }),
-    }
+            setToken: (token) => set({ token }),
-}
+        }),
-export default store
+        { name: "yintai-store" }
+    )
+);

src/utils/request.ts

@@ -3,7 +3,7 @@ import config from "@/config.json";
 import "nprogress/nprogress.css"; // nprogress样式文件
 import CryptoJS from "crypto-js";
 import NProgress from "nprogress";
-import store from "@/store";
+import { useStore } from "@/store";
 import * as uuid from "uuid";
 import Toast from "./toast";
 // import init from "./init";
@@ -15,7 +15,7 @@ const instance = axios.create({
 
 const setheader = (header: { [key: string]: string }) => {
     header["x-host-api"] = process.env.REACT_APP_HOST || window.location.hostname;
-    const token = store.getItem("token");
+    const token = useStore.getState().token;
     if (token) {
         header["x-token"] = token;
     }
@@ -114,7 +114,7 @@ instance.interceptors.response.use(
                     // console.log(response)
                     if ([1001003, 1001004].includes(response.data.code)) {
                         Toast("登录过期请重新登录", "error");
-                        store.delItem("token");
+                        useStore.getState().setToken(null);
                         // init(true);
                     } else if (!config.ignoreCodeErrorList.includes(urlInfo)) {
                         Toast(response.data.message.split(",")[0], "error");