From 3411c9089d6c295b445979faa2b4009171e3896e Mon Sep 17 00:00:00 2001
From: chengkun <chengkun@ishangstudy.com>
Date: Fri, 15 Aug 2025 18:04:54 +0800
Subject: [PATCH] 提交

---
 app/home/view/about/index.html        |  186 +++++++++++++++++++++++++++++++
 app/home/controller/About.php         |   13 ++
 public/static/home/style.css          |    3 
 public/static/js/language/language.js |   45 +++++++
 app/home/view/common/footer.html      |   50 ++++----
 app/home/view/index/index.html        |   20 +-
 6 files changed, 282 insertions(+), 35 deletions(-)

diff --git a/app/home/controller/About.php b/app/home/controller/About.php
new file mode 100644
index 0000000..00cc524
--- /dev/null
+++ b/app/home/controller/About.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace app\home\controller;
+
+use think\facade\View;
+use think\facade\Request;
+use app\BaseController;
+
+class About extends BaseController {
+    public function index() {
+        return View::fetch('index');
+    }
+}
\ No newline at end of file
diff --git a/app/home/view/about/index.html b/app/home/view/about/index.html
new file mode 100644
index 0000000..3d5eb93
--- /dev/null
+++ b/app/home/view/about/index.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <include file="common:header" />
+    <include file="common:title" />
+    <include file="common:element-plus" />
+    <!-- Favicon Icon -->
+    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/bootstrap.min.css" />
+    <link rel="stylesheet" type="text/css" href="/static/home/venobox/venobox.css" />
+    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/plugin_theme_css.css" />
+    <link rel="stylesheet" type="text/css" href="/static/home/style.css" />
+    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/responsive.css" />
+    <!-- modernizr js -->
+    <script src="/static/home/assets/js/vendor/modernizr-2.8.3.min.js"></script>
+</head>
+
+<body>
+    <div class="main-container" id="vue_item" v-cloak>
+        <!-- 顶部 导航栏 -->
+        <include file="common:top-header" />
+
+        <!-- 背景图  -->
+        <div class="breadcumb-area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-12 txtc  text-center ccase">
+                        <div class="brpt">
+                            <h2>{{ $t('message.common.aboutUs') }}</h2>
+                        </div>
+                        <!-- <div class="breadcumb-inner">
+                            <ul>
+                                <li>You are currently here! <i class="fas fa-angle-right"></i> </li>
+                                <li><a href="#" rel="v:url" property="v:title">Home</a></li>
+                                <li><i class="fas fa-angle-right"></i></li>
+                                <li><span class="current">About</span></li>
+                            </ul>
+                        </div> -->
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 内容 -->
+        <div class="itpart_about_area about_page_area_about">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-6 col-md-6">
+                        <div class="single_image_area">
+                            <div class="single_image single_line_option  ">
+                                <!-- image -->
+                                <img src="/static/home/assets/images/about-img.jpg" alt="image">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6 col-md-6">
+                        <div class="about_right_inner">
+                            <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.about.text-1') }}</h1>
+                            <!-- title left -->
+                            <div class="witr_section_title">
+                                <div class="witr_section_title_inner text-left">
+                                    <h3>{{ $t('message.about.text-2') }}</h3>
+                                    <!-- content -->
+                                    <p>{{ $t('message.about.text-3') }} </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="itpart_about_area about_page_area_about">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-6 col-md-6">
+                        <div class="single_image_area">
+                            <div class="single_image single_line_option  ">
+                                <!-- image -->
+                                <img src="/static/home/assets/images/about-img.jpg" alt="image">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6 col-md-6">
+                        <div class="about_right_inner">
+                            <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.about.text-1') }}</h1>
+                            <!-- title left -->
+                            <div class="witr_section_title">
+                                <div class="witr_section_title_inner text-left">
+                                    <h3>{{ $t('message.about.text-4') }}</h3>
+                                    <!-- content -->
+                                    <p>{{ $t('message.about.text-5') }} </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="itpart_about_area about_page_area_about">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-6 col-md-6">
+                        <div class="single_image_area">
+                            <div class="single_image single_line_option  ">
+                                <!-- image -->
+                                <img src="/static/home/assets/images/about-img.jpg" alt="image">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6 col-md-6">
+                        <div class="about_right_inner">
+                            <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.about.text-6') }}</h1>
+                            <!-- title left -->
+                            <div class="witr_section_title">
+                                <div class="witr_section_title_inner text-left">
+                                    <h3>{{ $t('message.about.text-7') }}</h3>
+                                    <!-- content -->
+                                    <p>{{ $t('message.about.text-8') }} </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 底部 -->
+        <include file="common:footer" />
+    </div>
+
+    <!-- Vue App -->
+    <script src="/static/vue/mixin.js"></script>
+    <script>
+        const App = {
+            mixins: [sharedMixin],
+            data() {
+                return {
+
+                };
+            },
+            computed: {
+
+            },
+            mounted() {
+            },
+            created() {
+            },
+            methods: {
+
+            },
+        };
+        const app = Vue.createApp(App);
+        for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+            app.component(key, component)
+        }
+        app.use(ElementPlus, {
+            locale: ElementPlusLocaleZhCn,
+        });
+        app.use(i18n);
+        app.mount("#vue_item");
+    </script>
+
+
+</body>
+
+<!-- Include All JS -->
+<script src="/static/home/assets/js/bootstrap.min.js"></script>
+<script src="/static/home/assets/js/isotope.pkgd.min.js"></script>
+<script src="/static/home/assets/js/owl.carousel.min.js"></script>
+<script src="/static/home/assets/js/jquery.nivo.slider.pack.js"></script>
+<script src="/static/home/assets/js/slick.min.js"></script>
+<script src="/static/home/assets/js/imagesloaded.pkgd.min.js"></script>
+<script src="/static/home/venobox/venobox.min.js"></script>
+<script src="/static/home/assets/js/jquery.appear.js"></script>
+<script src="/static/home/assets/js/jquery.knob.js"></script>
+<script src="/static/home/assets/js/BeerSlider.js"></script>
+<script src="/static/home/assets/js/theme-pluginjs.js"></script>
+<script src="/static/home/assets/js/jquery.meanmenu.js"></script>
+<script src="/static/home/assets/js/ajax-mail.js"></script>
+<script src="/static/home/assets/js/theme.js"></script>
+
+</html>
\ No newline at end of file
diff --git a/app/home/view/common/footer.html b/app/home/view/common/footer.html
index b60bc05..824da49 100644
--- a/app/home/view/common/footer.html
+++ b/app/home/view/common/footer.html
@@ -7,33 +7,33 @@
                     <div id="twr_description_widget-2" class="widget widget_twr_description_widget">
                         <div class="itpart-description-area">
                             <a href="#"><img src="/static/home/images/logo.png" alt="Footer logo" class="logo"></a>
