着陆页模板
Astra Air
让声音听起来高级的最安静方式。
Astra Air 围绕头戴式耳机重新诠释 Apple 风格产品页，融合克制的滚动动效、空间听觉叙事、配色矩阵和精美的发布 CTA。
概览
Astra Air 是一款精致的营销着陆页，灵感源自 Apple 的产品页面语言，围绕高级耳机概念重新构建。它使用 TanStack Start 构建，融合克制的滚动动效、分层玻璃效果、圆形声学图案和由暗到亮的页面节奏。
技术栈
亮点
Apple 风格的节奏，带有柔和模糊、低强度动效展示和稳定的产品焦点
从 Hero 到 CTA 的完整流程，涵盖规格、空间音频、舒适度、配色和发布转化
纯 CSS 耳机造型和轨道动效，无需依赖重型 3D 库
IntersectionObserver 驱动的展示和 Instrument Sans 字体，营造高级质感
画廊
使用场景
希望快速拥有 Apple 风格发布页面的消费硬件或音频品牌
需要展示高级产品概念及逼真动效和配色叙事的代理商
需要具有强烈视觉质感的 TanStack Start 着陆页参考的团队
FAQ
Is this template tied to phones or Apple branding?
No. It borrows Apple's pacing and visual discipline but centers a headphone concept with original Astra Air copy and styling.
Does it rely on 3D libraries?
No. The product presence is built with CSS layers, gradients, and motion so the page stays lightweight and easy to customize.
Can I swap the product and color finishes?
Yes. The finish matrix, feature copy, and hero metrics are structured as modular sections you can adapt to other hardware categories.
这个模板绑定手机或 Apple 品牌吗？
不。它借鉴了 Apple 的节奏和视觉规范，但以耳机概念为中心，使用原创的 Astra Air 文案和样式。
它依赖 3D 库吗？
不。产品展示使用 CSS 层、渐变和动效构建，保持页面轻量和易于定制。
我可以更换产品和配色吗？
可以。配色矩阵、功能文案和 Hero 规格均以模块化结构呈现，可适配其他硬件品类。