Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist landing page titled "Onde posso colocar meus prompts," designed to help users discover where they can store and organize their prompts. The page will focus on providing clear information, engaging visuals, and a straightforward call-to-action to encourage user interaction.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction that clearly conveys the purpose of the website, featuring a catchy tagline and a prominent call-to-action button.
2. **Features Overview**: A section that highlights the key benefits of using the service, including simplicity, accessibility, and organization tools.
3. **Testimonials**: A section showcasing user reviews and success stories to build trust and credibility.
4. **Call-to-Action**: A clear and compelling section encouraging users to sign up or explore the platform further.
5. **Contact Information**: A concise contact form or details for users to reach out for more information or support.

## 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 sections stacked vertically, ensuring easy navigation and a smooth user experience.

## 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 React environment**: Initialize a new React project with TypeScript using Create React App.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to set it up in the project.
3. **Add Google Fonts**: Import the Inter font from Google Fonts into the project.
4. **Build the Hero Section**: Create a component that includes a catchy headline, a brief description, and a prominent call-to-action button styled with the primary color.
5. **Develop the Features Overview**: Create a section that clearly outlines the key benefits, using icons or images to enhance visual appeal.
6. **Implement Testimonials**: Create a testimonial section with quotes from users, ensuring a clean and readable design.
7. **Create the Call-to-Action Section**: Design a compelling CTA that encourages users to take action, ensuring it stands out with the primary color.
8. **Add Contact Information**: Implement a simple contact form or display contact details for user inquiries.
9. **Test for Responsiveness**: Ensure all sections are responsive and visually appealing on different device sizes.

## USER EXPERIENCE
Users will first encounter the hero section with a strong visual message. As they scroll down, they will see the features highlighted, followed by user testimonials to establish credibility. The landing page will culminate in a persuasive call-to-action that encourages them to engage further, either by signing up or learning more about the service. The clean layout and minimalist design ensure a seamless user experience, making it easy for visitors to navigate and absorb information.