project

Glamour Studio

A Macedonian-first salon website pairing editorial presentation with online booking and a horizontal lookbook.

01: software
02: Website implementation
03: Next.js App Router / React / Tailwind CSS v4 / Motion / GSAP / Lenis / Netlify Functions / Upstash Redis / Google Calendar / Sharp

Glamour Studio is a Macedonian-first website for a hair and makeup salon in Radovish. It combines a warm editorial homepage with direct access to services, studio and contact information, online booking, and a full-screen lookbook.

Glamour Studio homepage hero over a bright photograph of the salon interior.

What it does

presents hair, color, treatment, and makeup services;
introduces the studio through photography and concise salon information;
provides location, contact, language switching, and booking actions;
separates booking and lookbook experiences into focused routes.

Glamour Studio services section listing styling, color treatments, and makeup in Macedonian.

Glamour Studio page moving from salon photography into the contact and booking section.

Stack

Next.js App Router and React
Tailwind CSS v4
Motion, GSAP, and Lenis
Netlify Functions, Upstash Redis, and Google Calendar integration
Sharp for the media pipeline

Booking and lookbook

The /booking route keeps appointment creation in three clear steps: service, appointment, and contact. Availability and booking requests connect the site to serverless functions, Redis-backed state, and Google Calendar without exposing those concerns in the public flow.

Initial Glamour Studio booking screen showing step one of three and the available salon services.

The /lookbook route is a full-viewport horizontal editorial sequence with momentum and snap scrolling plus keyboard navigation.

Glamour Studio horizontal lookbook showing a finished hairstyle and the next editorial frame.

Visit the production website

View the source on GitHub