Article Header

import { ArticleHeader } from '@/components/blocks/article-header'

import { ArticleHeader } from '@/components/blocks/article-header'

export default function ArticleHeaderDemo() {
  return (
    <div className="mx-auto w-full">
      <ArticleHeader
        category="Engineering"
        title="Designing calm dashboards that still surface risk"
        standfirst="When every panel flashes amber, nobody sees the fire. Meridian Ops rebuilt their incident board around progressive disclosure, fewer red badges, faster time-to-context for the engineer who just woke up."
        author="Asha Okonkwo"
        dateLabel="12 July 2026"
        readTime="8 min read"
      />
    </div>
  )
}