Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page dedicated to Colombian trap music. The landing page will serve as a promotional site for the genre, highlighting key artists, tracks, and cultural elements while providing an engaging user experience. The focus will be on clean design and typography to create a vibrant yet simple web presence.

## CORE FEATURES
1. **Hero Section**: A captivating introduction to Colombian trap music with a striking headline, subheadline, and a call-to-action button encouraging visitors to explore more about the genre.
2. **Featured Artists**: A section showcasing popular Colombian trap artists with images and short bios, allowing users to learn about the key figures in the genre.
3. **Trending Tracks**: A curated list of trending trap tracks with embedded music players or links to streaming platforms, making it easy for users to listen.
4. **Cultural Insights**: A brief overview of the cultural significance of trap music in Colombia, enhancing user engagement and providing context.
5. **Newsletter Signup**: A form for users to subscribe to updates, news, and new releases in the Colombian trap scene.
6. **Contact Information**: A simple contact form for inquiries, collaborations, or feedback.

## 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 layout will follow a single-column format with sections stacked vertically. Each section will have ample padding to enhance readability and visual appeal, featuring large images and bold typography to draw attention.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create Layout Structure**: Build the main layout with header, sections for hero, artists, tracks, insights, signup, and contact.
4. **Design Components**: Use Tailwind CSS to style each section according to the design specifications, ensuring responsiveness and accessibility.
5. **Integrate Audio Players**: For the trending tracks section, embed audio players or links to external music services.
6. **Implement Signup Form**: Set up a simple form for newsletter signups, using appropriate input fields and validation.
7. **Test Responsiveness**: Ensure the page looks great on all device sizes, optimizing text and image sizes as necessary.
8. **Deploy the Application**: Use a hosting service to deploy the landing page for public access.

## USER EXPERIENCE
Users will be greeted with a visually appealing hero section that invites them to explore Colombian trap music. As they scroll, they will discover featured artists, trending tracks, and cultural insights, all designed to be engaging and informative. The simple navigation and clear call-to-actions will enhance the user journey, encouraging interaction and subscription to the newsletter. The minimalist design will ensure that users can focus on the content without distractions.