Divider Separated Post List

1import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
2import { Badge } from "@/components/ui/badge"
3import { Button } from "@/components/ui/button"
4import { Separator } from "@/components/ui/separator"
5import { IconPlaceholder } from "@/components/icons/icon-placeholder"
6 
7const posts = [
8  {
9    category: "Engineering",
10    title: "Migrating 40 million rows to a new schema without downtime",
11    excerpt:
12      "Zero-downtime migrations sound impossible at scale, until you break them into reversible, backfill-first steps. Here is the playbook we used to move our largest table live in production.",
13    author: {
14      name: "James Okafor",
15      initials: "JO",
16      avatar: "https://i.pravatar.cc/150?u=james-okafor",
17    },
18    date: "Jun 12, 2026",
19    readTime: "9 Min Read",
20    featured: true,
21  },
22  {
23    category: "Design",
24    title: "Why we ditched our icon font and never looked back",
25    excerpt:
26      "Icon fonts were convenient in 2014. Today they introduce accessibility gaps, inconsistent rendering, and painful bundle overhead. We switched to inline SVGs and measured every tradeoff.",
27    author: {
28      name: "Priya Nair",
29      initials: "PN",
30      avatar: "https://i.pravatar.cc/150?u=priya-nair",
31    },
32    date: "May 30, 2026",
33    readTime: "6 Min Read",
34    featured: false,
35  },
36  {
37    category: "Security",
38    title: "How we responded to a third-party supply-chain incident",
39    excerpt:
40      "When a dependency we trusted was compromised upstream, we had 90 minutes to assess impact, isolate affected services, and communicate clearly with customers. A candid post-mortem.",
41    author: {
42      name: "Tobias Schulz",
43      initials: "TS",
44      avatar: "https://i.pravatar.cc/150?u=tobias-schulz",
45    },
46    date: "May 19, 2026",
47    readTime: "11 Min Read",
48    featured: false,
49  },
50  {
51    category: "Culture",
52    title: "Async-first does not mean no meetings, it means intentional ones",
53    excerpt:
54      "We went fully async two years ago and learned that the hard problems were never about time zones. They were about trust, decision ownership, and knowing when synchronous is worth the cost.",
55    author: {
56      name: "Amara Diallo",
57      initials: "AD",
58      avatar: "https://i.pravatar.cc/150?u=amara-diallo",
59    },
60    date: "May 5, 2026",
61    readTime: "7 Min Read",
62    featured: false,
63  },
64  {
65    category: "Product",
66    title: "Shipping a feature in three languages on day one",
67    excerpt:
68// … truncated