Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to simulate a fake Robux sending experience, emphasizing a minimalist aesthetic. The main purpose is to create a visually appealing and straightforward interface that gives the illusion of sending Robux, without actual functionality for receiving.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a catchy tagline and a clear call-to-action button inviting users to "Send Robux."
2. **How It Works**: A simple explanation section that briefly outlines the process of sending Robux, using minimal text and engaging visuals.
3. **Visual Feedback**: Animation or visual effects when users click the "Send" button to enhance the illusion of sending Robux.
4. **Testimonials**: A section featuring fictional testimonials from users who have "sent" Robux, enhancing the credibility of the service.
5. **Contact Form**: A straightforward contact form for inquiries, designed to capture user information without overwhelming them.

## 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 consist of a full-width hero section at the top, followed by the "How It Works" section, testimonials, and a contact form, ensuring a seamless flow from introduction to interaction.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App or a similar method.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Develop the main components including the Hero, How It Works, Testimonials, and Contact Form.
4. **Style Components**: Use Tailwind CSS classes to implement the minimalist design, ensuring the primary color and typography are applied consistently.
5. **Add Animations**: Implement simple animations for the "Send" button to create a visual feedback effect when clicked.
6. **Test Responsiveness**: Ensure the landing page is fully responsive and visually appealing across different devices and screen sizes.
7. **Deploy**: Host the landing page on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will interact with the landing page by navigating through the sections seamlessly. The experience begins with a striking hero section that captures attention, followed by an easy-to-understand explanation of the fake sending process. When users click the "Send Robux" button, they will see engaging visual feedback, reinforcing the illusion of sending. The testimonials provide a fictional sense of community, while the contact form offers a straightforward way for users to engage further without feeling overwhelmed. Overall, the design prioritizes simplicity and clarity, ensuring users can navigate effortlessly.