Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to mimic a Robux send website, focusing on a clean and minimalist aesthetic to engage users. The primary goal is to capture user interest and encourage them to interact with the site, emphasizing a simple and straightforward presentation of features.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that clearly states the purpose of the website and invites users to engage.
2. **Features Overview**: A section highlighting the key benefits of using the service, explaining how it works in a concise manner.
3. **Call to Action (CTA)**: A prominent button encouraging users to sign up or learn more, strategically placed for maximum visibility.
4. **Testimonials**: A section showcasing user feedback or success stories to build trust and credibility.
5. **Contact Form**: A simple form for users to submit inquiries or feedback, allowing for direct communication with the website administrators.

## 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 be a single-column structure to maintain focus, featuring a hero section at the top, followed by features, testimonials, and a contact form at the bottom.

## 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 and shadcn/ui.
2. **Create Components**: Develop components for the Hero section, Features overview, Testimonials, and Contact Form.
3. **Design Layout**: Use Tailwind CSS to create a responsive layout that adheres to the minimalist design principles.
4. **Integrate Typography**: Import Inter from Google Fonts and apply it to headings and body text.
5. **Implement Styling**: Apply the primary color (#1978E5) and border radius (8px) to buttons, links, and inputs.
6. **Add Content**: Populate the sections with sample text and ensure all elements are visually appealing and aligned.
7. **Test Responsiveness**: Ensure the layout adjusts well on different screen sizes and devices.

## USER EXPERIENCE
Users will first encounter the hero section, which captures their attention with a clear message and a strong CTA. As they scroll down, they will be presented with the benefits of the service, enhancing their understanding and interest. The testimonials will provide social proof, further encouraging engagement. Finally, users can easily reach out via the contact form, making the process of inquiry simple and straightforward. The overall experience should feel seamless and inviting, guiding users naturally through the content.