`src/components/ClaimCTA.tsx`

29 lines
import Link from 'next/link';
import { FREE_FOREVER } from '@/lib/flags';

/**
 * ClaimCTA — owner-verification entry. Moss, not coral (coral reserved for sponsored).
 * Free forever per Steve's standing decision — no upgrade/subscription pitch.
 */
export function ClaimCTA({ slug }: { slug: string }) {
  return (
    <section className="border border-moss/30 bg-moss/5 p-5">
      <h3 className="font-display text-xl text-ink">Is this your home?</h3>
      <p className="mt-2 text-sm text-ink/70 leading-relaxed">
        Claim your address to add private notes, photos, receipts, and home records.
        Verification requires a utility bill, ID, or deed match.
      </p>
      <Link
        href={`/claim/${encodeURIComponent(slug)}`}
        className="mt-3 inline-flex items-center gap-2 bg-moss text-sand px-4 py-2 text-xs uppercase tracking-wider hover:bg-ink transition"
      >
        Claim this address
        <span aria-hidden>→</span>
      </Link>
      <p className="mt-3 text-[10px] text-ink/40">
        {FREE_FOREVER ? 'Free forever. No subscription, no upgrade tier.' : '$9.99/mo · includes hosting, edits, exports.'}
      </p>
    </section>
  );
}