# Taste-of-Africa
# Tastes of Africa
Welcome to "Tastes of Africa," a vibrant and immersive website dedicated to celebrating the rich and diverse culinary heritage of the African continent. This project showcases authentic recipes, explores regional food cultures, and provides a modern, user-friendly experience for anyone eager to discover African cuisine.
## Features
This website is built with a rich set of features to provide a comprehensive and engaging user experience.
### Pages & Content
* **Home Page**: A welcoming landing page featuring:
* A stunning hero section with a background image and an introductory video.
* A "Featured Dishes" section with quick links to popular recipes.
* An "Explore by Region" section for easy navigation.
* A "Latest Food Trends" section with news updates.
* **Recipe Pages**: Detailed and interactive pages for each dish, including:
* Dish name, image, and cultural description.
* An ingredients list (` `).
* Expandable cooking instructions using ` ` and ` `.
* An embedded YouTube tutorial video.
* An optional nutritional facts table.
* An embedded Google Map showing the dish's country of origin.
* **Culinary Region Pages**: Dedicated pages for West, North, and East Africa, each with:
* A description of the region's food culture and staples.
* Example dishes with links to their recipe pages.
* An embedded YouTube video showcasing the region's cuisine.
* **About Us Page**: Outlines the website's mission and provides a brief history of African cuisine.
* **Contact Page**: A fully functional form for user inquiries, including fields for name, email, country (with ` `), and a message.
### Technical Features
* **Responsive Design**: The layout is fully responsive and scales gracefully from large desktop screens to mobile devices, ensuring a great user experience everywhere.
* **Modern CSS**: Styled with a custom color palette inspired by African spices and landscapes. CSS variables (`:root`) a …