Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for a beauty salon scheduling service, focusing on professional aesthetics and user-friendly navigation. The application will support both customers and administrators, allowing users to book appointments easily while offering salon owners a robust admin panel for managing services and bookings.

## CORE FEATURES
1. **Responsive Website**: A fully responsive design featuring a logo, top menu, and a prominent title with a neon effect background. The layout will include a professional image of the salon owner with a subtle opacity effect.
   
2. **Service Cards**: Organized display of services with images, titles, prices, and descriptions, allowing users to quickly understand available offerings.

3. **Gallery Carousel**: An infinite carousel showcasing work samples, designed to fit Instagram Stories' resolution, ensuring continuous visual engagement.

4. **Appointment Modal**: A sleek 3D-styled modal for scheduling appointments, where users can select services, date, time, and enter their contact information before proceeding to payment.

5. **Admin Panel**: A comprehensive backend for managing the business, including service configurations, gallery updates, user management, and loyalty program settings.

6. **Payment Integration**: Seamless connection with Mercado Pago for processing payments, including options for Pix and card payments, along with a user-friendly interface for transactions.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will feature a top navigation menu, a hero section with the title and image, followed by service cards, a gallery section, and a modal for appointments, ensuring a logical flow of information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing user sessions and state across the application)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop components for the header, service cards, gallery carousel, and appointment modal.
3. **Implement Routing**: Set up routing to handle different views for users and admins.
4. **Build Admin Panel**: Create an admin dashboard that allows for easy management of services, user data, and loyalty program settings.
5. **Integrate Payment System**: Connect the application with Mercado Pago for processing payments securely.
6. **Test Responsiveness**: Ensure the app functions correctly across various devices and screen sizes.
7. **Deploy Application**: Use a cloud service to host the application for public access.

## USER EXPERIENCE
Users will navigate through a clean and intuitive interface, starting from the responsive homepage featuring services and gallery. They can easily book appointments via the modal, providing their details, and complete payments seamlessly. Administrators will enjoy a powerful backend that allows them to manage services, view bookings, and run loyalty programs efficiently, ensuring a smooth operational flow.

This prompt provides all necessary details to create a comprehensive web application that meets the user's vision while ensuring an optimal user experience.