Chocoloco.

Chocoloco's menu spans crepes, ice cream, drinks and seasonal items across two Bucharest locations, and earlier attempts at the site flattened that into a single list. v3 needed a structure that actually matched how the menu is organized in the cafe.

Some menu sections are flat lists of items, others split into sub-categories of their own. A menu component built for one shape breaks on the other: either flat sections get a pointless empty category tab, or nested sections lose their sub-structure and dump every item into one list.

The menu data model is a nested taxonomy, not a flat list: each top-level section can optionally carry its own categories map. The menu page checks which shape a section has before rendering, falling back to a flat items array when there's no sub-category to branch into. Two independent pieces of state, the active section and the active category within it, drive the view, and the category resets whenever the section changes.

The visual polish layer, chocolate drip overlays, a liquid blob background, candy sparkle and pistachio dust effects, is built as small, independent Framer Motion components sharing one custom ease curve, rather than one large animation system.