'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>
  );
}