Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to promote the "Create" application, showcasing its features and encouraging user engagement through a clear call-to-action. The landing page will focus on simplicity and visual impact, appealing to users looking to engage with a minimalist design.

## CORE FEATURES
1. **Hero Section**: A prominent introductory area that captures attention with a clear value proposition and a strong call-to-action button.
2. **Features Overview**: A brief section outlining the key features of the application, presented in an engaging and easily digestible format.
3. **Testimonials**: A section dedicated to user feedback and success stories to build trust and credibility.
4. **Call to Action (CTA)**: A strategically placed section encouraging visitors to sign up or learn more about the application.
5. **Contact Information**: A simple form or contact details to facilitate communication with users and potential customers.

## 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 will be a single-column format with a top-to-bottom flow, featuring the hero section at the top, followed by features, testimonials, CTA, and contact information.

## 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build individual components for the hero section, features overview, testimonials, CTA, and contact form.
3. **Design Layout**: Use Tailwind CSS utility classes to structure the layout according to the design specifications.
4. **Integrate Typography**: Import Inter font from Google Fonts and apply it to the headings and body text.
5. **Implement Color Scheme**: Apply the primary color (#1978E5) to buttons, links, and highlights throughout the page.
6. **Test Responsiveness**: Ensure the design is fully responsive across different devices and screen sizes.

## USER EXPERIENCE
The user experience will focus on smooth navigation and engaging interactions. Users will be welcomed by a visually appealing hero section that encourages them to explore the features. The flow from features to testimonials will build credibility, leading to a strong call-to-action that invites users to take the next step, such as signing up or getting in touch. The minimalist design ensures that users can easily digest information without distractions.