上线时把这里换成你的客户 Logo
大多数 SaaS 官网都需要类似的区块。每个项目都重做一遍,会把本该投入产品的时间吃掉。
大部分模板缺少设计。产品需要的是有判断、有节奏的页面,而不是随手拼出来的外壳。
配色、间距、页面之间的排版细节,早期看不明显,后期每次改动都可能引发连锁问题。
预置首页、功能、价格、博客、Changelog、关于、联系、Elements 和 404,响应式布局已经接好。
15+ 模块化 section,覆盖 Hero、FeatureGrid、Pricing、FAQ、Steps、FinalCTA 等常见 SaaS 页面场景。
Blog 和 Changelog 基于 Astro Content Layer,Markdown 中可以引入组件,不依赖 CMS 也能维护内容。
Astro 默认零 JS,全新安装就具备 Lighthouse 95+ 的性能、可访问性和 SEO 基线。
AOS 负责滚动入场,motion.js 用于需要编排的动效,并遵循 prefers-reduced-motion。
约 30 个 CSS tokens 管理颜色、字体和基础视觉,只改一个文件就能完成第一轮品牌替换。
最近 30 天
把这个示例替换成你的产品截图,位置在 src/pages/index.astro。