How itzfahadoooo/mojito works
This repository is a React landing page for a cocktail bar. A visitor opens the page, which mounts the app and renders its hero, drink listings, brand sections, interactive cocktail menu, and venue/contact information. The menu cycles through cocktail data; other sampled sections present cocktail and mocktail listings, bar imagery, craft messaging, and contact details. The README describes only a Vite template, so product capabilities are inferred from the sampled components and constants; Navbar source was not provided, so its behavior is not expanded.
Main entry points: App.jsx Page composition · index.js Drink and venue data · main.jsx React entry · Hero.jsx Hero and video
Components 12
Page shell
- React entry
src/main.jsx - Page composition
src/App.jsx - Navigation
src/components/Navbar.jsx
Drink discovery
- Hero and video
src/components/Hero.jsx - Cocktail listings
src/components/Cocktails.jsx - Cocktail menu
src/components/Menu.jsx - Drink and venue data
constants/index.js
Bar experience
- About the bar
src/components/About.jsx - Craft and quality
src/components/Art.jsx - Visit and contact
src/components/Contact.jsx
Other components
- Visitor
- Hero video
public/videos/output.mp4
Connections 14
- Visitor → React entry: opens
- React entry → Page composition: mounts
- Page composition → Navigation: renders
- Page composition → Hero and video: renders
- Page composition → Cocktail listings: renders
- Page composition → About the bar: renders
- Page composition → Craft and quality: renders
- Page composition → Cocktail menu: renders
- Page composition → Visit and contact: renders
- Cocktail listings → Drink and venue data: reads lists
- Cocktail menu → Drink and venue data: reads recipes
- Craft and quality → Drink and venue data: reads features
- Visit and contact → Drink and venue data: reads hours
- Hero and video → Hero video: plays video