Orchard Keys. Built from one prompt.

Build a storefront hero for keyboard brand "ORCHARD KEYS" with React + Tailwind. Cream #f5f0e8, ink #241f1a, accents sage #7d9b76 and peach #e8a87c. Center: a CSS keyboard row — 9 keycaps (rounded-lg, layered box-shadow for depth, two-tone caps in the accent colors) that press themselves in sequence spelling the visible headline below: as each key dips (translateY 3px + shadow squash, 90ms), the matching letter of "THOCK." appears in the headline. Loop pauses 2s and repeats. Fonts: "Sora" 600 display, "Inter" body. Sub: "Small-batch boards, hand-lubed switches, foam you can feel in your teeth." Product chips: "SPRIG65 — €249", "PIP40 — €189", "CAPS: MEADOW SET — €89". CTA "Hear the sound test" bordered pill with a tiny speaker glyph drawn in CSS.

keyboardtactile