drawer
drawer
ViennaBarber — Premium Barbershop Wien hero
Portfolio item 1
Portfolio item 2
Portfolio item 3

ViennaBarber — Premium Barbershop Wien

A premium, German-language demo website for a modern Viennese barbershop — masculine, luxurious, dark UI. Built as a sellable, ready-made template for cold outreach to real barbershops in Vienna, with an online booking UI, transparent service pricing, barber profiles, a work gallery and an Instagram-style feed.

Project Descriptions

Built with Next.js 14 App Router (TypeScript, Tailwind CSS) and deployed to Vercel. A server-rendered, statically prerendered marketing site with 12 sections: hero, about, services and pricing, team, booking, gallery, reviews, Instagram feed, opening hours, location, FAQ and footer. It ships a 5-theme system (Midnight Gold, Espresso Steel, Vienna Bronze, Graphite Luxe, Royal Burgundy) implemented purely through CSS variables and design tokens, switchable live via a removable, presentation-only floating theme switcher. Heavy SEO: Metadata API, HairSalon JSON-LD, Open Graph and Twitter cards, a generated OG business-card image, robots.txt and sitemap.xml. Mobile-first with a sticky booking bar, scroll-reveal animations and tasteful glass, gradient and glow effects. All content is centralized for fast per-client re-skinning; the booking form is UI-only and ready to wire to Fresha, Treatwell or Calendly.

Next.js 14

React 18

TypeScript

Tailwind CSS

CSS-variable theming (5 themes)

App Router / Server Components

Static prerender

HairSalon JSON-LD

OG image generator

robots.txt + sitemap.xml

Vercel

UI/UX Design

Responsive Design (Mobile-first)