Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to showcase the song "Taaj" by Lost Stories. The main purpose is to provide users with an engaging audio experience by automatically playing the tune on the second slide while presenting information about the song in a clean and simple format.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with the song title and a play button for users to start listening to the tune.
2. **About the Song**: A brief description of the song, its artists, and its significance, enhancing the user’s understanding and connection.
3. **Audio Playback**: The tune of "Taaj" will automatically play on the second slide, providing an immersive experience as users navigate through the content.
4. **Call to Action (CTA)**: A prominent button encouraging users to share the song or explore more music by Lost Stories.
5. **Contact Section**: A simple contact form for inquiries or feedback, allowing users to connect easily.

## 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 main layout will feature a vertically stacked structure with a hero section at the top, followed by the about section, audio playback area, CTA button, and a contact form at the bottom.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create Components**: Develop the necessary React components: Hero, About, AudioPlayer, CTA, and ContactForm.
4. **Implement Audio Playback**: Use the HTML audio element to play the song automatically when the second slide is reached.
5. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design as per specifications.
6. **Integrate Components**: Assemble the components in the main App component, ensuring proper layout and functionality.
7. **Testing**: Test the audio playback and responsiveness across different devices and screen sizes.
8. **Deploy**: Deploy the landing page to a web hosting service for public access.

## USER EXPERIENCE
Users will be welcomed with a visually appealing hero section where they can immediately see the song title and a play button. As they scroll down, the about section provides context about the song, followed by the automatic audio playback that enhances their experience. The CTA encourages sharing the song, while the contact section facilitates user engagement. The overall flow is designed to be seamless, ensuring users can navigate easily and enjoy the audio content without distractions.