Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to resemble a Roblox-themed interface, featuring a clean and minimalist aesthetic. The main purpose of the page is to engage users with a call-to-action button that promises 7,000 fake Robux, creating an enticing and playful experience while promoting user interaction.

## CORE FEATURES
1. **Hero Section**: A prominent header with an engaging title and a brief description of the offer, along with a visually appealing call-to-action button to "Send Robux".
2. **Features Highlight**: A section that outlines the fun aspects of the offer, possibly including playful animations or graphics that resonate with the Roblox theme.
3. **Testimonials**: A section featuring user feedback or mock testimonials to build credibility and excitement around the offer.
4. **Contact Form**: A simple form allowing users to submit their details to receive the fake Robux, ensuring a smooth user experience.
5. **Interactive Elements**: Fun, interactive UI components that enhance user engagement and mimic the playful nature of gaming.

## 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 clear hierarchy, starting with the hero section at the top, followed by features, testimonials, and the contact form at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for the landing page; local state management can be used for form handling.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build reusable components for the Hero section, Features, Testimonials, and Contact Form.
3. **Implement Layout**: Arrange components in a single-column layout, ensuring responsiveness on different devices.
4. **Style Components**: Utilize Tailwind CSS classes to apply the specified design, including the primary color and border radius.
5. **Add Interactivity**: Implement the functionality of the call-to-action button to simulate sending Robux and handle form submissions.
6. **Test the Application**: Ensure that all components work seamlessly and the design looks good across various screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing page with a strong call-to-action that captures their interest. The hero section will invite them to engage, while the features and testimonials will reinforce the fun aspect of the offer. The contact form will provide an easy way for users to participate, ensuring a smooth and enjoyable experience that encourages sharing and returning to the page. The overall design will be user-friendly, with clear navigation and interactive elements that keep users engaged.