const { useState, useEffect, useRef } = React; /* ========================================================= SVG 图标组件 ========================================================= */ const Icon = { Tower: (props) => ( ), Code: (props) => ( ), Design: (props) => ( ), Shield: (props) => ( ), Signal: (props) => ( ), Check: (props) => ( ), MapPin: (props) => ( ), Phone: (props) => ( ), Mail: (props) => ( ), User: (props) => ( ), Building: (props) => ( ), FileText: (props) => ( ), Briefcase: (props) => ( ), Lightbulb: (props) => ( ), Cpu: (props) => ( ), Target: (props) => ( ), Clock: (props) => ( ), Users: (props) => ( ), Award: (props) => ( ), Menu: (props) => ( ), X: (props) => ( ), ArrowRight: (props) => ( ), DollarSign: (props) => ( ), Calendar: (props) => ( ), Globe: (props) => ( ), }; /* ========================================================= 数据 ========================================================= */ const navLinks = [ { label: '首页', href: '#home' }, { label: '关于我们', href: '#about' }, { label: '业务板块', href: '#business' }, { label: '企业优势', href: '#advantages' }, { label: '联系我们', href: '#contact' }, ]; const businessAreas = [ { id: 1, icon: , title: '技术服务', desc: '提供全面的信息技术服务，覆盖从技术开发到运维保障的全生命周期，助力企业数字化转型。', tags: ['技术开发', '技术咨询', '信息系统集成', '运维服务'], }, { id: 2, icon: , title: '工程设计', desc: '专业的工程设计与项目管理团队，提供规划设计、工程造价、工程管理等一站式解决方案。', tags: ['规划设计', '专业设计', '工程造价', '工程管理'], }, { id: 3, icon: , title: '通信业务', desc: '深耕5G与物联网通信领域，提供通信技术服务、设备制造与销售，构建万物互联的数字世界。', tags: ['5G通信', '物联网', '通讯设备', '光通信'], }, { id: 4, icon: , title: '需审批项目', desc: '具备建筑智能化、建设工程、电力设施等领域的专业资质与能力，项目均在取得相关部门批准后规范开展。', tags: ['建筑智能化', '建设工程', '电力设施', '基础电信'], }, ]; const advantages = [ { num: '01', icon: , title: '专业技术实力', desc: '核心团队拥有多年通信与工程行业经验，技术储备深厚，能够快速响应并解决各类复杂技术问题。', }, { num: '02', icon: , title: '品质严格把控', desc: '建立完善的质量管理体系，从方案设计到项目落地全流程严格把关，确保交付成果符合行业标准。', }, { num: '03', icon: , title: '高效项目交付', desc: '科学的项目管理方法论与标准化流程，保障项目按时、按质、按量完成，让客户安心省心。', }, { num: '04', icon: , title: '全程贴心服务', desc: '以客户需求为中心，提供前期咨询、方案定制、项目实施、售后运维一站式全流程服务。', }, { num: '05', icon: , title: '创新驱动发展', desc: '持续关注行业前沿技术动态，积极拥抱5G、物联网、人工智能等新兴技术，赋能客户业务创新。', }, { num: '06', icon: , title: '安全合规保障', desc: '严格遵守国家法律法规与行业规范，需审批项目均在取得资质后开展，确保经营合法合规。', }, ]; const processSteps = [ { icon: , title: '需求沟通', desc: '深入了解客户需求，明确项目目标与核心痛点' }, { icon: , title: '方案设计', desc: '量身定制专业技术方案，合理规划实施路径' }, { icon: , title: '合同签订', desc: '明确项目范围、工期与交付标准，保障双方权益' }, { icon: , title: '项目实施', desc: '专业团队按计划推进，全程管控质量与进度' }, { icon: , title: '验收交付', desc: '严格测试验收，提供完整交付文档与售后支持' }, ]; /* ========================================================= 导航栏 ========================================================= */ function NavBar({ onMobileMenuToggle }) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const handleScroll = () => { setScrolled(window.scrollY > 30); }; window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); return ( ); } function MobileMenu({ open, onClose }) { return ( <>
{navLinks.map((link) => ( {link.label} ))}
); } /* ========================================================= Hero Section ========================================================= */ function HeroSection() { return (
淮北市畅通工程技术有限公司

连接未来的 5G智慧工程解决方案

专注于通信技术、工程设计与智能化系统集成服务。以专业的技术实力和严谨的工程态度， 为客户提供一站式工程技术解决方案，助力城市数字化基础设施建设。

淮北·全国
服务区域
4+
核心业务板块
100%
品质保障承诺
); } /* ========================================================= 关于我们 ========================================================= */ function AboutSection() { return (
ABOUT US

关于 畅通工程

淮北市畅通工程技术有限公司是一家专注于工程技术与通信服务的综合性企业，致力于为客户提供高品质的技术解决方案

通信基站铁塔
专业品质保障
严格遵循行业规范 确保每个项目品质

淮北市畅通工程技术有限公司注册地位于安徽省淮北市相山区， 是一家专注于工程技术与通信服务的综合性企业。 公司始终秉持"专业、创新、诚信、共赢"的经营理念， 专注于技术服务、工程设计、5G通信及物联网等核心业务领域。

我们拥有一支经验丰富、技术过硬的专业团队，能够为客户提供从需求咨询、 方案设计到项目实施、运维保障的全流程服务。公司注重技术创新与品质管理， 严格遵守国家法律法规与行业标准，确保每个项目都能高质量交付。

公司地址： 安徽省淮北市相山区南黎街道南黎路86号2层众创空间2010号

); } /* ========================================================= 业务板块 ========================================================= */ function BusinessSection() { return (
BUSINESS AREAS

核心业务板块

四大业务领域协同发展，为客户提供全方位、一站式的工程技术与通信服务解决方案

{businessAreas.map((item, idx) => (
0{idx + 1}
{item.icon}

{item.title}

{item.desc}

{item.tags.map((tag) => ( {tag} ))}
))}
); } /* ========================================================= 企业优势 ========================================================= */ function AdvantagesSection() { return (
OUR ADVANTAGES

我们的核心优势

凭借专业的技术团队、严谨的质量管理和高效的服务体系，为客户创造持续价值

{advantages.map((adv) => (
{adv.num}

{adv.title}

{adv.desc}

))}
{/* 服务流程 */}
SERVICE PROCESS

标准化服务流程

五步标准化服务流程，确保每个项目规范推进、高效交付

{processSteps.map((step, idx) => (
{step.icon} {idx + 1}

{step.title}

{step.desc}

))}
); } /* ========================================================= 联系我们 ========================================================= */ function ContactSection() { return (
CONTACT US

联系我们

欢迎咨询洽谈，我们将以专业的态度和优质的服务，为您提供满意的解决方案

联系我们

联系人
张强
联系电话
138-0000-0000
（占位号码，后续将替换为真实号码）
公司地址
安徽省淮北市相山区南黎街道南黎路86号2层众创空间2010号
城市夜景
畅通工程 · 淮北
); } /* ========================================================= 页脚 ========================================================= */ function Footer() { return ( ); } /* ========================================================= 主应用 ========================================================= */ function App() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false); return (
setMobileMenuOpen(true)} /> setMobileMenuOpen(false)} />
); } const root = ReactDOM.createRoot(document.getElementById('root')); root.render();