Creating Figma design with code for a coffee shop mobile phone app.

Each screen detailed descriptions as below;

$1.$ Home Screen:

$-$ Include the coffee shop's logo $($any available logo$)$ at the top.

$-$ Add a welcoming message below the logo$.$

$-$ Include a navigation bar or menu at the bottom$/$top with options for "Product Catalog," "Shopping Cart," and "Contact Us$."$

$-$ Feature a product or promotion prominently to grab attention. This could be a carousel$/$slider or a featured section.

$2.$ Product Catalog:

$-$ Organize products into categories by Coffee, Tea and Pastries.

$-$ Use high$-$quality images for each product $($any available image$).$

$-$ Include a brief description and price $($in RM$)$ for each product.

$-$ Add filter or search functionality to help users find specific products easily.

$3.$ Shopping Cart:

$-$ Display selected items, quantities, and total price.

$-$ Provide options to modify the cart $($remove items, change quantities$)$ and proceed to checkout.

$4.$ Contact Information:

$-$ Include the coffee shop's address, email address, and phone number $($just put any address, email address and phone number $).$

$-$ Mention the operation hours $10$ am to $11\mathrm{.}45$ pm every day except Friday.

$-$ Consider adding a map with the coffee shop location marked for easy navigation.

$5.$ Design Considerations:

$-$ Use a consistent color scheme and typography throughout the app for a cohesive look.

$-$ Ensure the app design is user$-$friendly, with intuitive navigation and clear calls to action.