| Client | Self-initiated concept project |
| Type | One-page landing · Restaurant |
| Languages | UA + EN |
| Stack | Next.js · React · TypeScript · Vercel · Custom build |
| Live since | June 2026 |
| Address | steakhouse-one.vercel.app |
VATRA is a fictional premium steakhouse I designed and built as a working concept landing, not a mockup. The goal: a single public artifact proving that a custom front-end stack — Next.js, React, TypeScript — can deliver a polished, high-end restaurant site with bilingual content, code-level SEO and a real booking flow, deployed on a modern CI/CD pipeline.
The brief
Design a one-page site that conveys a premium, fire-driven dining experience and guides visitors toward a table booking. It had to feel editorial and high-end, work in two languages, stay fast, and run on production-grade infrastructure — not a static prototype.
My approach
- Built a custom one-page site from scratch on Next.js (React + TypeScript, App Router) — no template, no page builder.
- Designed a dark “fire” aesthetic with a single visual language and premium typography across every section: hero, philosophy, dry-aged cuts, menu, atmosphere, delivery & catering, booking.
- Made the site bilingual (UA/EN) with a language switch covering all interface and content strings.
- Added a booking form, a priced menu grid, an atmosphere gallery, and a delivery/catering block — the full commercial structure of a restaurant landing.
- Shipped via GitHub → Vercel (CI/CD, auto-HTTPS, CDN), with SEO meta handled at the code level.
The result
A polished, fully responsive bilingual landing that takes a visitor from first impression to a booking request. Built on a modern front-end stack and deployed on production infrastructure, it doubles as proof that the studio works beyond WordPress — custom React/Next.js sites included.
Known trade-offs
VATRA is a concept project: the booking form and delivery flows are front-end demos, not wired to a live restaurant backend or payment system. The brand and content are fictional. Every limitation is a deliberate scope choice for a portfolio demo — named openly, not hidden.
Stack
Next.js · React · TypeScript · App Router · Vercel (CI/CD) · Custom build (no framework UI kit) · Code-level SEO
