Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application for VIBES Entertainment, a premium music label and creative agency in Nepal. The main purpose is to showcase artists, releases, and merchandise, providing an immersive experience while maintaining a minimalist aesthetic. The application will serve as a central hub for fans to engage with the brand and explore its offerings.

## CORE FEATURES
1. **Artist Showcase**: A dedicated section to display artists signed under VIBES Entertainment, featuring profiles with images, genres, and links to their music.
2. **Release Gallery**: Highlighting recent and upcoming music releases, including audio previews and purchase options.
3. **Merchandise Store**: An e-commerce section where users can browse and purchase branded merchandise with secure payment options.
4. **Event Calendar**: A section listing upcoming events and concerts, with details on location, tickets, and artist lineups.
5. **Newsletter Signup**: A form for users to subscribe to updates, exclusive drops, and event notifications.

## 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 application will feature a responsive grid layout with a top navigation bar, followed by sections for artists, releases, merchandise, events, and a newsletter signup.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (if needed for managing global state).

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS. Ensure shadcn/ui components are included.
2. **Create Components**: Develop the following components:
   - Navbar
   - Hero Section
   - Artist Showcase
   - Releases Gallery
   - Merchandise Store
   - Event Calendar
   - Newsletter Signup
   - Footer
3. **Implement Routing**: Use React Router to handle navigation between sections if necessary.
4. **State Management**: Set up Redux or Context API for managing application state, especially for the e-commerce section.
5. **Styling**: Apply Tailwind CSS classes to ensure the design specifications are met. Ensure responsiveness across devices.
6. **Integrate API**: If applicable, connect to a back-end service or Supabase for fetching data related to artists, releases, and merchandise.
7. **Testing**: Conduct thorough testing to ensure all features work as expected and the application is responsive.

## USER EXPERIENCE
Users will navigate through a straightforward interface with a top navigation bar that links to different sections. The homepage will feature a striking hero section with a call to action, guiding users to explore artists and releases. Each section will utilize smooth scrolling and animations to enhance engagement. The newsletter signup will provide an easy way for users to stay connected, with a friendly confirmation message upon successful submission.

This prompt outlines a comprehensive plan for developing the VIBES Entertainment web application, ensuring it aligns with the user's vision while maintaining a minimalist design.