Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This is a landing page designed to present a fictional service that allows users to input a number of Robux and "send" them, although the Robux are not real and do not actually arrive. The purpose of this landing page is to attract visitors, explain the service, and encourage them to engage with the site, all while maintaining a clean and minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top of the page that introduces the service, featuring a catchy headline and a brief explanation.
2. **Input Form**: A straightforward form where users can enter the number of Robux they wish to "send," complete with a submit button.
3. **Features Overview**: A section outlining the key benefits of using the service, presented in a visually appealing format.
4. **Testimonials**: A dedicated area for user feedback or fictional testimonials to build trust and credibility.
5. **Call to Action (CTA)**: A clear and compelling CTA button encouraging users to engage or share the service, prominently placed throughout the page.
6. **Contact Information**: A simple contact section for inquiries, including an email address and social media links.

## 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 a top-to-bottom flow, ensuring easy navigation and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this landing page, but could use React Context if needed for managing form states.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling and UI elements.
3. **Create Components**: Build the necessary components, including the Hero section, Input Form, Features Overview, Testimonials, CTA, and Contact Information.
4. **Style Components**: Use Tailwind CSS classes to apply styling according to the design specifications, ensuring the use of the primary color and typography.
5. **Add Functionality**: Implement the input form submission logic (even though it does not send real Robux, provide user feedback on submission).
6. **Responsive Design**: Ensure that the layout is responsive for different screen sizes, maintaining usability and readability.

## USER EXPERIENCE
Users will arrive at the landing page and be greeted by a visually appealing hero section. They can easily navigate through the page, read about the features, and see testimonials. The input form will be prominently displayed, encouraging users to participate, with clear feedback provided upon submission. The minimalist design will ensure a distraction-free experience, allowing users to focus on the content and call-to-action.