-                            <p>Round whitefish flat loach potted killifish ronquil. Long-finned pike escolar northern pike escolar nor thern squawfish eel.</p>
-                            <p class="phone"><a href="tel:"> </a></p>
-                            <div class="social-icons">
+                            <p>{{ $t('message.footer.text-1') }}</p>
+                            <!-- <p class="phone"><a href="tel:"> </a></p> -->
+                            <!-- <div class="social-icons">
                                 <a class="facebook" href="#" title="Facebook"><i class="icofont-facebook"></i></a>
                                 <a class="twitter" href="#" title="Twitter"><i class="icofont-twitter"></i></a>
                                 <a class="Pinterest" href="#" title="Pinterest"><i class="icofont-pinterest"></i></a>
-                            </div>
+                            </div> -->
                         </div>
                     </div>
                 </div>
                 <div class="col-sm-12 col-md-6  col-lg-3">
                     <div id="nav_menu-2" class="widget widget_nav_menu">
-                        <h2 class="widget-title">Useful Links</h2>
+                        <h2 class="widget-title">{{ $t('message.footer.text-2') }}</h2>
                         <div class="menu-useful-links-container">
                             <ul class="menu">
-                                <li><a href="#">Software Development</a></li>
-                                <li><a href="#">Web Development</a></li>
-                                <li><a href="#">Community Meetups</a></li>
-                                <li><a href="#">Cloud and DevOps</a></li>
-                                <li><a href="#">Product Design</a></li>
+                                <li><a href="https://www.whfhg.com/">{{ $t('message.footer.text-3') }}</a></li>
+                                <li><a href="https://www.whfhg.com/view/4215.html">{{ $t('message.footer.text-4') }}</a></li>
+                                <li><a href="http://www.chinaculture.org/">{{ $t('message.footer.text-5') }}</a></li>
+                                <li><a href="https://www.lgseta.org.za/">{{ $t('message.footer.text-6') }}</a></li>
+                                <li><a href="https://jrj.wuhan.gov.cn/">{{ $t('message.footer.text-7') }}</a></li>
                             </ul>
                         </div>
                     </div>
                 </div>
                 <div class="col-sm-12 col-md-6  col-lg-3">
                     <div class="widget about_us">
