I want to build a fully functional, responsive, and beautifully designed web application called BazaarBuddy for a hackathon. The goal is to help street food vendors in India source raw materials (like vegetables, oil, spices, etc.) directly from verified local suppliers — avoiding expensive middlemen.Please create a multi-page web app with 2 user types: Vendors and Suppliers.---### 1. 🎯 Target Users:- Street food vendors (non-tech-savvy, using mobile)- Local raw material suppliers (wholesalers)---### 2. 📱 Key Requirements:#### A. Responsive Design:- Mobile-first UI- Modern, clean design (inspired by swiggy.com / zepto / dunzo)- Use smooth animations for transitions, buttons, modals, etc.- Dark + light mode toggle (optional)- Bold, readable fonts and icons for accessibility#### B. Pages to Include:1. Homepage – Introduce the platform, explain benefits for vendors and suppliers.2. Vendor Dashboard – Login/Register, browse materials, view nearby suppliers, compare prices, rate supplier, place order.3. Supplier Dashboard – Login/Register, manage product listings (name, price, available quantity), accept/decline orders, respond to ratings.4. Group Buying Page – Vendors from nearby areas can join group orders to get discounts (optional feature).5. Order Tracking Page – Track placed orders status (pending, accepted, on the way, delivered).6. Contact/Help Page – Simple help/contact section with support info.---### 3. 🔧 Core Features:- Login/Register for both vendors and suppliers (use dummy accounts or placeholders)- Vendor Features: - Search raw materials by name or category - View supplier list with: name, rating, distance (km), current price - Place an order (choose quantity) - View past orders and their statuses - Rate a supplier after delivery- Supplier Features: - Add/Edit/Delete product listings - View incoming orders with vendor details - Accept/Reject orders - Manage inventory count- Live price comparison for the same item across suppliers---### 4. 🎨 UI/UX Design Notes:- Use a friendly color scheme (green, white, orange, blue – Indian market colors)- Use icons for each product (e.g., tomato, onion, oil, etc.)- Animation on button hover, page scroll, card flip (e.g., product cards)- Navigation bar should be sticky and responsive- Clean card layouts for supplier listings and product lists---### 5. 🛠️ Tech Stack:- Frontend: HTML, CSS, JavaScript or React (preferred)- Backend: Use dummy data or simulated API endpoints- Deployable to Vercel or Netlify (I will handle final hosting)---### 6. ✨ Bonus Features (Optional if possible):- Filter products by category or price- Google Maps API integration for supplier distance (can be mocked)- Group Buy section with a shared cart- Push notification or alert system (dummy only)- Testimonials or review wall---### 7. 🙏 Final Note:Please make sure:- The website is fully responsive on all screen sizes- Use scroll animations, button hover effects, animated counters or cards- Keep the UX beginner-friendly and mobile-optimized- Feel free to add design enhancements or modern UI elements that improve the user journey---This is a hackathon submission, so the goal is to create a working MVP with polished UI, animations, and real functionality. Avoid lorem ipsum and show real-looking content (e.g., product names: Tomato, Onion, Oil; Supplier names: Ravi Traders, FreshMart, etc.)