BAD HABITS Lounge
Promo site for a chain of five lounge bars in Novosibirsk: one long page with a smoke canvas, scroll choreography and local-business SEO.
- Year
- Status
- Type
- Stack
- Links
- Build
- Motion
- SEO
What it does
A single-page site for BAD HABITS, a chain of five lounge bars in Novosibirsk. Hero with a statue and a smoke canvas, a manifesto, the five locations, a photo strip, the menu, offers, catering and a booking modal with the phone numbers — the client takes reservations by phone, so the site's job is to set the mood and get the number in front of you at the right moment.
How it's built
Astro 5 with a fully static build, so the site ships zero framework runtime and can be dropped on any Apache or nginx hosting. Motion is GSAP with ScrollTrigger for the reveals and Lenis for smooth scrolling; the smoke, the custom cursor, magnetic buttons, the statue parallax and the floating location photos are one small TypeScript module. Images are optimized at build time into several WebP sizes; the four fonts (including a Cyrillic script face for the neon signs) are self-hosted. Addresses and phones live in one data file that feeds the sections, the footer, the booking modal and the structured data. SEO is complete for a local business: canonical, Open Graph, an Organization plus five BarOrPub entries in JSON-LD, a sitemap and a robots file that stays on noindex until the production build flips a switch.
- Deployed from main by GitHub Actions over rsync to the client's shared hosting; a Vercel preview served as the staging demo
- Started as a static HTML prototype, then ported to Astro components once the design was approved
More screens
