zhangxiang
5ecab7b15d
- 拆分品牌色「文字/底色」双通道：新增 --color-brand-ink(-rgb)（深色 #F87171） 与 tailwind brand.ink；text-brand → text-brand-ink 迁移 247 处； bg-brand/border-brand 保持 --color-brand-rgb 不翻转（红底白字 5.58:1 不能动） - dark 块补齐 --color-brand-bg: #2A1418（修复深色白字压浅粉底 1.04:1） - hero 徽章新增 --badge-accent-text 桥接：accentColor 直用作深底文字不可读 （#1e3a5f 深底 1.65:1），浅色取原色 / 深色 color-mix 提亮 - 硬编码颜色 token 化：bg-white/text-gray-*/border-gray-* → bg-bg-*/text-text-*/border-border-* - 可访问性：触控目标 <24px 归零（footer 链接列 [&_a]:min-h-6 收口 377 处等）、 news 搜索框补 aria-label、标题跳级 h2→h4 修正为 h3、装饰 blur 光斑容器补 overflow-hidden 消除伪文本裁剪 - 验证：tsc 0 / eslint 0 error / jest 0 失败用例 / dogfood 33 路由 × 双主题 P1-P3 全零
53 lines
2.0 KiB
TypeScript
53 lines
2.0 KiB
TypeScript
'use client';
|
|
|
|
/**
|
|
* EarlyAccessNotice — L3 信任层「首批客户共创」透明状态条
|
|
*
|
|
* 设计意图：
|
|
* - 数据真实性优先：客户案例 / 资质认证需获得授权后才能公开；
|
|
* 与其让 L3 整段 `return null` 制造「信任真空」，不如显式标注公司当前阶段。
|
|
* - 内容源于 `EARLY_ACCESS` 常量（company.ts L119），单一真源。
|
|
*
|
|
* 与 L3SignalsSlot 关系：EarlyAccessNotice 是 L3EmptyFallback 的次要兜底块，
|
|
* 在 signals（4 类信号卡）下方呈现——回答「为什么没有真实客户案例」这个问题。
|
|
*/
|
|
|
|
import Link from 'next/link';
|
|
import { ScrollReveal } from '@/components/ui/scroll-reveal';
|
|
import { EARLY_ACCESS } from '@/lib/constants/company';
|
|
|
|
export function EarlyAccessNotice() {
|
|
return (
|
|
<section
|
|
aria-labelledby="early-access-notice-heading"
|
|
className="py-12 sm:py-16 bg-bg-secondary"
|
|
>
|
|
<div className="max-w-container mx-auto px-4 sm:px-6 lg:px-10">
|
|
<ScrollReveal>
|
|
<aside
|
|
role="note"
|
|
aria-label="首批客户共创状态"
|
|
className="p-5 sm:p-6 rounded-lg border border-dashed border-brand/40 bg-brand-soft/30"
|
|
>
|
|
<p
|
|
id="early-access-notice-heading"
|
|
className="text-sm font-semibold text-brand-ink mb-1"
|
|
>
|
|
{EARLY_ACCESS.label}
|
|
</p>
|
|
<p className="text-sm text-text-secondary leading-relaxed mb-3">
|
|
{EARLY_ACCESS.desc}
|
|
</p>
|
|
<Link
|
|
href="/contact"
|
|
className="inline-flex items-center gap-1 min-h-6 text-sm font-medium text-brand-ink underline-offset-4 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 focus-visible:ring-offset-bg-secondary rounded"
|
|
>
|
|
了解共创合作
|
|
<span aria-hidden="true">→</span>
|
|
</Link>
|
|
</aside>
|
|
</ScrollReveal>
|
|
</div>
|
|
</section>
|
|
);
|
|
} |