带预约表单的企业培训官网

你是一个资深前端工程师。请帮我写一个单页 HTML 企业官网首页，要求如下：
技术约束：只输出一个 .html 文件，不依赖任何外部框架和库（无 React/Vue/Bootstrap），CSS 与 JS 全部内联写在同一个文件中；使用语义化 HTML5 标签；响应式布局，适配手机、平板、桌面；代码有中文注释，结构清晰。
公司信息：公司名【XX 科技有限公司】，行业【智能制造 / 工业软件】，主色【#0F4C81】，辅色【#F5A623】，口号【让制造更聪明】。
页面区块（从上到下）：顶部导航栏（Logo + 菜单 + 锚点平滑滚动）→ 首屏 Banner（大标题、副标题、CTA 按钮、背景图占位）→ 核心优势 / 服务（3~4 张卡片，带图标占位）→ 关于我们（图文左右布局）→ 数据亮点（数字滚动或静态展示，如“服务客户 500+”）→ 案例 / 客户 Logo 墙 → 联系我们（表单：姓名、电话、留言 + 公司地址电话邮箱）