PriceList.jsx

The PriceList.jsx component displays the prices for all the services offered at our barber shop. For a better understanding of how the data can be managed dynamically and statically, please refer to the image below.

Haircuts, shaves, special services, and other offerings will be sorted according to the highest number of clicks by users. After a refresh, the list will be automatically updated and sorted accordingly.

Services.jsx

Here are all the services we offer. By clicking "Add Service," you will be redirected to the appointment route.

• Click on each category to see the prices specific to that category.
• The prices for each row are displayed using a component called ServiceListCard.jsx. You will need to send the following props for each row: image, category, serviceName, and price.

Products.jsx

This component's data will load from the database. When the quantity is 0, it will automatically show "Out of Stock," and the button will be disabled.

Please note that we do not provide all components. If you require any assistance or have questions, feel free to reach out to us—we're here to help.