Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to mimic the style of the specified reference while removing the yellow accents. The main purpose is to provide a clean and simple interface that effectively communicates information and encourages user interaction.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a clear headline, subheadline, and a prominent call-to-action button.
2. **Features Overview**: A section highlighting key features or benefits, presented in a concise and engaging format.
3. **Testimonials**: A section dedicated to user testimonials to build trust and credibility.
4. **Call-to-Action (CTA)**: A repeated CTA encouraging users to take action, such as signing up or learning more.
5. **Contact Section**: A simple contact form for user inquiries, including fields for name, email, and message.

## 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 top navigation bar, followed by the hero section, features overview, testimonials, CTA, and contact form, all arranged in a single-column format to enhance readability and flow.

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

## IMPLEMENTATION STEPS
1. **Set up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Structure**: Set up the main components for the landing page: Navigation, Hero, Features, Testimonials, CTA, and Contact sections.
4. **Implement Styling**: Use Tailwind CSS classes to apply the minimalist design, ensuring to incorporate the specified primary color, typography, and border radius.
5. **Add Content**: Populate the sections with placeholder content that reflects the intended messages and features.
6. **Test Responsiveness**: Ensure the layout adjusts well on various screen sizes for a seamless user experience.
7. **Deploy the Application**: Use platforms like Vercel or Netlify to host the landing page for public access.

## USER EXPERIENCE
Users will interact with the landing page by navigating through the sections using the top navigation bar. The hero section will grab their attention with a strong message and a CTA button leading them to take the next step. The features overview and testimonials will provide additional context and assurance, guiding users towards the CTA to encourage form submissions or sign-ups. The contact form will be straightforward, ensuring users can easily reach out with inquiries. Overall, the minimalist design will enhance usability and focus on the content.