BAD HABITS Lounge
Promo web sítě pěti lounge barů v Novosibirsku: jedna dlouhá stránka s kouřovým canvasem, scroll choreografií a SEO pro lokální byznys.
- Rok
- Stav
- Typ
- Stack
- Odkazy
- Sestavení
- Pohyb
- SEO
Co dělá
Jednostránkový web pro BAD HABITS, síť pěti lounge barů v Novosibirsku. Hero se sochou a kouřovým canvasem, manifest, pět poboček, fotopás, menu, nabídky, catering a rezervační modal s telefonními čísly — klient přijímá rezervace po telefonu, takže úkolem webu je navodit náladu a ve správný moment vám ukázat číslo.
Jak je postavený
Astro 5 s plně statickou sestavou, takže web nenese žádný runtime frameworku a dá se nasadit na jakýkoliv hosting s Apache nebo nginx. Pohyb zajišťuje GSAP se ScrollTrigger pro odhalování prvků a Lenis pro plynulé scrollování; kouř, vlastní kurzor, magnetická tlačítka, paralaxa sochy a plovoucí fotky poboček jsou jeden malý TypeScript modul. Obrázky se při sestavení optimalizují do několika velikostí WebP; čtyři fonty (včetně rukopisného cyrilického písma pro neonové nápisy) jsou hostované lokálně. Adresy a telefony žijí v jednom datovém souboru, ze kterého čerpají sekce, patička, rezervační modal i strukturovaná data. SEO pro lokální byznys je kompletní: canonical, Open Graph, Organization a pět záznamů BarOrPub v JSON-LD, sitemap a robots soubor, který drží noindex, dokud produkční sestavení nezapne přepínač.
- Nasazuje se z main přes GitHub Actions pomocí rsync na sdílený hosting klienta; jako staging demo sloužil Vercel preview
- Začínalo jako statický HTML prototyp, pak bylo po schválení designu převedeno do komponent Astro
Další obrazovky
