Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to present a clean, simple interface that showcases a product or service. The main purpose is to provide essential information to potential customers, encourage engagement, and promote conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that includes a catchy headline, a brief description, and a prominent call-to-action button.
2. **Features Overview**: A section highlighting the key benefits or features of the product/service, with concise descriptions and relevant icons or images.
3. **Testimonials**: Customer reviews or testimonials to build trust and credibility, displayed in a visually engaging format.
4. **Contact Form**: A simple form allowing users to get in touch for inquiries, featuring fields for name, email, and message.
5. **Footer**: A footer section containing links to social media, privacy policy, and terms of service.

## 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 prominent hero section at the top, followed by sequential sections for features, testimonials, and a contact form, ending with a footer.

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

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Main Components**:
   - Build the Hero component with a catchy headline, description, and CTA button styled with Tailwind CSS.
   - Develop the Features component that displays the key features using cards or list items.
   - Implement the Testimonials component to showcase user feedback in an engaging format.
   - Create a Contact Form component with necessary fields and a submission button.
4. **Set up Routing**: Although this is a single-page application, configure basic routing to handle any future expansion.
5. **Responsive Design**: Use Tailwind CSS to ensure that all components are responsive and accessible on various devices.
6. **Deploy the Application**: Deploy the finished landing page using services like Vercel or Netlify.

## USER EXPERIENCE
The user experience focuses on simplicity and clarity, allowing visitors to easily navigate through the landing page. The hero section captures attention immediately, guiding users towards the features and testimonials that affirm the product's value. The contact form is straightforward, ensuring users can reach out effortlessly. Overall, the layout encourages users to engage with the content while maintaining a clean and unobtrusive aesthetic.