OneMuggle 前些天一致把 Antigravity 安装好了，但是一致卡账号登录，搞了一晚上还没搞好，说是必须按照谷歌账号的注册的国家地区来，不然没法使用。上周末把谷歌账号的国家地区修改了一下，试了一下确实成功了。让他生成一份企业宣传网站发现效果还是不错的！UI设计还是在线的，比GPT要好很多，但是也仅限UI这块了。
Antigravity安装与使用
站点水印：www.onemuggle.com
准备工作
- 谷歌账号国家地区最好是美国(最好是有 PRO订阅的)
- 网络环境需要开启 Tun模式
- 电脑(Win、Mac)安装好代码编辑器(例如：vscode)
安装Antigravity
- 打开官网：https://antigravity.google/ 点击下载 ，选择自己对应的版本
- 先打开网络环境，开启Tun模式。不会的可以使用 【Clash Nyanpasu】使用比较方便，window使用管理员运行后，点击tun打开即可!
- 下载好后双击运行后全部默认下一步
- 点击 Sign Google
- 登录谷歌进行授权
- 等待授权成功
- 选择合适的代码编辑器 vscode
- Antigravity 安装中文插件，左侧导航栏，四个方框，搜索
chi就看看到中文简体，点击右边的 install 进行下载
- 点击通用授权
- 点击重启 Antigravity
- 就可以看到右边的 ai对话框 了，看不到使用 快捷键 Ctrl + L 即可
生成企业宣传网站
- 桌面新建文件夹（建议使用英语或者拼音命名，例如：del），拖入到 Antigravity 中间的区域
- 右侧ai对话框发生提示词指令即可
- 生成的html文件在桌面文件夹内，使用浏览器打开(拖入到浏览器)即可查看效果
- 展示网站效果 index.html
- 提示词：
【角色设定】
你现在是一位服务过世界500强企业的资深前端技术专家、企业级 UI/UX 架构师和资深 Google SEO 专家。你需要帮我编写一个高质量、响应式的企业官网（Corporate Website）HTML 演示页面。
【基本信息】
* 企业名称： OneMuggle科技 (OneMuggle Technology)
* 业务核心： 专注为企业和团体提供高端海外官网建设与全案 Google SEO 优化服务，助力中国企业品牌出海，在全球市场建立数字权威。
* 目标受众： 寻求品牌出海的 B2B 企业客户（董事长、CEO、海外市场总监等核心决策者）。
【企业级设计与视觉风格】
* 整体基调： 国际化、稳重、大气、极具商业信任感（Trustworthy）与高端专业性（Premium Professional）。
* 色彩搭配： 采用国际化企业常用的“商务经典色”（如沉稳的深海军蓝、钛灰搭配纯净白），辅以克制的高级强调色（如金色或活力蓝）。排版要采用大气的网格系统，屏占比宏大。
* 交互细节： 拒绝花哨轻浮的动画。采用沉稳、流畅且克制的淡入淡出（Fade-in）和视差滚动（Parallax scrolling），彰显企业的深厚底蕴。
【企业级页面结构划分（请一次性生成完整的单页布局）】
请按以下顺序构建具备强商业转化逻辑的页面 Section：
1. 顶部全局导航 (Global Header)：
* 左侧：大气的 "OneMuggle Technology" 企业 Logo。
* 中间：导航菜单（首页、出海服务、成功案例、关于我们、洞察与新闻）。
* 右侧：多语言切换下拉菜单（EN / 繁體 / 简体）以彰显全球化服务能力，以及一个实心的“获取专属出海方案” CTA 按钮。
2. 震撼首屏 (Hero Section)：
* 采用深色全屏背景（可预留高质量商务视频或暗调高档建筑/地球互联的图片占位符）。
* 核心大标题 (H1)： “重塑全球数字边界，让世界看见您的企业。” (Empowering Your Global Digital Presence).
* 权威副标题 (H2)： “OneMuggle科技为您提供企业级海外建站与底层 Google SEO 架构，驱动海外业绩规模化增长。”
* 两个按钮： “探索出海服务” (主按钮) 和 “查看成功案例” (次按钮)。
3. 数据背书与信任条 (Trust Bar)： 紧接着首屏，横向排列一组企业实力数据（例如：“服务企业 500+”、“Google 首页排名关键词 10,000+”、“覆盖国家 50+”），或者放置几个知名合作企业的假想 Logo 占位符。
4. 核心企业服务 (Enterprise Services)： 采用大气的图文左右交替排版（Z-pattern）或高级卡片。
* 服务一：定制化海外品牌官网建设 (原生 SEO 架构，极致加载性能，符合欧美本土商业审美)。
* 服务二：全案 Google SEO 优化 (底层技术驱动，高质量内容营销，锁定精准海外 B2B 询盘)。
* 服务三：全链路本地化战略 (涵盖海外合规、多语言内容本土化部署)。
5. 为什么选择我们 (Our Advantage)： 强调“技术护城河”。采用图标+文字的网格，突出：语义化代码标准、全球 CDN 加速部署、数据驱动的 SEO 策略。
6. 企业级案例展示 (Featured Case Studies)： 大尺寸的真实场景 Mockup 占位区（比如笔记本电脑或大屏显示器中展示着客户的网站），配以简短的“项目挑战”与“带来的业绩增长”说明，强化结果导向。
7. 关于我们与愿景 (Company Profile)： 简短的企业介绍，一张专业的团队/会议室背景图占位符，传递公司的使命：“做中国企业出海最坚实的技术桥梁”。
8. 商务洽谈表单 (B2B Lead Generation)： 一个严肃、专业的全屏或半屏询盘表单模块，包含：企业名称、职位、出海目标市场、预算范围下拉框、工作邮箱。
9. 庞大的企业页脚 (Fat Footer)： 包含多列链接（服务快速链接、公司信息、法务与合规、隐私政策）、多语言网站地图结构，以及完整的跨国联系方式（邮箱、海外/国内电话占位）。
【底层技术与 SEO 规范要求】
* 技术栈： HTML5 + 纯 CSS3 (优先使用 Tailwind CSS 构建极其规范的内联样式)。
* 企业级 SEO 友好： 必须使用最严格的 HTML5 语义化标签（<header>, <nav>, <main>, <section>, <article>, <aside>, <footer>）。H1 至 H6 标签必须逻辑严密，不可跳跃。
* 响应式： 完美适配从 4K 超宽带鱼屏到移动端的全设备尺寸。
* 代码交付： 请直接输出完整且可以直接运行的 HTML 代码。CSS 样式请一并内嵌，确保我在浏览器中打开时，呈现的是一个无懈可击的高端企业官网视觉。