Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails creating a minimalist landing page for an AI-focused website. The objective is to present AI services in a manner that feels approachable and less technical, emphasizing simplicity and user clarity. The design will leverage clean layouts and a straightforward user experience to engage visitors effectively.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area with a clear value proposition, featuring a compelling headline and a call-to-action (CTA) button.
2. **Features Overview**: A section that highlights key features of the AI services offered, focusing on benefits rather than technical jargon.
3. **Testimonials**: A dedicated area for user testimonials to build trust and credibility, showcasing real experiences with the AI solutions.
4. **Contact Information**: An easy-to-find contact section, providing users with methods to reach out for inquiries or support.
5. **Newsletter Signup**: A simple form that encourages visitors to subscribe for updates, fostering ongoing engagement.

## 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 landing page will feature a vertical layout with sections stacked one after the other—hero at the top, followed by features, testimonials, contact, and newsletter signup at the bottom.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create Layout Components**: Develop reusable components for the hero section, features, testimonials, contact, and newsletter signup.
4. **Implement Styling**: Apply Tailwind CSS classes according to the design specifications for layout, typography, and color.
5. **Add Functionality**: Implement the newsletter signup form with basic validation and a submission handler.
6. **Optimize for Responsiveness**: Ensure the layout is mobile-friendly by using responsive design practices with Tailwind CSS.

## USER EXPERIENCE
The landing page will provide a seamless experience for users, guiding them through the content effortlessly. Visitors will be greeted with a clear value proposition in the hero section, followed by easily digestible information on features. Testimonials will add a personal touch, enhancing trust, while the contact and newsletter sections will facilitate user engagement. The minimalist design will ensure that users can navigate without distraction, making information easy to find and understand.