;; SX docs — home page components
(defcomp (&key &rest children)
  (div (~tw :tokens "max-w-4xl mx-auto px-6 py-16 text-center")
    (h1 (~tw :tokens "text-5xl font-bold text-stone-900 mb-4")
      (span (~tw :tokens "text-violet-600 font-mono") "(<sx>)"))
    (p (~tw :tokens "text-2xl text-stone-600 mb-4")
      "The framework-free reactive hypermedium")
    (p (~tw :tokens "text-sm text-stone-400")
      "© Giles Bradshaw 2026")
    (p (~tw :tokens "text-lg text-stone-500 max-w-2xl mx-auto mb-12")
      "(sx === code === data === protocol === content === behaviour === layout === style === spec === sx)")
    (div (~tw :tokens "bg-stone-100 rounded-lg p-6 text-left font-mono text-sm mx-auto max-w-2xl")
      (pre (~tw :tokens "leading-relaxed whitespace-pre-wrap") children))))
