Blog Section One

1import type { ComponentProps } from 'react'
2import { ArrowRight } from 'lucide-react'
3 
4import { cn } from '@/lib/utils'
5 
6export type WritingArchiveItem = {
7  title: string
8  href: string
9  date: string
10  dateTime: string
11  description?: string
12  category?: string
13  readingTime?: string
14}
15 
16export type WritingArchiveGroup = {
17  year: string
18  items: readonly WritingArchiveItem[]
19}
20 
21export type BlogSectionSixContent = {
22  eyebrow: string
23  heading: string
24  description: string
25}
26 
27export type BlogSectionSixProps = Omit<ComponentProps<'section'>, 'children' | 'content'> & {
28  content?: BlogSectionSixContent
29  groups?: readonly WritingArchiveGroup[]
30}
31 
32const defaultBlogContent: BlogSectionSixContent = {
33  eyebrow: 'Writing archive',
34  heading: 'Notes on building clearer products.',
35  description:
36    'Practical observations from product work, design reviews, releases, and the systems that support them.',
37}
38 
39const defaultGroups: readonly WritingArchiveGroup[] = [
40  {
41    year: '2026',
42    items: [
43      {
44        title: 'Designing interfaces with fewer decisions',
45        href: '#fewer-decisions',
46        date: 'Jul 18',
47        dateTime: '2026-07-18',
48        description:
49          'A practical approach to removing choices that do not help someone move forward.',
50        category: 'Design',
51        readingTime: '6 min',
52      },
53      {
54        title: 'Release notes are part of the product',
55        href: '#release-notes',
56        date: 'Jun 04',
57        dateTime: '2026-06-04',
58        description: 'How a small editorial system keeps customer communication close to the work.',
59        category: 'Product',
60        readingTime: '5 min',
61      },
62      {
63        title: 'What changed in the workspace navigation',
64        href: '#workspace-navigation',
65        date: 'Apr 22',
66        dateTime: '2026-04-22',
67        category: 'Changelog',
68        readingTime: '3 min',
69      },
70    ],
71  },
72  {
73    year: '2025',
74    items: [
75      {
76        title: 'A case for quieter project dashboards',
77        href: '#quieter-dashboards',
78        date: 'Nov 13',
79        dateTime: '2025-11-13',
80        description: 'Choosing a smaller set of signals made weekly planning easier to trust.',
81        category: 'Case study',
82        readingTime: '8 min',
83      },
84      {
85        title: 'Documentation updates for version 2.4',
86        href: '#documentation-24',
87        date: 'Sep 08',
88        dateTime: '2025-09-08',
89        category: 'Documentation',
90        readingTime: '4 min',
91      },
92// … truncated