QUARTERS. Built from one prompt.

Build a one-screen page for barbershop "QUARTERS" with React + Tailwind. Tile #101418, cream #efe7d6, pole red #c0392b + blue #2456a8. Left edge: a CSS barber pole — a vertical rounded capsule with animated diagonal stripes (repeating-linear-gradient background-position keyframe) between two brass caps, glowing softly. Fonts: "Graduate" (or "Archivo Black") display, "Inter" body. Headline "WALK-INS. WISDOM. WARM TOWELS." — the word "WALK-INS." vibrates 1px for 300ms every 4s like a clipper buzz. Price board rows with dot leaders: "CUT ……… €28", "SKIN FADE … €32", "HOT SHAVE … €30", "THE WORKS … €55". Chair status chips: "CHAIR 1 — FREE", "CHAIR 2 — 15 MIN", "CHAIR 3 — MARCO (ALWAYS BUSY)". CTA "Grab chair 1" red pill. Bottom line: "EST. 2012 — CASH & CARDS & GOSSIP".

barberretro