Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed with Google AI Studio, emphasizing a clean and simple aesthetic while showcasing a cohesive blue color palette. The goal is to create an engaging and visually appealing website that appears professional and polished, avoiding the typical "AI-generated" look. The site will feature smooth animations to enhance user interaction and overall experience.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction area with a compelling headline, a brief description, and a prominent call-to-action (CTA) button.
2. **Features Overview**: A section that highlights key offerings or benefits, using icons or images for visual appeal and easy comprehension.
3. **User Testimonials**: A dedicated area for user feedback or quotes that builds trust and credibility, presented in a visually engaging manner.
4. **Call-to-Action (CTA)**: Multiple strategically placed buttons encouraging users to take action (e.g., sign up, learn more).
5. **Contact Information**: An easy-to-find contact section with a form for inquiries or support requests.

## 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 full-width hero section at the top, followed by a grid or list layout for features, a testimonials section, a CTA, and a contact area, all designed to flow smoothly with ample whitespace.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not necessary for this landing page, as it will be primarily static content.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**:
   - Build the Hero component with a headline, subtext, and CTA button.
   - Create a Features component to display the core features in a grid layout.
   - Implement the Testimonials component with user feedback styled attractively.
   - Design the CTA section with buttons that stand out.
   - Develop the Contact component with a simple form.
4. **Style Components**: Use Tailwind CSS to apply a minimalist design, ensuring the primary color and typography are consistently applied across all components.
5. **Implement Animations**: Add subtle animations to elements (like fade-ins or slide-ups) to enhance interactivity without overwhelming the user.
6. **Test Responsiveness**: Ensure the layout adjusts well on various screen sizes, maintaining usability and aesthetic appeal.

## USER EXPERIENCE
The landing page will provide a seamless user experience with intuitive navigation and clear visual hierarchy. Users will be greeted with an engaging hero section that encourages them to explore further. Each feature will be easily digestible, and testimonials will add a personal touch. CTAs will be prominent, guiding users toward the desired actions, while the contact form will facilitate easy communication. Overall, the design will prioritize simplicity and elegance to ensure a pleasant browsing experience.