Web Bar Aventin

O projektu

Navrhl a vyvinul jsem webovou prezentaci pro ostravský Bar Aventin – shisha bar specializující se na koktejly, čaje, vodní dýmky a pivo Svijany. Cílem bylo vytvořit rychlý a vizuálně poutavý web, který odráží atmosféru baru.

Klíčové funkce

• Věkové ověření: Povinné ověření 18+ při vstupu na web.
• Dark / Light mode: Přepínač barevného schématu s uložením v localStorage.
• Blog / Zajímavosti: Sekce spravována přes Astro Content Collections z Markdown souborů.
• Interaktivní mapa: Integrovaná mapa s přesnou adresou provozovny.
• Sociální sítě: Propojení na Instagram, Facebook a TikTok.

Design

Web staví na výrazném vizuálním stylu s gradientovým pozadím ve fialových a červených tónech. Červená barva prostupuje všemi interaktivními prvky. Layout je plně responzivní pro všechna zařízení.

Technologie

• Framework: Astro – statický výstup pro maximální rychlost
• Styling: Scoped CSS v Astro komponentách, CSS custom properties
• JavaScript: Vanilla JS pro interaktivní prvky (věkové ověření, dark mode)
• Content: Astro Content Collections pro správu článků v Markdownu
• Deployment: Statický hosting