Ming-Bao Lighting 外贸独立站（B2B 照明官网）

技术信息

语言技术
HTML5、CSS、React、TypeScript系统类型
Web行业分类
企业服务

作品详情

行业场景

为中山横栏一家照明制造企业搭建面向海外酒店/工程客户的 B2B 官网。
解决该企业无线上展示窗口、海外客户无法通过 Google 搜索找到产品案例的问题。
客户覆盖越南、泰国、马来西亚、中东、欧洲等 hospitality 项目市场。

功能介绍

1. 多语言支持：英语、越南语、泰语、马来语四语切换；
2. 产品与案例展示：产品详情页、酒店工程项目案例库，含照片与项目描述；
3. 询盘系统：接入 Formspree 表单，客户提交询盘直接发邮件；
4. SEO 与数据分析：部署 GA4 统计、Google Search Console 收录、结构化数据；
5. 多端响应式：手机/平板/电脑自适应；
6. 隐私合规：Cookie 同意弹窗，符合海外 GDPR 要求。
线上地址：https://ming-baolighting.com

项目实现

前端使用 React + TypeScript + Vite 构建，CSS 采用原生样式实现响应式布局，
支持桌面/平板/手机三端自适应。
多语言采用 i18n 字典方案，内置英语、越南语、泰语、马来语四语切换。
数据源采用模块化配置（产品、案例、新闻、设置均为独立数据层，
后台可视化修改无需改代码）。
统计接入 Google Analytics 4 与 Google Search Console，
表单接入 Formspree 实现询盘邮件直达。
全站通过 Cloudflare Pages 全球 CDN 部署，自动 HTTPS，
国内/海外访问速度均做过优化，首屏加载时间 < 3 秒。
上线 3 天即被 Google 收录首页及产品/案例子页面。