Tattoo studio website
A tattoo studio site: a neon sign hero, works filtered by style with a lightbox, polaroid artists, how a session goes, figures, a price calculator, reviews years later, about the studio and sterility, FAQ, a three-step booking, contacts and a footer. Always dark: magenta, violet and cyan.
A site that removes doubts before a first session: work by style, the artists, how a session goes, what it costs, how hygiene is handled and what clients say years later. The page ends with three-step booking. The studio in the demo is fictional.
What it is made of
13 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Header
Neon side rail navigation with a phone docknavbar-024
A neon logo, laser underlines, an “open slots” status.
2. First screen
Neon sign hero with a photo and a cursor glowhero-024
A sign lighting up letter by letter, a grainy photo, a cursor glow.
3. Works
Works with a filter, colour reveal and a lightboxportfolio-007
A style filter, b/w → colour on hover, a lightbox with the story.
4. Artists
Polaroid artists with neon frames and a flippeople-009
Neon-framed polaroids that flip to the works.
5. How it goes
Steps along a neon line with a running pulseprocess-001
Five steps along a line with a running pulse.
6. In numbers
Numbers as neon rings with countersstats-001
Neon rings and counters.
7. Pricing
Price calculator by size and zone with packagespricing-022
A size-and-zone calculator, three packages.
8. Reviews
Coverflow reviews with healed-work photostestimonials-019
A coverflow carousel with healed-work photos.
9. About
About the studio with a neon phrase and parallax photosabout-010
A manifesto, sterility, documents, parallax photos.
10. FAQ
FAQ with a neon line on the open itemfaq-019
An accordion with a neon line on the open item.
11. Booking
Three-step booking with a neon steppercontact-017
Three steps: artist and zone, date, idea; a summary on the right.
12. Contacts
Neon OPEN sign with a phone and messengerscta-020
An OPEN sign, phone, messengers.
13. Footer
Footer with a neon line, 18+ and the licencefooter-023
Address, hours, socials, 18+ and the licence.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PROFAQ
- What is the “Tattoo studio website” page made of?
- 13 catalog sections in order: Neon side rail navigation with a phone dock, Neon sign hero with a photo and a cursor glow, Works with a filter, colour reveal and a lightbox, Polaroid artists with neon frames and a flip, Steps along a neon line with a running pulse, Numbers as neon rings with counters, Price calculator by size and zone with packages, Coverflow reviews with healed-work photos, About the studio with a neon phrase and parallax photos, FAQ with a neon line on the open item, Three-step booking with a neon stepper, Neon OPEN sign with a phone and messengers, Footer with a neon line, 18+ and the licence. Each one is a separate VibeUI item.
- How do I build this page with an AI agent?
- Press “Copy the scenario for AI” and paste it into Cursor or Claude Code: the agent gets the page source, shared theme rules and image prompts, and installs every section from the registry with the shadcn CLI.
- Is the scenario free?
- The live demo and the list of sections are open to everyone. The page source and the instruction for the agent come with PRO.