This commit centralizes Hero component styles by moving previously inline styles in `Hero.astro` to `Hero.css`. Additionally, it introduces a `.hero-overlay` class with improved background styling, removes unused component-specific background settings, and aligns spacing for better maintainability and consistency.
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.
This commit includes a README detailing the Astro starter kit setup and an autogenerated package-lock.json. The setup uses the minimal Astro template, with dependencies like Astro 5.11.0 installed to kickstart the project.
