Styled Card - Copy this React, Mui Component to your project

Create a grocery e commerce app using plain React with Material UI. The app should include essential pages and features: 1. **Home Page**: Display a banner, featured products, and categories. 2. **Categories Page**: List all grocery categories (e.g., Fruits, Vegetables, Dairy). 3. **Product Listing Page**: Show a grid of products under each category with filters (price, brand). 4. **Product Details Page**: Display detailed product information, including images, description, price, and an "Add to Cart" button. 5. **Cart Page**: Display a summary of selected products with options to update quantity or remove items. 6. **Checkout Page**: Include form fields for shipping information, delivery options, and order summary. 7. **Search Page**: Implement a search bar to find products and display relevant results. 8. **Payment Gateway Page**: Integrate a payment form for processing orders. Use Material UI components like `AppBar`, `Grid`, `Card`, `Button`, `TextField`, and `Drawer` for consistent UI design.