Articles 3

---
import Articles3Block from "@/components/blocks/articles-3.astro"
import avatarSil from "@/assets/avatar-sil-veltman.webp"
import placeholderImage from "@/assets/placeholder.webp"
---

<Articles3Block
  title="All articles"
  articles={[
    {
      image: {
        src: placeholderImage,
        alt: "Release notes story image",
      },
      category: "Docs",
      title: "Designing better release notes",
      description:
        "This row-based listing works well when the article page itself carries most of the visual drama.",
      author: {
        image: avatarSil,
        initials: "SV",
        name: "Sil Veltman",
        date: "May 5, 2026",
      },
    },
    {
      image: {
        src: placeholderImage,
        alt: "Launch pages story image",
      },
      category: "Launch",
      title: "A content system for launch pages",
      description:
        "Horizontal cards give each article equal weight while staying scannable.",
      author: {
        image: avatarSil,
        initials: "JD",
        name: "Jane Doe",
        date: "Apr 30, 2026",
      },
    },
    {
      image: {
        src: placeholderImage,
        alt: "Reusable sections story image",
      },
      category: "Guide",
      title: "Working with reusable sections",
      description:
        "Learn how section primitives reduce duplication across editorial layouts.",
      author: {
        image: avatarSil,
        initials: "MR",
        name: "Mark Reed",
        date: "Apr 22, 2026",
      },
    },
    {
      image: {
        src: placeholderImage,
        alt: "Editorial layouts story image",
      },
      category: "Essay",
      title: "The case for wider editorial layouts",
      description:
        "Why content-first teams are moving away from narrow single-column designs.",
      author: {
        image: avatarSil,
        initials: "AL",
        name: "Amy Lin",
        date: "Apr 15, 2026",
      },
    },
  ]}
/>