Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to promote the concept of "fake donations," focusing on raising awareness and encouraging potential users to engage with the cause. The landing page will provide essential information, showcase the initiative's purpose, and facilitate user interaction through calls to action.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top featuring a compelling headline, a brief description of the initiative, and a strong call-to-action button encouraging users to learn more or get involved.
2. **Features Overview**: A section detailing the main benefits and features of the initiative, highlighting why fake donations are important and how users can participate.
3. **Testimonials**: A section showcasing quotes or stories from individuals or organizations involved, reinforcing the impact and credibility of the initiative.
4. **Call to Action (CTA)**: A clear and engaging CTA prompting users to sign up for updates, donate, or share the campaign on social media.
5. **Contact Information**: A simple contact form or details for users to reach out for more information or inquiries.

## 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 feature a top navigation bar, followed by the hero section, features overview, testimonials, CTA, and a contact section, all arranged in a single-scroll format for ease of access and navigation.

## 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 with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create the Layout**: Develop the main layout structure using a functional component for the landing page, incorporating the header, hero section, features, testimonials, CTA, and contact form.
4. **Add Styling**: Use Tailwind CSS classes to style each section according to the specified design principles, ensuring responsiveness across devices.
5. **Implement Typography**: Import and apply the Inter font from Google Fonts throughout the application for headings, body text, and UI elements.
6. **Test User Interactions**: Ensure all buttons and links are functional and lead to appropriate actions or sections.

## USER EXPERIENCE
Users will land on a clean and straightforward page where they can easily navigate through the information. The hero section grabs their attention with a strong message, while the features overview provides quick insights into the initiative. Testimonials add credibility, and the CTA encourages immediate engagement, whether through signing up or sharing the initiative. The minimalist design ensures that users can focus on the content without distractions, creating a seamless experience.