Barber Shop Landing Page
Built for Holt, the sample brand inside the template
A barber shop landing page whose hero is a haircut you play by scrolling: a barber mid-cut fills the screen, and the fade appears under your thumb.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund. · Want it for your own barber shop?
What to charge$1,500–3,000 for the one-page site with their photos and pricesTypical freelance range for independent barber shops and men's grooming studios with 1–6 chairs, usually running on an Instagram page and a booking link. Not a promise of income · Selling to barber shops
How it moves
A full-screen studio shot of a barber mid-cut on pale grey seamless paper, under two lines of heavy extended white caps (The Best Cuts / in Brooklyn.) and one square Book Now button. The section pins and scrolling plays the haircut: the clippers run up the side, the fade appears, the client opens his eyes; the caps lift away and a white Skin Fade · 25 min · $52 tag settles beside the finished cut. Then: 12 Years of Holt, a motion-blurred photo of the barbers that keeps drifting with the scroll; a giant word index whose photos wipe in on hover; the price list as one ruled table with a column per barber under studio portraits; What We Do Best, three cuts edge to edge opening from a slit; and the close on black, Give Us / A Shout around a reshuffling contact sheet of customers over the shopfront at dusk, its name lighting up on the sign. All copy, image slots and the film's files sit in one content file, the palette and font in one theme file.
What you get
- A tested build prompt · 10.7k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Sell this site
- Who buys it
- independent barber shops and men's grooming studios with 1–6 chairs, usually running on an Instagram page and a booking link
- What to charge
- $1,500–3,000 for the one-page site with their photos and prices
- Find them on Google Maps
- ••••••••••••••••••••••••••••••
- The 30-second call pitch
- “Hi, I build websites for … I looked you up on Maps … Can I send you a two-minute video of it?”
- What the client supplies
- Photos, prices, hours, logo, and which slot each one replaces.
- The upsell
- The second thing to sell them after launch.
Inside the prompt
A one-page barber shop site whose hero is a haircut you play by scrolling. A full-screen studio shot of a barber mid-cut sits under two lines of giant extended caps ("The Best Cuts / in Brooklyn.") and one square Book Now button. The section pins, and as you scroll the film plays under your thumb: the clippers run up the side, the fade appears, the client opens his eyes. The caps lift away and a white tag settles beside the finished cut: Skin Fade · 25 min · $52.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
