import { Link } from "@/i18n/navigation";
import { ArrowRight, Sparkles } from "lucide-react";
import { Container } from "@/components/ui/layout";
import { buttonClassName } from "@/components/ui/button-variants";
/**
* 首页 Hero 区。
*
* 对应 DESIGN.md 的 hero-band-sky：大气渐变（天空蓝 → 柔奶油）作为背景，
* 居中标题、副标题与按钮行。品牌薄荷绿仅用于单个强调 CTA。
*
* 这里用 CSS 渐变 + 径向光晕替代插画资源，避免引入额外图片依赖，
* 同时保持规范要求的「氛围感渐变」基调。
*/
export interface HomeHeroProps {
eyebrow: string;
title: string;
subtitle: string;
primaryLabel: string;
secondaryLabel: string;
stats: {
posts: number;
tags: number;
since: string;
postsLabel: string;
tagsLabel: string;
sinceLabel: string;
};
}
export function HomeHero({
eyebrow,
title,
subtitle,
primaryLabel,
secondaryLabel,
stats,
}: HomeHeroProps) {
return (
{/* 氛围渐变背景（装饰性，对辅助技术隐藏） */}
{/* 大写微标签 */}
{eyebrow}
{title}
{subtitle}
{/* 按钮行：品牌绿强调 CTA + 描边次级按钮 */}
{primaryLabel}
{secondaryLabel}
{/* 站点统计：窄屏下压缩间距，避免三个卡片把布局撑出横向滚动 */}
);
}
function StatItem({ value, label }: { value: string; label: string }) {
return (
{label}
{value}
{label}
);
}