Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project aims to create a minimalist landing page designed to simulate the experience of sending Robux to users. This page serves as a marketing tool to engage visitors with a simple, clean interface that highlights the key features and facilitates user interaction. The focus will be on visual appeal and user engagement, with a clear call to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that captures attention, featuring a catchy tagline and a prominent button encouraging users to "Send Robux".
2. **How It Works**: A brief explanation outlining the steps involved in the faux sending process, enhancing user understanding and engagement.
3. **Features Overview**: A section that highlights the unique selling points of the application, such as ease of use, fun interactions, and the ability to create a sense of community.
4. **Testimonials**: A showcase of user feedback or success stories to build trust and credibility, even for a fictional concept.
5. **Call to Action (CTA)**: A clear and compelling invitation for users to participate, leading them to a sign-up or interaction point.
6. **Contact Information**: A simple form or details for users to reach out for more information, enhancing transparency and engagement.

## 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 layout will be a single-column format, with sections stacked vertically. Each section will be clearly defined with ample whitespace and a consistent use of the primary color for accents.

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

## IMPLEMENTATION STEPS
1. **Set Up the React Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Configure Tailwind CSS**: Set up the Tailwind configuration file to include custom styles and ensure it integrates with your project.
3. **Create Components**: Build individual components for the Hero Section, Features Overview, Testimonials, and Contact Information.
4. **Implement Layout**: Arrange the components in a single-column layout, applying Tailwind CSS classes for styling and spacing.
5. **Integrate Fonts**: Link to Google Fonts to use Inter for both headings and body text.
6. **Add Interactivity**: Include any necessary interactive elements, such as buttons that visually respond to clicks.
7. **Testing and Optimization**: Ensure the application is responsive and functions well on different screen sizes.

## USER EXPERIENCE
The user experience will focus on simplicity and clarity. Visitors will land on a visually appealing hero section that invites them to engage. Clear navigation through sections will guide users seamlessly from the introduction to the features, and finally to the CTA. The design will prioritize readability and accessibility, ensuring all users can easily interact with the content. The minimalist approach will eliminate distractions, allowing users to focus on the core message and actions available on the page.