import type { Metadata } from 'next';
import Link from 'next/link';
import { staticMetadata } from '@/lib/meta';
import { LegalPage } from '@/components/LegalPage';
import { CompassIcon } from '@/components/Icons';

export const metadata: Metadata = staticMetadata({
  title: 'About Justice Choice — Independent Lawyer Rankings',
  absolute: true,
  description: 'Justice Choice is an independent lawyer directory at justicechoice.com. Learn how we verify lawyers, publish our ranking methodology and keep rankings free from payment.',
  path: '/about/',
});

export default function About() {
  return (
    <LegalPage title="About Justice Choice" path="/about/" eyebrow="Who we are" icon={<CompassIcon className="h-3.5 w-3.5" />}>
      <p>
        Justice Choice helps people find and compare lawyers by country, city and practice area. We build a large database of licensed professionals, but we only publish a page once it has enough verified
        information to be genuinely useful.
      </p>
      <p>
        Rankings on Justice Choice follow a published, versioned methodology. Every score can be traced back to the licence, court record or review behind it, and anyone can report an error.
      </p>
      <p>
        We are a directory, not a law firm, and nothing on justicechoice.com is legal advice. Read the{' '}
        <Link href="/methodology/" className="link">
          methodology
        </Link>{' '}
        and our{' '}
        <Link href="/disclaimer/" className="link">
          disclaimer
        </Link>
        .
      </p>
    </LegalPage>
  );
}