page About {
  seo {
    title = "About"
    description = "Learn how web is built with WrNexus."
  }

  view {
    <main class="min-h-screen bg-white px-6 py-20 text-slate-900 dark:bg-[#0b0f1e] dark:text-slate-100">
      <article class="mx-auto max-w-2xl">
        <a href="/" class="text-sm text-indigo-600 hover:underline dark:text-indigo-400">← Home</a>
        <p class="mt-12 font-mono text-xs uppercase tracking-[0.2em] text-indigo-500">WrNexus application</p>
        <h1 class="mt-4 text-4xl font-bold tracking-tight">About web</h1>
        <p class="mt-6 text-lg leading-8 text-slate-600 dark:text-slate-400">
          This page is server-rendered from <code>app/pages/about.wrn</code>. Add state,
          events, components, APIs, and data without switching to another UI framework.
        </p>
      </article>
    </main>
  }
}
