Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Tunely is a high-conversion landing page designed for an online guitar tuner application. Its main purpose is to help musicians tune their instruments quickly and accurately while providing learning resources and practice tools in a single platform. The page will cater to a diverse audience across multiple languages, enhancing accessibility and user engagement.

## CORE FEATURES
1. **Professional Tuner**: Offers multi-instrument tuning (guitar, bass, violin, ukulele, and 12-string guitar) with reference tones and pitch detection capabilities.
2. **Learning Center**: Includes an interactive fretboard and a chord library with audio examples to facilitate learning.
3. **Practice Tools**: Features a metronome, tap tempo, and a practice recorder for self-evaluation.
4. **Multi-Language Support**: Fully translated interface in nine languages (ES, EN, PT, FR, IT, RU, UK, ZH, JA) to reach a global audience.
5. **Privacy-Centric Design**: 100% browser-based with no registration or invasive permissions, ensuring user data privacy.
6. **Responsive Design**: Works seamlessly across mobile, tablet, and desktop devices, maintaining clarity and usability.

## 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 consist of a hero section, feature highlights, testimonials, a call-to-action, and a contact form, all organized in a single scrollable page.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified; consider using React's built-in state management for simplicity.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript. Set up Tailwind CSS for styling.
2. **Design Layout**: Create a responsive layout that includes a hero section with a clear value proposition, followed by the core features section.
3. **Implement Features**: Develop components for each core feature, ensuring to include interactive elements like the tuner and the interactive fretboard.
4. **Integrate Multi-Language Support**: Use a library like i18next to manage translations for the nine languages.
5. **Add Practice Tools**: Implement the metronome and practice recorder functionality using the MediaRecorder API for recording sessions.
6. **Finalize UI Components**: Style all components using Tailwind CSS, ensuring to adhere to the specified design specifications.
7. **Testing**: Conduct thorough testing across various devices and browsers to ensure a seamless user experience.

## USER EXPERIENCE
Users will land on a clean and straightforward hero section that introduces Tunely and its benefits. They can scroll down to discover the core features, illustrated with engaging visuals and brief descriptions. The page will include a prominent call-to-action inviting users to start using the application for just $1, supported by testimonials to build trust. Users can switch languages easily, enhancing accessibility, and they will appreciate the minimalist design that allows them to focus on the functionalities offered without distractions.