Blog Card Grid

import BlogCardGrid from "@/components/blocks/blog-card-grid"

export default function BlogCardGridDemo() {
  return (
    <BlogCardGrid
      // Update section copy and posts.
      title="From the blog"
      description="Thinking out loud about design systems, component architecture, and shipping fast."
      posts={[
        {
          title: "The case for opinionated defaults",
          excerpt: "Start with strong opinions, then let users override. It's faster than consensus.",
          author: "Design Systems",
          date: "Jan 15, 2026",
          imageUrl:
            "https://images.unsplash.com/photo-1487017159836-4e23ece2e4cf?auto=format&fit=crop&w=900&q=80",
          href: "/docs",
        },
        {
          title: "Color tokens that actually scale",
          excerpt: "Building token hierarchies that work across light, dark, and custom themes.",
          author: "Frontend Engineering",
          date: "Jan 22, 2026",
          imageUrl:
            "https://images.unsplash.com/photo-1487611459768-bd414656ea10?auto=format&fit=crop&w=900&q=80",
          href: "/docs",
        },
        {
          title: "From prototype to production in a weekend",
          excerpt: "How small teams use pre-built blocks to ship real pages without the burnout.",
          author: "Product",
          date: "Feb 03, 2026",
          imageUrl:
            "https://images.unsplash.com/photo-1483058712412-4245e9b90334?auto=format&fit=crop&w=900&q=80",
          href: "/docs",
        },
      ]}
    />
  )
}