Barbershop System - Copy this React, Tailwind Component to your project

Project Title: Barbershop Appointment Management System Prototype Project Description: I need to create a prototype for a barbershop appointment management system. The system should allow customers to book, modify, and cancel appointments easily and efficiently. Additionally, it should include functionalities for managing customers, services, and employees. Required Functionalities: Appointment Management: Online appointment booking. Modification and cancellation of appointments. Automatic appointment reminders via SMS and email. Real time availability calendar. Customer Management: Customer registration and profiles. Appointment and service history. Loyalty program with accumulable points. Notifications for promotions and events. Service Management: List of offered services. Prices and duration of each service. Inventory management for products. Employee Management: Employee profiles with schedules and availability. Assignment of appointments to specific employees. Performance and commission reports. User Interface: Intuitive and easy to use design. Accessible from mobile devices and computers. Integration with social media and the barbershop's website. Security and Privacy: Encryption of sensitive data. Secure user authentication. Compliance with data protection regulations. Preferred Technologies: Frontend: React.js, HTML5, CSS3. Backend: Node.js, Express.js. Database: MongoDB, MySQL. Others: Firebase for notifications, Twilio for SMS. Additional Notes: The prototype should be functional and allow for usability testing. Include sample data to simulate the system's operation. Provide basic documentation on how to use the prototype.