/* global React */
/* Hand-drawn SVG art slots for each work item.
All animations use CSS keyframes scoped via classNames in styles.css.
Stroke colors map to currentColor (set per-item via wrapper). */
// 1) OTA — landscape mountains + phone with map navigation pin moving along a path
function ArtOTA() {
return (
);
}
// 2) Fintech — 5 watering cans tilting in sequence onto one central tree
function ArtFintech() {
return (
);
}
// 3) Live-streaming — spinning wheel + danmaku stream
function ArtLive() {
return (
);
}
// 4) Casual game — platformer with hopping character + flag
function ArtGame() {
return (
);
}
const ART_MAP = {
ota: ArtOTA,
fintech: ArtFintech,
live: ArtLive,
game: ArtGame,
};
function WorkArt({ kind }) {
const Comp = ART_MAP[kind];
if (!Comp) return null;
return (