Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to improve user interaction by ensuring smooth cursor movements that closely follow the user's actions. The application will feature a clean, minimalist aesthetic, focusing on typography and responsive design.

## CORE FEATURES
1. **Smooth Cursor Tracking**: The application will ensure that the cursor movement is fluid and accurately follows the user’s input, enhancing user experience.
2. **Typography Management**: Consistent application of specified fonts throughout the UI, adhering to the provided design guidelines to maintain visual integrity.
3. **Interactive Elements**: Buttons and UI components will be designed with hover effects and responsive states to provide feedback during user interaction.
4. **Customizable Settings**: Users will have the ability to adjust settings related to cursor sensitivity and other preferences, allowing for a personalized experience.
5. **Feedback Mechanism**: A built-in system for users to report issues or provide suggestions regarding the cursor functionality and overall experience.

## 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 centered hero section at the top, followed by a feature overview section, interactive elements, and a contact section at the bottom for user feedback.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Context API or Zustand for state management as needed.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install necessary packages including Tailwind CSS and shadcn/ui.
2. **Create Basic Layout**: Structure the main layout with a hero section, features section, and contact section using Tailwind CSS for styling.
3. **Typography Integration**: Import Inter font from Google Fonts and apply it throughout the application for headings and body text.
4. **Implement Cursor Tracking**: Develop the cursor tracking functionality to ensure that it follows user input accurately. Use event listeners to track mouse movements.
5. **Design UI Components**: Create buttons, input fields, and other UI elements with the specified border radius and primary color accents.
6. **Feedback System**: Implement a feedback mechanism where users can submit their comments or issues related to cursor movement or the application in general.
7. **Testing and Optimization**: Test the application across different devices and browsers to ensure responsiveness and smooth cursor functionality.

## USER EXPERIENCE
Users will interact with the application primarily through their cursor, experiencing immediate feedback as the cursor responds fluidly to their movements. The clear and minimal design will allow users to navigate and adjust settings effortlessly, while the typography will ensure readability and aesthetic appeal. The feedback mechanism will encourage user engagement and provide valuable insights for future improvements.