import type { Metadata } from 'next';
import Link from 'next/link';
import { PageHeader } from '@/components/ui/page-header';
import { Card } from '@/components/ui/primitives';

export const metadata: Metadata = { title: 'About', description: 'RareIndex is the global data layer for collectible assets: mission, how it works, disclaimers, source attribution and contact.' };

export default function AboutPage() {
  return (
    <div className="mx-auto max-w-3xl">
      <PageHeader kicker="Company" title="About RareIndex" description="RareIndex structures the collectible economy: one canonical asset graph with every important variation, every observable listing, every verified historical sale and every meaningful market signal that can legally and reliably be obtained." />
      <Card className="p-6" as="article">
        <h2 className="text-base font-semibold">Mission</h2>
        <p className="mt-2 text-[14px] leading-relaxed text-muted">Whenever someone asks “What is this collectible worth?” or “What is happening in the collectibles market?”, RareIndex should be the answer — a research-grade market data terminal for cards, watches, sneakers, LEGO, comics, video games, coins, art and every other collectible category, rather than another marketplace aggregator.</p>

        <h2 className="mt-6 text-base font-semibold">How it works</h2>
        <ol className="mt-2 list-decimal space-y-1.5 pl-5 text-[14px] leading-relaxed text-muted">
          <li>Connectors collect public market data from marketplaces, auction houses, dealers, price guides, grading companies and manufacturer catalogues, with provenance for every record.</li>
          <li>Records are normalised, deduplicated and resolved to canonical assets and variants (grade/condition).</li>
          <li>The price engine computes the RareIndex Valuation (RIV) with a range and a confidence, flags outliers and keeps an audit trail.</li>
          <li>Rarity, liquidity, momentum and trending scores, category indices and the RARE global index are derived from those observations.</li>
        </ol>
        <p className="mt-2 text-[14px] text-muted">
          The full methodology is published on the{' '}
          <Link href="/data#methodology" className="underline">
            Data page
          </Link>
          .
        </p>

        <h2 id="disclaimers" className="mt-6 text-base font-semibold">
          Disclaimers
        </h2>
        <ul className="mt-2 list-disc space-y-1.5 pl-5 text-[14px] leading-relaxed text-muted">
          <li>Valuations are estimates derived from observed public data and carry a stated confidence. They are not appraisals, offers or investment advice.</li>
          <li>Listing prices are asking prices, not confirmed transactions.</li>
          <li>Past performance does not guarantee future results. Collectibles are illiquid, carry high transaction costs and their prices can move sharply.</li>
          <li>RareIndex does not authenticate, grade or inspect items. Grades and certification numbers are reported as published by their source; verify them with the grading company.</li>
          <li>Analytical flags such as “value opportunity”, “price discrepancy” or “possible misidentification” are signals, not conclusions.</li>
        </ul>

        <h2 className="mt-6 text-base font-semibold">Source attribution and compliance</h2>
        <p className="mt-2 text-[14px] leading-relaxed text-muted">Third-party data is attributed to its source and linked where possible; RareIndex does not represent third-party content as its own. Product names, set names, brand names and marks belong to their respective owners. RareIndex collects publicly accessible information only, respects applicable laws, source terms, robots policies, rate limits and authentication boundaries, and never bypasses logins, paywalls or CAPTCHAs. Private collections and watchlists are private by default and are never sold.</p>

        <h2 className="mt-6 text-base font-semibold">Contact</h2>
        <p className="mt-2 text-[14px] leading-relaxed text-muted">
          General contact: <a href="mailto:contact@spboucher.ai" className="underline">contact@spboucher.ai</a>. Data corrections and source requests: <a href="mailto:data@rareindex.io" className="underline">data@rareindex.io</a>. API and partnerships: <a href="mailto:hello@rareindex.io" className="underline">hello@rareindex.io</a>. Rights holders who wish a source to be excluded can write to <a href="mailto:legal@rareindex.io" className="underline">legal@rareindex.io</a>.
        </p>

        <h2 className="mt-6 text-base font-semibold">Who builds RareIndex, and where it runs</h2>
        <p className="mt-2 text-[14px] leading-relaxed text-muted">
          RareIndex is built and operated by <strong className="font-medium text-fg">Simon-Pierre Boucher</strong> (Québec, Canada). The platform — ingestion pipelines, valuation workers, database, API and this site — is hosted on{' '}
          <a href="https://www.maclustr.io" target="_blank" rel="noopener noreferrer" className="underline">MacLustr</a> (www.maclustr.io), a distributed Apple-silicon compute cluster operated by the same team, and published through the MacLustr Tunnel gateway.
        </p>
      </Card>
    </div>
  );
}