-                        <h2 class="widget-title">Address Us</h2>
+                        <h2 class="widget-title">{{ $t('message.common.contactUs') }}</h2>
                         <div class="about-footer">
                             <div class="footer-widget address">
                                 <div class="footer-logo"></div>
@@ -43,7 +43,7 @@
                                             <i class="icofont-google-map"></i>
                                         </div>
                                         <div class="footer-sociala-info">
-                                            <p>378 FA Tower, William SBl 2123, IL, US</p>
+                                            <p>{{ $t('message.footer.text-8') }}</p>
                                         </div>
                                     </div>
                                     <div class="footer_s_inner">
@@ -51,7 +51,7 @@
                                             <i class="icofont-phone"></i>
                                         </div>
                                         <div class="footer-sociala-info">
-                                            <p>(+990) 698 598 631</p>
+                                            <p>+270810430608</p>
                                         </div>
                                     </div>
                                     <div class="footer_s_inner">
@@ -59,7 +59,7 @@
                                             <i class="icofont-envelope-open"></i>
                                         </div>
                                         <div class="footer-sociala-info">
-                                            <p>demo@example.com</p>
+                                            <p>DB.li@changjiangpark.com</p>
                                         </div>
                                     </div>
                                     <div class="footer_s_inner">
@@ -67,7 +67,7 @@
                                             <i class="icofont-ui-clock"></i>
                                         </div>
                                         <div class="footer-sociala-info">
-                                            <p>Opening Hours: 9:00 - 6:00</p>
+                                            <p>{{ $t('message.footer.text-9') }}: 9:00 - 18:00</p>
                                         </div>
                                     </div>
                                 </div>
@@ -78,14 +78,15 @@
 
                 <div class="col-sm-12 col-md-6  col-lg-3">
                     <div id="nav_menu-3" class="widget widget_nav_menu">
-                        <h2 class="widget-title">Navigation</h2>
+                        <h2 class="widget-title">{{ $t('message.footer.text-10') }}</h2>
                         <div class="menu-navigation-container">
                             <ul class="menu">
-                                <li><a href="#">Become an Affiliate</a></li>
-                                <li><a href="#">About Drone</a></li>
-                                <li><a href="#">Community Meetups</a></li>
-                                <li><a href="#">Why Buy With Us?</a></li>
-                                <li><a href="#">Blog and News</a></li>
+                                <li><a href="/home/index/index.html">{{ $t('message.header.home') }}</a></li>
+                                <li><a href="/home/about/index.html">{{ $t('message.header.about') }}</a></li>
+                                <li><a href="/home/service/index.html">{{ $t('message.header.service') }}</a></li>
+                                <li><a href="/home/blog/index.html">{{ $t('message.header.blog') }}</a></li>
+                                <li><a href="/home/partners/index.html">{{ $t('message.header.partners') }}</a></li>
+                                <li><a href="/home/contact/index.html">{{ $t('message.header.contact') }}</a></li>
                             </ul>
                         </div>
                     </div>
@@ -100,21 +101,20 @@
         <div class="container">
             <div class="row">
                 <!-- FOOTER COPYRIGHT STYLE 1 -->
-                <div class="col-lg-6 col-md-6  col-sm-12">
+                <div class="col-lg-12 col-md-12  col-sm-12">
                     <div class="copy-right-text">
                         <!-- FOOTER COPYRIGHT TEXT -->
                         <p>Copyright &copy; All rights reserved. <a target="_blank" href="https://www.mobanwang.com/" title="网站模板" class="text-white">网站模板</a></p>
                     </div>
                 </div>
-                <div class="col-lg-6 col-md-6  col-sm-12">
+                <!-- <div class="col-lg-6 col-md-6  col-sm-12">
                     <div class="footer-menu">
-                        <!-- FOOTER COPYRIGHT MENU -->
                         <ul class="text-right">
                             <li><a href="#">Service</a></li>
                             <li><a href="#">Contact</a></li>
                         </ul>
                     </div>
