Resume

1import type { ReactNode } from "react"
2import {
3  Briefcase,
4  Building2,
5  Code2,
6  GraduationCap,
7  Mail,
8  MapPin,
9  Phone,
10} from "lucide-react"
11 
12import { cn } from "@/lib/utils"
13 
14/** Edit this blob after install — printable via `.resume-print`. */
15const CONTENT = {
16  name: "Your Name",
17  title: "Product engineer",
18  summary:
19    "Designer-engineer who ships calm interfaces and durable systems. Comfortable across product, frontend, and delivery.",
20  email: "hello@example.com",
21  phone: "+1 555 000 0000",
22  location: "Remote",
23  experience: [
24    {
25      role: "Founding Engineer",
26      company: "Example Studio",
27      period: "2024 — Present",
28      description: [
29        "Owned end-to-end product delivery for client MVPs.",
30        "Built reusable UI systems and host-bound tools.",
31      ],
32    },
33    {
34      role: "Frontend Engineer",
35      company: "Acme",
36      period: "2022 — 2024",
37      description: [
38        "Shipped design-system primitives used across web apps.",
39        "Improved Core Web Vitals and accessibility baselines.",
40      ],
41    },
42  ],
43  education: [
44    {
45      degree: "B.S. Computer Science",
46      school: "State University",
47      year: "2022",
48    },
49  ],
50  skills: ["TypeScript", "React", "Next.js", "Design systems", "Product"],
51  projects: [
52    {
53      title: "Personal site kit",
54      description: "Narrow chrome and indie home sections for AtroUI.",
55      href: "https://www.atroui.com",
56    },
57    {
58      title: "Studio tools",
59      description: "OG, scope, and thumbnail demos.",
60      href: "https://www.atroui.com/docs",
61    },
62  ],
63}
64 
65export function Resume({
66  name = CONTENT.name,
67  title = CONTENT.title,
68  summary = CONTENT.summary,
69  email = CONTENT.email,
70  phone = CONTENT.phone,
71  location = CONTENT.location,
72  experience = CONTENT.experience,
73  education = CONTENT.education,
74  skills = CONTENT.skills,
75  projects = CONTENT.projects,
76  className,
77}: {
78  name?: string
79  title?: string
80  summary?: string
81  email?: string
82  phone?: string
83  location?: string
84  experience?: Array<{
85    role: string
86    company: string
87    period: string
88    description: string[]
89  }>
90  education?: Array<{ degree: string; school: string; year: string }>
91  skills?: string[]
92  projects?: Array<{ title: string; description: string; href?: string }>
93  className?: string
94} = {}) {
95  return (
96    <div
97      className={cn(
98        "resume-print overflow-hidden rounded-[10px] border border-border-subtle bg-background",
99        className
100// … truncated