Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Music Landing Page

## APPLICATION OVERVIEW
This project is a landing page designed for a music-related website that showcases artists, albums, and music genres. Its main purpose is to capture visitors' attention and encourage them to explore music, listen to samples, and engage with the content. The page will focus on a clean and simple design to enhance user experience.

## CORE FEATURES
1. **Hero Section**: A captivating hero section with an engaging background image, a prominent headline, and a call-to-action button to encourage visitors to listen or explore more.
2. **Featured Artists**: A dedicated section highlighting top artists with images and links to their music profiles.
3. **Latest Releases**: A showcase of the latest album releases, including album artwork and brief descriptions with links to listen.
4. **Music Genres**: An interactive section where users can explore different music genres, each linked to curated playlists or albums.
5. **Testimonials**: A section for user testimonials or reviews to build credibility and encourage engagement.
6. **Contact Form**: A simple contact form for inquiries, feedback, or collaboration opportunities.

## 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**: A single-column layout with clear sections that stack vertically, maintaining ample spacing between elements for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, but can be integrated if interactive features are added later.

## 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 for styling and UI components.
3. **Create Layout Structure**: Build the main layout structure with a header, hero section, featured artists, latest releases, music genres, testimonials, and contact form.
4. **Add Styles**: Apply Tailwind CSS styles based on the design specifications, ensuring the primary color and typography are consistent throughout.
5. **Implement Features**: Develop each feature section, ensuring each is responsive and user-friendly.
6. **Test Responsiveness**: Ensure the layout works on various screen sizes and devices for optimal user experience.

## USER EXPERIENCE
Visitors will be greeted with a visually appealing hero section that conveys the essence of the music brand. As they scroll down, they will encounter engaging sections that highlight artists, latest releases, and genres, encouraging exploration. Clear calls-to-action will guide users to listen to music or connect via the contact form, ensuring a seamless and enjoyable experience. The minimalist design will allow users to focus on the content without unnecessary distractions.