This commit refactors existing styles to use CSS variables, centralizing values for colors, spacing, typography, and other design elements. It also adds a `variables.css` file for managing these variables. Updated affected components and stylesheets for better maintainability and consistency.
- **Added component-specific styles**: Introduced scoped CSS files for `Hero`, `Header`, `Drinks`, `Footer`, and `Welcome` components.
- **Expanded functionality**: Added `Drinks` section with a new layout and stylized elements.
- **Assets fix**: Replaced asset links with correct paths, ensuring consistency for images and files (e.g., `Welcome.png`, `Menu.pdf`).
- **Reorganized header and footer**: Modernized `Header` layout with a fixed navbar, added utility spacer, and redesigned footer to include additional details.
- **Integrated Docker and CI/CD**: Added `Dockerfile`, `fly.toml`, and `.woodpecker.yml` for multi-environment deployment.
- **Improved homepage**: Incorporated `Drinks` component and updated styles for cohesive design.
- **CSS cleanup**: Removed redundant global styles from `index.css` and migrated them to appropriate scoped styles.
Complete revamp to provide modular and deployable updates for long-term scalability.
