Replace the Valerius Doom Persona with Your Own

// assets/main.js — hero h1
e.jsxs("h1", {
  className: "font-serif text-5xl md:text-7xl lg:text-8xl font-bold tracking-tighter text-bone text-glow",
  children: [
    e.jsx("span", {
      className: "block text-violet text-glow-violet mb-2 text-3xl md:text-5xl italic font-normal",
      children: "The workings of"  // ← replace this superscript line
    }),
    "VALERIUS DOOM"               // ← replace with your name
  ]
})

// assets/main.js — hero tagline
e.jsx("p", {
  className: "font-accent text-2xl md:text-3xl text-amber max-w-2xl mx-auto",
  children: "Currently accepting commissions for moderately cursed software."
  //         ↑ replace with your own one-liner
})

// assets/main.js — bio string
const n = "I am a digital practitioner specializing in the arcane arts of frontend " +
  "engineering. I bind chaotic data into structured, beautiful forms. My rituals " +
  "involve strict typing, component isolation, and obsessive performance tuning. " +
  "I do not write code; I cast intentions into the machine.";

// assets/main.js — Affinities list items
e.jsx("li", { children: "React & Next.js" }),
e.jsx("li", { children: "TypeScript" }),
e.jsx("li", { children: "WebGL / Three.js" }),
e.jsx("li", { children: "Framer Motion" }),

// assets/main.js — Bane list items
e.jsx("li", { children: "Internet Explorer" }),
e.jsx("li", { children: "Un-typed JavaScript" }),
e.jsx("li", { children: "Scope Creep" }),

// components/Navigation.js — navLinks array
const Tp = [
  { path: "/",           label: "The Circle"  },
  { path: "/about",      label: "Practitioner" },
  { path: "/projects",   label: "Spells Cast"  },
  { path: "/skills",     label: "Cauldron"     },
  { path: "/experience", label: "Pacts"        },
  { path: "/contact",    label: "Summoning"    },
];

// assets/main.js — experience data array
const O = [
  {
    id: 1,
    role: "Senior Spellcrafter",
    company: "Tech Coven Inc.",
    period: "2021 - Present",
    description: "Lead architect for the main summoning portal. Reduced load times by 40% through aggressive caching rituals and optimised asset delivery.",
  },
  {
    id: 2,
    role: "Frontend Alchemist",
    company: "Startup Hex",
    period: "2018 - 2021",
    description: "Transmuted legacy jQuery spaghetti into a pristine React application. Established the company's first design system, 'The Grimoire'.",
  },
  {
    id: 3,
    role: "Apprentice Developer",
    company: "Digital Guild",
    period: "2016 - 2018",
    description: "Maintained WordPress monoliths. Learned the dark arts of CSS floats and IE11 compatibility. Survived.",
  },
];

// assets/main.js — projects array
const R = [
  {
    title: "Grimoire.js",
    subtitle: "Documentation Generator",
    description: "A tool that parses your chaotic codebase and generates beautiful, readable documentation that looks like ancient manuscripts. Includes automated dependency graphing.",
    ingredients: ["React", "AST Parsing", "Tailwind"],
    link: "#",
  },
  {
    title: "Soul Catcher",
    subtitle: "Analytics Dashboard",
    description: "Privacy-first analytics that tracks user intent rather than identity. Visualises traffic as flowing ethereal energy streams across a dark map.",
    ingredients: ["Next.js", "D3.js", "PostgreSQL"],
    link: "#",
  },
  {
    title: "Alchemist's Forge",
    subtitle: "Component Library",
    description: "A highly accessible, headless component library for building complex interfaces. Focuses on keyboard navigation and screen reader support.",
    ingredients: ["TypeScript", "Radix UI", "Framer Motion"],
    link: "#",
  },
  {
    title: "Divination API",
    subtitle: "Predictive Search",
    description: "A fast, edge-hosted search API that predicts what users are looking for before they finish typing, using lightweight ML models.",
    ingredients: ["Rust", "Redis", "Cloudflare Workers"],
    link: "#",
  },
];

// assets/main.js — skills array
const y = [
  { id: "react",  name: "React Essence",    color: "#61DAFB", level: 90 },
  { id: "ts",     name: "TypeScript Root",  color: "#3178C6", level: 85 },
  { id: "css",    name: "Tailwind Extract", color: "#38B2AC", level: 95 },
  { id: "node",   name: "Node.js Spores",   color: "#339933", level: 75 },
  { id: "motion", name: "Framer Dust",      color: "#FF0055", level: 80 },
];