03fe98c163
Implement the full landing page for atlas.atomstorm.ai per the PRD at Docs/Execution/Landing-Page-PRD-2026-03-14.md. Includes design spec, bilingual Astro site, CI pipeline, and all assets. Key deliverables: - DESIGN.md: 7-section Atom Web Design specification - Astro 5.x static site with 15 components and 11 page sections - Bilingual i18n (zh/en) with path-based routing - Build-time GitHub release manifest integration - Release channel state machine (Stable/Prerelease/Coming Soon) - CSS design tokens mapped from AtlasBrand.swift - Self-hosted fonts (Space Grotesk, Instrument Sans, IBM Plex Mono) - OG social sharing images for both locales - GitHub Actions workflow for GitHub Pages deployment - Zero client JS, 227KB page weight, 17/17 quality checks passed Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
52 lines
1.2 KiB
Plaintext
52 lines
1.2 KiB
Plaintext
---
|
|
import { t, type Locale } from '../i18n/utils';
|
|
|
|
interface Props {
|
|
locale: Locale;
|
|
}
|
|
|
|
const { locale } = Astro.props;
|
|
const copy = t(locale);
|
|
|
|
const items = [
|
|
copy.trustStrip.openSource,
|
|
copy.trustStrip.recoveryFirst,
|
|
copy.trustStrip.developerAware,
|
|
copy.trustStrip.macNative,
|
|
copy.trustStrip.directDownload,
|
|
];
|
|
---
|
|
|
|
<section class="trust-strip band--surface" aria-label="Trust signals">
|
|
<div class="trust-strip__inner container">
|
|
{items.map((item) => (
|
|
<span class="trust-strip__pill">{item}</span>
|
|
))}
|
|
</div>
|
|
</section>
|
|
|
|
<style>
|
|
.trust-strip {
|
|
padding-block: var(--atlas-space-xxl);
|
|
border-top: 1px solid var(--atlas-color-border);
|
|
border-bottom: 1px solid var(--atlas-color-border);
|
|
}
|
|
|
|
.trust-strip__inner {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
gap: var(--atlas-space-md);
|
|
}
|
|
|
|
.trust-strip__pill {
|
|
font-size: var(--atlas-text-body-small);
|
|
font-weight: 500;
|
|
color: var(--atlas-color-text-secondary);
|
|
padding: var(--atlas-space-xs) var(--atlas-space-lg);
|
|
border: 1px solid var(--atlas-color-border);
|
|
border-radius: var(--atlas-radius-full);
|
|
white-space: nowrap;
|
|
}
|
|
</style>
|