Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a fake Robux sender website. The main purpose is to create a simple, user-friendly interface that allows visitors to simulate sending Robux to their friends. It will focus on engaging users with a minimalist design while ensuring a smooth user experience.

## CORE FEATURES
1. **Hero Section**: An eye-catching introduction that explains the purpose of the website and its key features.
2. **Robux Sending Simulation**: A form where users can input a username and the amount of Robux they wish to send. This will include a simulated confirmation message.
3. **User Testimonials**: A section highlighting user experiences and feedback to build trust and encourage usage.
4. **FAQ Section**: A list of frequently asked questions to help users understand the service and its purpose.
5. **Contact Form**: A simple form for users to submit inquiries or feedback.

## 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 feature a vertical flow starting with a hero section, followed by the Robux sending simulation, testimonials, FAQ, and a contact form, all organized in a single-page layout for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this simple application, but can be implemented if necessary for future expansion.

## IMPLEMENTATION STEPS
1. **Set up the React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling components.
3. **Create Components**: Build components for the hero section, Robux sending simulation form, testimonials, FAQ section, and contact form.
4. **Style Components**: Use Tailwind CSS to apply the specified design specifications, ensuring spacing, colors, and typography align with the minimalist aesthetic.
5. **Implement Functionality**: Add functionality to the Robux sending simulation form to show a confirmation message upon submission.
6. **Optimize for Responsiveness**: Ensure the design adapts well to different screen sizes for a better user experience.

## USER EXPERIENCE
Users will land on a clean and inviting homepage, greeted by the hero section. They can easily navigate to the Robux sending simulation where they input their desired username and amount. Upon submission, a confirmation message will appear, enhancing the interactive experience. Users can scroll down to read testimonials and FAQs, ultimately leading them to the contact form for any inquiries. The overall experience is designed to be straightforward and engaging, encouraging users to interact with the site.