Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed to enhance the user experience by adding a web manifest and a service worker. It aims to provide a seamless and efficient interaction by allowing users to install the app on their devices and enabling offline capabilities. The minimalist design ensures that users can navigate easily without distractions.

## CORE FEATURES
1. **Web Manifest Implementation**: Allows users to install the app on their devices, providing a native app-like experience with an icon on their home screen.
2. **Service Worker Integration**: Enables offline functionality, allowing the app to load and function without an internet connection.
3. **Push Notifications**: Offers users timely updates and notifications even when the app is not actively open.
4. **Responsive Layout**: Adapts seamlessly across different devices, ensuring an optimal viewing experience on mobile, tablet, and desktop.
5. **User-Friendly Interface**: Minimalistic design with intuitive navigation, enhancing user engagement and retention.

## 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**: A single-column layout with a header, main content area, and footer. The header includes the app title and navigation, while the main content area features sections for features and a call-to-action button.

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

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the Web Manifest**: Add a `manifest.json` file in the public directory, defining the app's name, icons, and theme colors.
4. **Implement Service Worker**: Use the Create React App's service worker setup to cache essential files and enable offline capabilities.
5. **Design the Layout**: Create the main components (Header, Features, CTA, Footer) using the specified design specifications.
6. **Add Responsiveness**: Use Tailwind CSS to ensure the layout is responsive across different screen sizes.
7. **Test the Application**: Verify the functionality of the web manifest and service worker, ensuring that installation and offline capabilities work as expected.

## USER EXPERIENCE
Users will interact with the application through a clean and straightforward interface. Upon visiting the app, they will see a prominent title and navigation in the header. The features section will highlight the key benefits of the app, and a clear call-to-action button will encourage users to install the app. The service worker will ensure that users can access the app even without an internet connection, enhancing usability and engagement.