---
import Layout from "../components/Layout.astro";
import Heading from "../components/Heading.astro";
import Prose from "../components/Prose.astro";
---

<Layout title="About — UINUX Blog" description="About UINUX Blog.">
  <script slot="head" type="application/ld+json" set:html={JSON.stringify({
    "@context": "https://schema.org",
    "@type": "AboutPage",
    "name": "About UINUX Blog",
    "description": "About UINUX Blog.",
    "url": new URL("/about", Astro.site).href,
    "isPartOf": {
      "@type": "WebSite",
      "name": "UINUX Blog",
      "url": Astro.site?.href,
    },
  })} />
  <section class="about">
    <Heading as="h1">About</Heading>
    <Prose>
      <p>
        UINUX Blog is a quiet place for writing about systems, design decisions,
        and the craft of building digital products with restraint.
      </p>
      <p>
        It is part of <a href="https://uinux.co">UINUX</a>, a design practice
        focused on systems over themes, clarity over complexity, and long-term
        thinking over trends.
      </p>
      <p>
        This blog exists to share ideas, not to sell. There are no newsletters,
        no pop-ups, no tracking. Just writing.
      </p>
    </Prose>
  </section>
</Layout>

<style>
  .about {
    max-width: var(--width-content);
  }
</style>