Pirate Barber
LiveA dark, gold-trimmed website for a barbershop in Cove, Utah
Built by Caden Sorenson · Launched April 2026
What is Pirate Barber?
Pirate Barber is a barbershop in Cove, Utah run by Max, offering haircuts, shaves, and kids cuts. The shop needed a simple, professional web presence where customers could find services, hours, location, and a phone number to book.
The Website
The site is a single-page responsive website with a pirate-themed identity: a near-black background with gold and deep red accents, and Cinzel serif headings that give it an aged, engraved feel. It covers the barber, the services, and a contact section with location, phone, hours, and Instagram. Like our other client sites, the whole thing is three files with zero dependencies.
Key Features
- Service cards for the three core offerings: haircut, shave, and kids cut
- Click-to-call CTAs so mobile visitors can book with one tap
- Mobile nav with an accessible toggle (aria-expanded, Escape-to-close, focus return)
- Smooth scroll navigation between sections in about 35 lines of JavaScript total
- Contact section with location, phone, hours, and a link to the shop’s Instagram
Design
The design leans into the name: a dark #0a0a0a base, antique gold (#c9a84c) for highlights, and a deep red accent, with Cinzel for headings over a system-font body. CSS custom properties hold the whole palette, so the theme is adjustable from one block at the top of the stylesheet.
More about Pirate Barber
- Behind the buildBuilding a Pirate-Themed Barbershop Site, Mostly by Prompting ClaudeA barber in Cove, Utah had an Instagram and no website. I gave Claude the right prompt, all the real details, and a styling direction, and it built the three files. The hard part was getting the content, not the code.
- From the blogBuilding a Website for a 40-Year-Old Hair SalonA local salon in Smithfield, Utah had been cutting hair for four decades without a website. Here's how I built one from scratch with vanilla HTML, CSS, and JS.
- From the blogMoving a Client Site Off an AI Builder, Rebuilt From ScratchLandingSite AI got Griffin Renovation online fast, but SEO limits and vendor lock-in pushed me to rebuild the whole thing in plain HTML, CSS, and JavaScript.
- From the blogI Shipped a Client Site in an Afternoon Using an AI BuilderA renovation company needed a website fast. I used LandingSite.ai to go from nothing to live in a few hours, and here's what actually worked.