Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a trap music artist and their collaboration partner, designed to showcase their music, biography, and social media links. The website will serve as a premium promotional platform, reflecting a high-quality aesthetic that appeals to fans and potential clients.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction featuring the artists' names, a captivating background image or animation, and a clear call-to-action button for booking mix/master services.
2. **Biography Sections**: Two distinct sections dedicated to each artist, providing an engaging narrative about their musical journey, influences, and achievements.
3. **Music Showcase**: A section highlighting their collaborative tracks, including embedded players for popular platforms like Spotify and YouTube, along with links to their TikTok and Instagram profiles.
4. **Social Media Integration**: Prominent display of social media icons linking to TikTok, Instagram, YouTube, and Spotify, encouraging visitors to connect and follow.
5. **Contact Form**: An easy-to-use contact form for inquiries about collaborations and bookings, designed to be accessible and user-friendly.
6. **Responsive Design**: Ensuring the site looks great on all devices, offering a seamless experience for users on mobile, tablet, and desktop.

## 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-page structure with a full-width hero section, followed by biography sections for each artist, a music showcase section, and a footer with social media links and the contact form.

## 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 dynamic features are needed in the future.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the main layout**: Design the basic structure of the landing page using Tailwind CSS for styling. Ensure the layout is responsive.
3. **Develop the Hero Section**: Implement the hero section with background imagery, text, and a call-to-action button.
4. **Add Biography Sections**: Create two separate sections for each artist, incorporating images and text about their musical journeys.
5. **Implement the Music Showcase**: Embed music players for Spotify and YouTube, and add the tracks along with links to social media profiles.
6. **Create the Contact Form**: Design and implement a contact form that captures user inquiries and submissions.
7. **Integrate Social Media Links**: Add icons linking to TikTok, Instagram, YouTube, and Spotify within the footer.
8. **Test for Responsiveness**: Ensure the website functions well on various device sizes and browsers.
9. **Deploy the Website**: Choose a hosting platform to deploy the landing page and make it live.

## USER EXPERIENCE
Key user interactions will include navigating through the hero section to learn about the artists, listening to their music, and easily accessing their social media profiles. The contact form will facilitate engagement, allowing users to easily reach out for bookings. The overall experience should be smooth, intuitive, and visually appealing, encouraging users to explore and connect with the artists.