-                </div>
+                </div> -->
                 <!-- FOOTER COPYRIGHT STYLE 3 -->
             </div>
         </div>
diff --git a/app/home/view/index/index.html b/app/home/view/index/index.html
index 93ad677..b0c2586 100644
--- a/app/home/view/index/index.html
+++ b/app/home/view/index/index.html
@@ -280,7 +280,7 @@
             </div>
         </div>
 
-        <!-- service area2 -->
+        <!-- 我们的服务 -->
         <div class="itpart_service_area2">
             <div class="container">
                 <div class="row">
@@ -303,11 +303,11 @@
                             <!-- image -->
                             <div class="witr_service2_image">
                                 <img src="/static/home/assets/images/service1.jpg" alt="image">
-                                <div class="wbutton_top_service_icon">
+                                <!-- <div class="wbutton_top_service_icon">
                                     <a href="">
                                         <span class="ti-arrow-right"></span>
                                     </a>
-                                </div>
+                                </div> -->
                             </div>
                             <div class="witr_servicetwo_text">
                                 <div class="witr_service2_icon_bottom">
@@ -326,11 +326,11 @@
                             <!-- image -->
                             <div class="witr_service2_image">
                                 <img src="/static/home/assets/images/service-2.jpg" alt="image">
-                                <div class="wbutton_top_service_icon">
+                                <!-- <div class="wbutton_top_service_icon">
                                     <a href="">
                                         <span class="ti-arrow-right"></span>
                                     </a>
-                                </div>
+                                </div> -->
                             </div>
                             <div class="witr_servicetwo_text">
                                 <div class="witr_service2_icon_bottom">
@@ -349,11 +349,11 @@
                             <!-- image -->
                             <div class="witr_service2_image">
                                 <img src="/static/home/assets/images/service-3.jpg" alt="image">
-                                <div class="wbutton_top_service_icon">
+                                <!-- <div class="wbutton_top_service_icon">
                                     <a href="">
                                         <span class="ti-arrow-right"></span>
                                     </a>
-                                </div>
+                                </div> -->
                             </div>
                             <div class="witr_servicetwo_text">
                                 <div class="witr_service2_icon_bottom">
@@ -476,7 +476,7 @@
             </div>
         </div>
 
-        <!-- counter up area -->
+        <!-- 数据展示 -->
         <div class="counter_up_area">
             <div class="container">
                 <div class="row">
@@ -979,7 +979,8 @@
                 </div>
             </div>
         </div>
-        <!-- working proces area -->
+        
+        <!-- 我们的工作流程 -->
         <div class="working_proces_area">
             <div class="container">
                 <div class="row">
@@ -1350,6 +1351,7 @@
                 </div>
             </div>
         </div>
+        
         <!-- itpart brand area -->
         <div class="itpart_brand_area">
             <div class="container">
diff --git a/public/static/home/style.css b/public/static/home/style.css
index 091b61c..cd6a2ff 100644
--- a/public/static/home/style.css
+++ b/public/static/home/style.css
@@ -2189,10 +2189,11 @@
 /* witr_service2_icon_bottom */
 .witr_servicetwo_text {
     box-shadow: 0 0 30px 0 rgb(0 0 0 / 9%);
-    padding: 57px 30px 30px;
+    padding: 55px 20px 20px;
     position: relative;
     background: #fff;
     z-index: 1;
+    height: 260px;
 }
 
 .witr_servicetwo_text::before {
diff --git a/public/static/js/language/language.js b/public/static/js/language/language.js
index e619fd3..633f93b 100644
--- a/public/static/js/language/language.js
+++ b/public/static/js/language/language.js
@@ -22,6 +22,18 @@
                 'partners': '合作伙伴',
                 'contact': '联系我们',
             },
