Floating Icon Sextet Features Block for React

Edit FEATURES at the top of the file: a name, a sentence, a Lucide icon, the link's words and lift, two margin classes that set the tile's height above the floor on a phone and from lg. Change the lifts to reshape the wave. Keep the count a multiple of six, three or two so the rows fill.

When the cell is hovered, or when its link has focus, the tile moves up by about 6 pixels and the shadow shrinks, with a CSS transition. A tap on a touch screen hovers the cell too. The tiles and the stage are decorative and hidden from assistive technology; the lift is only a flourish.

Each link is a plain anchor (href="#") whose words say where it goes: "Browse versions", "Set up sync". Point each at its own page. The arrow mirrors in right-to-left.

With reduced motion the lift and the shadow's change are off; the tiles simply stay at their heights. The header and the stage fade up once on load otherwise.

Two cells across, three rows. The tiles stagger: the first column sits high and the second low, and the stage is shorter. Nothing scrolls sideways at 320 pixels.

Yes. The tiles are card-coloured with a hairline ring and a faint shadow, the floor shadow is the foreground colour at 10%, and every text is a theme token, so it reads the same in light and dark.