Pagina web estilo woocommerce en español, funciones de carrito, uso de cupones,formularios.
Generated Prompt
## APPLICATION OVERVIEW This web application is an e-commerce platform designed for musicians to showcase their services for events such as weddings and parties. It allows users to browse through various musicians, view their repertoire, prices, and special offers. The platform facilitates easy booking through a shopping cart system, coupon usage, and contact forms to enhance user engagement and conversion. ## CORE FEATURES 1. **Musician Listings**: A comprehensive list of musicians with profiles including photos, descriptions, repertoire, and pricing details. 2. **Shopping Cart**: Users can add musicians to their cart for easy booking, with the ability to view total costs including transport fees and cachés. 3. **Coupon System**: A feature for users to apply discount codes at checkout to encourage purchases. 4. **Contact Forms**: Simple forms for inquiries, allowing users to request more information or customize their booking. 5. **Responsive Design**: The application will adapt to different screen sizes, ensuring a seamless experience on both desktop and mobile devices. 6. **Special Offers Section**: Highlight current promotions and deals to attract users and enhance conversion rates. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design will focus on clean lines, ample white space, and a minimal color palette to create an elegant and professional look. - **Color Mode**: Light theme with dark text on light backgrounds, utilizing yellow, pink, and light blue as accent colors. - **Layout**: - **Header**: Contains the logo, navigation links, and a search bar. - **Hero Section**: A captivating image with a call-to-action button encouraging users to explore musician offerings. - **Featured Musicians**: A grid layout showcasing top musicians with brief summaries and booking buttons. - **Special Offers**: A dedicated section highlighting discounts and promotions. - **Footer**: Includes contact information, links to social media, and additional navigation. - **Typography**: Use a sans-serif font for modernity and readability, with a clear hierarchy to distinguish headings, subheadings, and body text. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS for utility-first styling - **UI Components**: Utilize shadcn/ui for pre-built components to maintain consistency and speed up development - **State Management**: Context API or a state management library like Redux if necessary for complex state handling ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript. 2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components. 3. **Create File Structure**: Organize components, pages, and assets for clarity and scalability. 4. **Develop Core Components**: - Build the Header and Footer components for consistent site navigation. - Create the Hero section with a call-to-action button. - Develop the Musician Listings component, integrating state management for dynamic data. 5. **Implement Shopping Cart**: Develop cart functionality allowing users to add/remove musicians and view total prices. 6. **Add Coupon Feature**: Code the coupon input field and logic to apply discounts at checkout. 7. **Design and Implement Contact Forms**: Create forms with validation for user inquiries. 8. **Responsive Design**: Use Tailwind CSS to ensure all components are responsive across devices. 9. **Testing**: Conduct usability testing to refine user experience and fix any bugs. 10. **Deployment**: Deploy the application on a web hosting service (e.g., Vercel, Netlify). ## USER EXPERIENCE Users will have an intuitive experience navigating through musician profiles, effortlessly adding their selections to the shopping cart. The application will provide clear feedback during the booking process, including confirmation messages and prompts to apply discount codes. Contact forms will be straightforward, allowing users to reach out with specific inquiries. Overall, the design will prioritize simplicity and ease of use, making the booking process seamless and enjoyable.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
