我看到 globals.css 的 :root 配置是浅色的，但问题可能是 html 元素有 dark class。让我检查并更新 layout.tsx，同时更新 header 使用真实的 Astra logo 图片。
现在让我更新所有其他组件，确保它们使用白色背景和正确的颜色。
让我更新 hero 和 footer 组件，使用白色背景和真实的 Astra logo。
现在更新 how-it-works 和 features 组件的背景色：
现在更新 footer 使用真实的 Astra logo：
现在更新其他组件的背景色：
现在更新 comparison 的 mobile cards 背景：
最后，让我更新 next.config 以允许使用外部图片：
我已经完成了所有更新。主要改动包括：
bg-white 或 bg-gray-50 交替#00a67e 作为主色调（Wati/Astra 的绿色品牌色），替换了之前的通用 primary 变量明白了！我需要根据文档内容重新设计一个面向开发者的 landing page，重点是：
让我重写整个页面：
现在简化 page.tsx，移除不需要的组件：
删除不再需要的组件文件：
我已经根据文档要求完全重新设计了 Astra Developer Landing Page。主要变更：
npx create-astra-agent，以及 "Works with Cursor / Claude Code / Bring your own LLM" 信任指标页面现在完全面向开发者，采用白色背景配合代码块展示，符合 wati.io 的设计风格但内容完全基于文档要求。
You can send messages while the preview loads