---
import BaseLayout from '../layouts/BaseLayout.astro';
import { buildOgImage, buildBreadcrumbs, absoluteUrl } from '../lib/seo';

const description =
  'About Unique — a small, one-person blog cataloguing delightful, unusual, well-made things.';

const ogImage = buildOgImage(undefined, 'site', 'About Unique');

const aboutPage: Record<string, unknown> = {
  '@context': 'https://schema.org',
  '@type': 'AboutPage',
  '@id': absoluteUrl('/about/#about'),
  name: 'About — Unique',
  description,
  url: absoluteUrl('/about/'),
  inLanguage: 'en-US',
  about: {
    '@type': 'Person',
    name: 'rzen',
    url: absoluteUrl('/about/'),
  },
};

const breadcrumbs = buildBreadcrumbs([
  { name: 'Home', url: '/' },
  { name: 'About', url: '/about/' },
]);
---

<BaseLayout
  title="About"
  description={description}
  subheader="A small log of delightful things, kept for our own amusement."
  ogImage={ogImage}
  jsonLd={[aboutPage, breadcrumbs]}
>
  <article>
    <p>
      <strong>Unique</strong> is a quiet little blog that collects the small,
      well-made things that make ordinary days a bit better — the kind of
      object, app, or tool you find yourself recommending to a friend without
      thinking twice.
    </p>
    <p>
      It's run by one person, updated when there's something worth sharing,
      and indexed by topic so you can browse by interest. Nothing here is
      sponsored; some outbound links are affiliate links, which costs you
      nothing extra and helps keep the lights on.
    </p>
    <p>
      Start with the <a href="/">home page</a>, scan the
      <a href="/grid/">grid</a>, or peek at the
      <a href="/sources/">sources</a> we draw from.
    </p>
  </article>
</BaseLayout>
