← back to Stayclaim

src/app/about/page.tsx

129 lines

import Link from 'next/link';
import { BreadcrumbArchive } from '@/components/BreadcrumbArchive';
import { TierBadge } from '@/components/TierBadge';
import { SITE_NAME } from '@/lib/site';

export default function AboutPage() {
  return (
    <>
      <div className="max-w-3xl mx-auto px-6 pt-6">
        <BreadcrumbArchive items={[{ label: 'Archive', href: '/' }, { label: 'About' }]} />
      </div>

      <header className="max-w-3xl mx-auto px-6 py-12 border-b border-ink/10">
        <p className="text-xs uppercase tracking-[0.15em] text-ink/50 mb-2">About</p>
        <h1 className="font-display text-5xl md:text-6xl text-ink tracking-[-0.02em] leading-[1.02]">
          The opposite of a listing.
        </h1>
        <p className="mt-5 font-display italic text-2xl text-ink/70">
          Where Nextdoor / Zillow / Redfin look forward, {SITE_NAME} looks back.
        </p>
      </header>

      <article className="max-w-3xl mx-auto px-6 py-12 prose-style space-y-10">
        <section>
          <h2 className="font-display text-3xl text-ink tracking-[-0.01em] mb-4">What this is</h2>
          <p className="text-base text-ink/80 leading-relaxed">
            {SITE_NAME} is an address-first record. For every property we cover, the canonical page is the
            <strong> place</strong> — not the listing, not the owner, not the celebrity who once slept there. The page
            assembles permits, sales, archival photos, building history, and — when the evidence is strong
            enough and the people are no longer living — the names and dates of those associated with it.
          </p>
        </section>

        <section>
          <h2 className="font-display text-3xl text-ink tracking-[-0.01em] mb-4">What this is not</h2>
          <ul className="text-base text-ink/80 leading-relaxed space-y-3 list-none">
            <li>
              <strong>Not a database of where living people live.</strong> We don&rsquo;t accept, infer, or display
              current residences of living individuals. Our database trigger raises an exception if anyone tries.
            </li>
            <li>
              <strong>Not a real-estate listing site.</strong> Sales, photos, and "available now" content are
              walled off into a clearly-labeled sponsored module that never touches the historical record.
            </li>
            <li>
              <strong>Not a tourist map.</strong> The product&rsquo;s register is editorial and archival, not "your
              guided bus tour of where Marilyn lived."
            </li>
          </ul>
        </section>

        <section>
          <h2 className="font-display text-3xl text-ink tracking-[-0.01em] mb-4">Source tiers</h2>
          <p className="text-base text-ink/80 leading-relaxed mb-5">
            Every fact on a public page carries one of three badges. Tier D — social leads — never renders
            publicly; it lives in our editorial queue.
          </p>
          <ul className="space-y-4">
            <li className="flex items-start gap-4">
              <TierBadge tier="A" />
              <span className="text-sm text-ink/80 leading-relaxed">
                <strong>Government record.</strong> Assessor parcel data, recorded deeds, building permits.
              </span>
            </li>
            <li className="flex items-start gap-4">
              <TierBadge tier="B" />
              <span className="text-sm text-ink/80 leading-relaxed">
                <strong>Archive.</strong> Sanborn maps, HABS/HAER, library special collections, museum holdings.
              </span>
            </li>
            <li className="flex items-start gap-4">
              <TierBadge tier="C" />
              <span className="text-sm text-ink/80 leading-relaxed">
                <strong>Verified secondary.</strong> Architect monographs, dated newspaper articles, historical
                society publications.
              </span>
            </li>
          </ul>
        </section>

        <section>
          <h2 className="font-display text-3xl text-ink tracking-[-0.01em] mb-4">The 1978–1984 anchor</h2>
          <p className="text-base text-ink/80 leading-relaxed">
            Rental projections do not use a flat 3% inflation assumption. They&rsquo;re anchored to the observed
            shape of the LA County 1978-1984 cycle — first leg up (+18%/yr), rate-shock stall (-12%), recovery
            (+19%) — pulled directly from FRED&rsquo;s LA County HPI series. Every projection on screen carries
            its anchor window and a confidence dot. We will not display a forecast without showing what
            historical cycle it&rsquo;s anchored to.
          </p>
        </section>

        <section>
          <h2 className="font-display text-3xl text-ink tracking-[-0.01em] mb-4">Beverly Hills, then onward</h2>
          <p className="text-base text-ink/80 leading-relaxed">
            We start with Beverly Hills because the city publishes its permit feed nightly, the public library
            holds an unusual depth of architectural archives, and Sanborn coverage is dense for the era we care
            about. From there: West Hollywood, Hollywood, broader LA County, then Santa Monica and the
            Westside. The product expands in concentric rings, not by national rollout.
          </p>
        </section>

        <section>
          <h2 className="font-display text-3xl text-ink tracking-[-0.01em] mb-4">If your address is here</h2>
          <p className="text-base text-ink/80 leading-relaxed">
            You can{' '}
            <Link href="/submit" className="underline-offset-2 hover:underline text-coral">
              claim it
            </Link>{' '}
            for free and add photos, private notes, and home records. The historical ledger remains
            independent — your edits live alongside it, never on top of it.
          </p>
        </section>

        <section>
          <h2 className="font-display text-3xl text-ink tracking-[-0.01em] mb-4">If you&rsquo;re selling or hosting it</h2>
          <p className="text-base text-ink/80 leading-relaxed">
            You can{' '}
            <Link href="/promote" className="underline-offset-2 hover:underline text-coral">
              promote
            </Link>{' '}
            your current Zillow / Redfin / Airbnb listing on top of the page for $29/mo. The placement is
            visually walled off, source-logo&rsquo;d, and never written into the historical record.
          </p>
        </section>
      </article>
    </>
  );
}