Experience 01

1import { CodeXmlIcon, LightbulbIcon } from "lucide-react"
2 
3import type { ExperienceItemType } from "@/registry/transformed/components/work-experience"
4import { WorkExperience } from "@/registry/transformed/components/work-experience"
5 
6export function Experience01() {
7  return (
8    <div className="max-w-screen overflow-x-clip">
9      <div className="container mx-auto px-4">
10        <div className="border-x border-line py-8">
11          <h2 className="screen-line-top screen-line-bottom ml-4 font-heading text-3xl font-medium tracking-tight">
12            Experience
13          </h2>
14 
15          <WorkExperience
16            className="bg-transparent *:screen-line-bottom"
17            experiences={EXPERIENCE}
18          />
19        </div>
20      </div>
21    </div>
22  )
23}
24 
25const EXPERIENCE: ExperienceItemType[] = [
26  {
27    id: "shadcncraft",
28    companyName: "shadcncraft",
29    companyLogo: "https://assets.chanhdai.com/images/companies/shadcncraft.svg",
30    companyWebsite: "https://shadcncraft.com?atp=ncdai",
31    positions: [
32      {
33        id: "1",
34        title: "Design Engineer",
35        employmentPeriod: {
36          start: "01.2026",
37        },
38        employmentType: "Full-time",
39        icon: <CodeXmlIcon />,
40        description:
41          "- Work on the registry and React component library.\n- Design and build Pro application components and blocks, from Figma to production-ready React.",
42        skills: [
43          "TypeScript",
44          "Next.js",
45          "Tailwind CSS",
46          "shadcn/registry",
47          "Figma",
48        ],
49        isExpanded: true,
50      },
51    ],
52    isCurrentEmployer: true,
53  },
54  {
55    id: "quaric",
56    companyName: "Quaric",
57    companyLogo: "https://assets.chanhdai.com/images/companies/quaric.svg",
58    companyWebsite: "https://quaric.com",
59    positions: [
60      {
61        id: "2",
62        title: "Design Engineer",
63        employmentPeriod: {
64          start: "03.2024",
65        },
66        employmentType: "Part-time",
67        icon: <CodeXmlIcon />,
68        description: `- Integrated VNPAY-QR for secure transactions.
69- Registered the e-commerce site with [online.gov.vn](https://online.gov.vn) for compliance.
70- Developed online ordering to streamline purchases.
71- Build and maintain ZaDark.com with Docusaurus, integrating AdSense.
72- Develop and maintain the ZaDark extension for Zalo Web on Chrome, Safari, Edge, and Firefox — with 15,000+ active users via Chrome Web Store.`,
73        skills: [
74          "Next.js",
75          "Strapi",
76// … truncated