Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project aims to create a visually appealing web application with a focus on a minimalist design and smooth animations. The primary goal is to enhance the user interface and animations compared to the existing applications, ensuring an engaging experience while maintaining the core functionalities.

## CORE FEATURES
1. **Hero Section**: A captivating hero section that highlights the main value proposition with engaging visuals and a strong call to action.
2. **Features Overview**: A concise display of key features offered by the application, using icons and brief descriptions to keep it visually appealing.
3. **Testimonials**: A section dedicated to user testimonials, reinforcing trust and showcasing user satisfaction.
4. **Contact Form**: An easy-to-use contact form for inquiries and feedback, designed to encourage user interaction.
5. **Smooth Animations**: Implementation of animations that enhance user experience without overwhelming the user, including hover effects and transitions.

## 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 layout should be a single-page scrolling format with clear sections for the hero, features, testimonials, and contact form, ensuring easy navigation and readability.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Not required at this stage as the application does not require complex state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Layout Components**: Develop the main layout structure with a header, hero section, features section, testimonials, and footer.
3. **Design Hero Section**: Implement the hero section with a background image or color, a strong headline, and a call-to-action button styled with the primary color.
4. **Build Features Section**: Create the features section with cards or icons, using the primary color to highlight key points.
5. **Add Testimonials**: Develop a testimonials slider or grid to showcase user feedback effectively.
6. **Implement Contact Form**: Create a simple, styled contact form with input validation.
7. **Incorporate Animations**: Use CSS transitions and animations for hover effects on buttons and smooth scrolling between sections.
8. **Test Responsiveness**: Ensure that the design is responsive and performs well on various devices and screen sizes.

## USER EXPERIENCE
The user experience focuses on intuitive navigation and visual appeal. Users will be greeted with a striking hero section, encouraging exploration of features through engaging animations and smooth transitions. The contact form will provide an easy way for users to reach out, ensuring their needs and inquiries are addressed promptly. The overall layout will maintain clarity and simplicity, enhancing user satisfaction and engagement.