import type { Metadata } from 'next';
import { ScannerClient } from '@/components/scanner/scanner-client';
import { aiConfigured } from '@/lib/ai/scanner';

export const metadata: Metadata = {
  title: 'Scanner — identify and price a collectible from a photo or URL',
  description: 'Upload photos or paste a marketplace URL. RareIndex identifies the item, finds it in the catalog and shows its RareIndex Valuation, latest sales and listings — with confidence, never as authentication.',
};

export const dynamic = 'force-dynamic';

export default function ScannerPage() {
  return (
    <div className="mx-auto max-w-5xl">
      <header className="mb-6">
        <p className="text-[11px] font-semibold uppercase tracking-wider text-subtle">Scanner</p>
        <h1 className="mt-1 text-2xl font-semibold tracking-tight">What is this collectible worth?</h1>
        <p className="mt-2 max-w-2xl text-sm text-muted">Take or upload up to five photos, paste a marketplace URL, or describe the item. RareIndex identifies it, matches it to the canonical catalog and returns the RareIndex Valuation with comparable sales and live listings. Identification is an estimate with a confidence score; it is not authentication.</p>
      </header>
      <ScannerClient aiReady={aiConfigured()} />
    </div>
  );
}