feat: V2/V3组件体系与水墨雅致视觉改造

- 新增detail-v2组件库(HeroV2/V3, TrustSectionV2, CTASectionV2等)
- Hero组件水墨雅致改造:浅色宣纸底/深色墨色文字/墨韵纹理
- 方案卡片添加推荐组合徽标(Package图标)
- 独立产品页从V1组件迁移到V2/V3
- 修复why-us-section未使用导入和ESLint引号转义错误
This commit is contained in:
张翔
2026-06-07 16:19:44 +08:00
parent 2d602c0e57
commit 724a00f582
32 changed files with 3690 additions and 87 deletions
@@ -23,12 +23,18 @@ export function ProductMatrixSection() {
</h2>
<p className="text-base text-[var(--color-text-muted)] max-w-lg">
6 <span className="text-[var(--color-brand-primary)] font-medium"></span>
</p>
</div>
<span className="text-sm text-[var(--color-text-subtle)] font-mono tracking-wider hidden md:block">
{PRODUCTS.length} PRODUCTS
</span>
<div className="flex items-center gap-2">
<span className="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-[var(--color-brand-primary-bg)] text-[var(--color-brand-primary)] text-xs font-medium border border-[var(--color-brand-primary)]/10">
<span className="w-1.5 h-1.5 rounded-full bg-[var(--color-brand-primary)] animate-pulse" />
· 线
</span>
<span className="text-sm text-[var(--color-text-subtle)] font-mono tracking-wider hidden md:block">
{PRODUCTS.length} PRODUCTS
</span>
</div>
</motion.div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8">