Home Work

1import { ArrowRight, ArrowUpRight } from "lucide-react"
2import Link from "next/link"
3 
4/**
5 * Edit PROJECTS to swap case studies. Matches docs Home Work band.
6 */
7const CONTENT = {
8  stamp: "Selected work",
9  headlineBefore: "Projects that",
10  headlineAccent: "shipped",
11  headlineAfter: ".",
12  allHref: "/work",
13  allLabel: "All case studies",
14}
15 
16const PROJECTS = [
17  {
18    industry: "Studio product",
19    type: "In-house product",
20    meta: "Shipped · Free tool",
21    title: "OG Image Generator - free AI social cards",
22    challenge:
23      "Indie makers still ship bland default OG images - or burn an afternoon in Figma for a 1200×630 card.",
24    href: "/og",
25    hrefLabel: "Open tool",
26    outcomeLabel: "Outcome",
27    outcomeValue: "1200×630",
28    outcomeDetail: "Exact Open Graph canvas · free · no watermark",
29    featured: true,
30  },
31  {
32    industry: "Developer tools",
33    type: "MVP Sprint",
34    meta: "7 days · Fixed price",
35    title: "B2B SaaS MVP shipped in 7 days",
36    challenge:
37      "Validated demand through a waitlist; needed auth, billing, and core workflow before a hard deadline.",
38    href: "/work",
39    hrefLabel: "Read case study",
40    outcomeLabel: "Time to launch",
41    outcomeValue: "7 days",
42    featured: false,
43  },
44  {
45    industry: "Creator tools",
46    type: "AI Integration",
47    meta: "2 weeks · From $2,400",
48    title: "Streaming AI feature in an existing app",
49    challenge:
50      "Bolt-on chatbot UX was tanking retention. Needed cost-aware streaming with guardrails.",
51    href: "/work",
52    hrefLabel: "Read case study",
53    outcomeLabel: "Activation",
54    outcomeValue: "+28%",
55    featured: false,
56  },
57  {
58    industry: "Agency",
59    type: "Design System",
60    meta: "3 weeks · From $3,600",
61    title: "Dark-first design system for a product team",
62    challenge:
63      "Three products, three visual languages. Needed tokens and components that scale.",
64    href: "/work",
65    hrefLabel: "Read case study",
66    outcomeLabel: "Components",
67    outcomeValue: "40+",
68    featured: false,
69  },
70]
71 
72export function HomeWork() {
73  const featured = PROJECTS.find((p) => p.featured) ?? PROJECTS[0]!
74  const rest = PROJECTS.filter((p) => p !== featured)
75 
76  return (
77    <section className="border-t border-border-subtle">
78      <div className="border-b border-border-subtle">
79        <div className="mx-auto flex max-w-7xl flex-col gap-6 border-x border-border-subtle px-6 py-12 sm:flex-row sm:items-end sm:justify-between sm:px-10 sm:py-16">
80// … truncated