Fadeaway

Fadeaway isn't a real shop. It's one page with services and prices, hours, barbers, reviews, the location, questions and a contact form. No booking, no accounts, no database, because that's the Standard. A bar across the top says it's an example and shows exactly what's included and what costs more.

Telling someone what a Starter includes only goes so far. So I built one, with the same rules a real client gets: its own look, real-feeling details, and nothing a $600 site doesn't include. Your site gets its own design, not this one. Fadeaway is just the proof.

The top of the page is a wall of photo stickers, one per service, each with its price and how long it takes. Drag them around, or hit Tidy up and they fly into a taped paper price list. Same info, two ways to read it. On a phone it starts as the list.

Everything a walk-in shop gets asked about, on one page.

• Services and prices, with how long each one takes
• Open or closed right now from a live Houston clock, plus who's in today
• Three barbers. Pick one and the cuts below show his work first
• Reviews you tap to read in full, and a slim bar with the hours and a Call button
• Hours, parking and a map
• Questions we get at the counter
• A contact form. Here it says it's a demo; on a real site it emails the shop

Seven rounds. Nine rough directions, then real research, then six working pages, then seven complete ones, narrowing down until one won. Orange on a warm charcoal, with the sticker wall carrying down the whole page. A couple of the runners-up are saved for future sites.

The page reads the time in Houston, so it changes through the day: open or closed, today's hours, who's working. A button in the example bar jumps to other times, like a Saturday morning or after closing, so you can see it without waiting.

Next.js and TypeScript, plain CSS, GSAP for the Tidy up move and Lenis for the smooth scroll. One static page, so it loads fast. It's hidden from Google on purpose, since the shop isn't real. Photos are free Unsplash photos.