1
// content/about.mdx
2
// Edit this file to customize your About page — no React knowledge needed.
3
//
4
// Resume file:
5
//   Drop your CV at  public/resume.pdf  (Next.js serves /public at the site root,
6
//   so the file becomes accessible at  /resume.pdf  — same value passed to cvHref).
7
//   Rename freely; just keep cvHref in sync (e.g. cvHref="/erik-yun-cv.pdf").
8
9
<ProfileHero
10
  name="Erik Yun"
11
  title="Full-Stack Developer"
12
  location="Remote"
13
  email="erik.yun@example.com"
14
  links={[{ label: "LinkedIn", href: "#" }, { label: "GitHub", href: "#" }]}
15
  bio="Full-Stack Developer with experience building modern web applications. Skilled in React, Next.js, Node.js, and cloud technologies. Passionate about clean code and scalable architecture."
16
  cvHref="/resume.pdf"  // → public/resume.pdf
17
/>
18
19
<OpportunityCard
20
  title="Open to Opportunities"
21
  description="Looking for a full-time remote position. Feel free to reach out."
22
  email="erik.yun@example.com"
23
  calLink="https://cal.com/erik-yun"
24
/>
25
26
<SkillsGrid skills={[
27
  { category: "Frontend", items: ["React", "Next.js", "TypeScript", "Tailwind CSS"] },
28
  { category: "Backend", items: ["Node.js", "Express.js", "Python"] },
29
  { category: "Databases", items: ["PostgreSQL", "MongoDB", "Redis"] },
30
  { category: "Infrastructure", items: ["AWS", "Docker", "CI/CD", "GitHub Actions"] },
31
]} />
32
33
<ExperienceList
34
  skills={[
35
    { category: "Frontend", items: ["React", "Next.js", "TypeScript", "Tailwind CSS"] },
36
    { category: "Backend", items: ["Node.js", "Express.js", "Python"] },
37
    { category: "Databases", items: ["PostgreSQL", "MongoDB", "Redis"] },
38
    { category: "Infrastructure", items: ["AWS", "Docker", "CI/CD", "GitHub Actions"] },
39
  ]}
40
  experiences={[
41
    {
42
      title: "Senior Full-Stack Developer",
43
      company: "Tech Company Inc.",
44
      location: "Remote",
45
      period: "2022 – Present",
46
      bullets: [
47
        "Led development of enterprise web applications using Next.js and Node.js",
48
        "Managed a team of developers and implemented CI/CD pipelines",
49
      ],
50
      technologies: ["Next.js", "TypeScript", "PostgreSQL", "Docker", "AWS"],
51
    },
52
    {
53
      title: "Full-Stack Developer",
54
      company: "Digital Agency Co.",
55
      location: "Remote",
56
      period: "2020 – 2022",
57
      bullets: [
58
        "Developed and maintained e-commerce platforms and content management systems",
59
        "Handled multiple client projects from design to deployment",
60
      ],
61
      technologies: ["React", "Node.js", "MongoDB", "AWS"],
62
    },
63
  ]}
64
/>
65
66
<EducationGrid
67
  education={[{ degree: "B.Sc. Computer Science", period: "2014 – 2018" }]}
68
  certifications={[
69
    { name: "AWS Solutions Architect", issuer: "Amazon Web Services" },
70
  ]}
71
/>
72
73
// Usage:
74
// 1. Edit the props above to replace with your own data
75
// 2. Drop your CV at public/resume.pdf (or any name — update cvHref to match)
76
// 3. Add or remove sections as needed
77
// 4. Each component handles its own layout and styling