drawer
drawer
ViennaBeauty — Premium Beauty Studio Wien hero
Portfolio item 1
Portfolio item 2
Portfolio item 3

ViennaBeauty — Premium Beauty Studio Wien

A premium, bilingual (German / English) demo website for Viennese beauty & cosmetic studios — facials, lashes, brows, permanent make-up, skincare and nails. A sellable, ready-made template for cold outreach, with transparent pricing, an interactive before/after slider and a polished booking request.

Project Descriptions

Built with Next.js 14 App Router (TypeScript, Tailwind CSS) and deployed to Vercel. A server-rendered, statically prerendered marketing site with full German/English internationalization (locale routes /de /en, hreflang, middleware redirect, hash-preserving language switcher). Luxury feminine design system with Cormorant Garamond + Inter, soft gradients, glassmorphism and gentle motion. 12 sections: hero, studio/about, services & EUR prices, an interactive clip-path before/after slider, testimonials, a booking request form (UI-only), gallery, Instagram grid, opening hours, FAQ and location/contact. Ships a 5-theme design-token system (Rose Gold Luxury, Nude Elegance, Blush Pink, Black Luxury, Sage Beauty) via CSS variables with a removable demo theme switcher. SEO: per-locale Metadata API, BeautySalon JSON-LD, Open Graph / Twitter cards and a generated OG image, robots.txt and sitemap.xml with hreflang. Content is centralized for rapid per-client re-skinning.

Next.js 14

React 18

TypeScript

Tailwind CSS

i18n DE/EN (hreflang)

CSS-variable theming (5 themes)

App Router / Server Components

BeautySalon JSON-LD

OG image generator

Vercel

UI/UX Design

Responsive Design (Mobile-first)