Make one web page: a set of 24 animated icons where every icon does what it's for. Dark background, a 6 x 4 grid of rounded square tiles, one white line icon per tile, all drawn by you in SVG with the same stroke width and corner style so they read as one set. The 24 icons: bell, heart, settings gear, search, paper plane, lock, mail, trash can, clock, hourglass, eye, check circle, cloud with rain, sun, flame, coffee cup, delivery truck, shopping cart, wifi, speaker, download, heartbeat line, magic wand, thumbs up. On hover each one acts out its meaning in under a second, then settles back: the bell rings, the trash lid opens, the plane takes off, the lock clicks open, the hourglass flips, the truck drives off and comes back, and so on for all 24. Make the motion feel like a well-made product icon set: small, snappy, springy. So it can be watched without a mouse, when the page opens play a demo that sets off every icon one after another in a wave, then all of them at once, about 20 seconds in all. After that, hover works. One HTML file that opens offline: no CDN links, no network requests, no image files, no image or video models. Check it in a headless browser before you finish.