GQ Cutz Barber Boutique
Web DevelopmentFront-End Development
A tight close-up portrait fills the frame behind a magazine-style masthead, sold as "The Grooming Issue" with "It is not just a haircut, it is a lifestyle."
MagazinePortrait HeroEditorial
Overview
The entire page is built like a magazine cover: an intimate, shadowed portrait runs edge to edge while a bold condensed masthead and issue line ("No. 01, Barber Boutique") layer over it. Amber accents pick out the CTAs and the side callout column, and the small-caps subheads plus a barcode footer push the print-editorial illusion all the way through.
Features
- Edge-to-edge portrait hero with cinematic shadow
- Magazine masthead and issue-number framing
- Amber accents on pill CTAs and side callouts
- Italic serif pull-quote against condensed display type
- Barcode and small-caps details in the footer
Technologies Used
- Next.js
- React
- Tailwind CSS v4
- Motion
- Lenis
- Lucide React