+            footer: {
+                'text-1': '聚焦跨境电商产业生态,汇聚多元资源,助力企业出海发展。',
+                'text-2': '友情链接',
+                'text-3': '武汉金融控股(集团)有限公司',
+                'text-4': '武汉长江国际贸易集团',
+                'text-5': '中国文化和国际教育交流中心',
+                'text-6': '南非地方政府培训署',
+                'text-7': '武汉市地方金融工作局',
+                'text-8': 'Building 4 Country Club Woodmead Estate, 21 Woodlands Dr, Woodmead, Sandton, 2191',
+                'text-9': '开放时间',
+                'text-10': '导航',
+            },
             home: {
                 'text-1': "中国汉制造·南非共享",
                 'text-2': "青年创业孵化营",
@@ -108,6 +120,16 @@
                 'text-83': '我们提供基于Cross-Border 分阶段推进,4 - 8周出市场报告,3 - 6个月完成初步优化,6 - 12个月实现稳定增长,最快3个月见初步成果。',
                 'text-84': '动态',
                 'text-85': '近期更新',
+            },
+            about: {
+                'text-1': '我们的股东',
+                'text-2': '武汉金融控股集团',
+                'text-3': '作为武汉市属国有金融平台,深耕金融领域十余年。整合银行、证券、保险全牌照资源,为跨境电商企业定制出海金融方案,覆盖资金授信、海外风控等全流程,助力突破资金壁垒,稳健布局全球市场。',
+                'text-4': '长江国贸',
+                'text-5': '经武汉市政府批准组建的国有外贸平台,注册资本80亿元。聚焦跨境电商全产业链,打通国内外供应链网络,搭建南非、德国等海外渠道,提供选品、物流、清关一站式服务,让中国品牌出海更高效省心。',
+                'text-6': '我们的国内基地',
+                'text-7': '光谷跨境电商产业园',
+                'text-8': '湖北省级跨境电商产业集聚区,落地武汉光谷。聚合超120家外贸企业、20 + 全球平台资源,构建“孵化 + 运营 + 人才”生态。从TikTok直播孵化到海外仓供应链,全链路赋能企业,助力中国智造扎根南非市场,实现跨境业务从0到1突破。',
             }
         }
     },
@@ -133,6 +155,19 @@
                 'blog': 'Blog',
                 'partners': 'Partners',
                 'contact': 'Contact',
+            },
+            footer: {
+                'text-1': 'Focus on the cross-border e-commerce industrial ecosystem, gather diverse resources, and assist enterprises in going global.',
+                'text-2': 'Friendship link',
+                'text-3': 'Wuhan Financial Holding Group ',
+                'text-4': 'Wuhan Yangtze River International Trade Group',
+                'text-5': 'CCIEEC',
+                'text-6': 'LGSETA',
+                'text-7': 'Wuhan Local Financial Supervision and Administration Bureau',
+                'text-8': 'Building 4 Country Club Woodmead Estate, 21 Woodlands Dr, Woodmead, Sandton, 2191',
+                'text-9': 'Opening Hours',
+                'text-10': 'Navigation',
+
             },
             home: {
                 'text-1': "Made In China,Used In SA",
@@ -220,6 +255,16 @@
                 'text-83': 'Cross-Phased progress: 4 - 8 weeks for market reports, 3 - 6 months for initial optimization, 6 - 12 months for stable growth. Results visible in 3 months at earliest.',
                 'text-84': 'News',
                 'text-85': 'Our Recent Update',
+            },
+            about: {
+                'text-1': 'Our Shareholder',
+                'text-2': 'Wuhan Financial Holdings Group',
+                'text-3': 'As a state - owned financial platform in Wuhan, we’ve specialized in finance for over a decade. Integrating banking, securities, and insurance resources, we design tailored financial solutions for cross - border e - commerce enterprises—covering credit lines, overseas risk management, and end - to - end support. We help break capital barriers and expand globally with stability.',
+                'text-4': 'Changjiang International Trade Group',
+                'text-5': 'Approved by Wuhan government, we’re a state - owned foreign trade platform with 8 billion RMB registered capital. Focusing on the full cross - border e - commerce supply chain, we connect domestic - overseas networks, build channels in South Africa, Germany, etc., and offer one - stop services (product sourcing, logistics, customs clearance). Making Chinese brands go global efficiently and seamlessly.',
+                'text-6': 'Our Basement',
+                'text-7': 'Optics Valley Cross - border E - commerce Industrial Park',
+                'text-8': 'As a Hubei - level cross - border e - commerce cluster in Wuhan Optics Valley, we gather over 120 foreign trade enterprises and 20 + global platforms. Building an “incubation + operation + talent” ecosystem, we provide full - chain support—from TikTok live commerce incubation to overseas warehouse supply chains. Empowering “Made in China” to establish in South Africa and achieve 0 - to - 1 breakthroughs in cross - border business. ',
             }
         }
     }

--
Gitblit v1.9.0