Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This is a web application designed to be a comprehensive guitar tuner, equipped with sound functionality for tuning each string. It will include features for both day and night modes, enhancing usability and providing additional functionalities related to guitar tuning, making it a valuable tool for guitarists. The application will focus on a minimalist design, ensuring a clean and visually appealing user interface.

## CORE FEATURES
1. **String Tuner**: An interactive tuner that plays sounds for each guitar string, allowing users to adjust their tuning accurately.
2. **Day/Night Mode**: A toggle feature that switches between light and dark themes to enhance usability in different lighting conditions.
3. **Tuning Reference Guide**: A section that provides information on various tuning methods (e.g., standard, drop D) to help users understand different tuning styles.
4. **Metronome**: An additional utility that helps users practice their timing while playing guitar, enhancing their overall musical skills.
5. **Chords and Scales Library**: A resource section that offers visual representations of chords and scales to assist users in their practice sessions.

## 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 top navigation bar, followed by a hero section displaying the tuner, and a grid-based layout for additional features like the tuning guide, metronome, and chord library.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if state management is needed for complex state handling)

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React application using Create React App with TypeScript.
2. **Install necessary dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create the project structure**: Organize the project with folders for components, pages, and assets.
4. **Implement the main layout**: Build the layout with a navigation bar, hero section, and feature grid using Tailwind CSS for responsive design.
5. **Develop the string tuner feature**: Integrate audio playback for tuning strings, utilizing Web Audio API or similar libraries.
6. **Add the day/night mode toggle**: Implement state management to switch themes dynamically.
7. **Create the tuning reference guide, metronome, and chords/scales library**: Design and implement these features within the application.
8. **Test the application**: Ensure all features work seamlessly across different devices and screen sizes.
9. **Optimize for performance**: Review the application for any performance bottlenecks and ensure a smooth user experience.

## USER EXPERIENCE
The user will start on a clean landing page with a prominent tuner interface in the hero section. They can easily navigate to the tuning guide, metronome, and chords library from the top navigation. The day/night mode toggle will be accessible, ensuring comfort during use. Each feature will be designed for intuitive interaction, providing a seamless experience for both novice and experienced guitarists. Users will feel engaged with the application, thanks to its minimalist design and functional utilities.