Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for a service that simulates sending Robux, the in-game currency for Roblox. The main purpose is to attract and inform users about the service, encouraging them to engage with the platform through a clear call-to-action.

## CORE FEATURES
1. **Hero Section**: A visually engaging introduction that highlights the service and its benefits, featuring a prominent call-to-action button for users to start using the service.
2. **Features Overview**: A section that outlines the key features of the service, explaining how it works and why users should choose it.
3. **Testimonials**: A section showcasing user feedback and success stories to build trust and credibility.
4. **Call-to-Action (CTA)**: A strategically placed CTA encouraging users to start using the service or sign up for more information.
5. **Contact Information**: A simple form or section where users can reach out for support or inquiries.

## 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. The hero section will occupy the top, followed by features, testimonials, the CTA, and contact information. Each section will have ample spacing for clarity and ease of navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page, but can use Context API if needed for future enhancements.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui for UI components.
2. **Create Layout Structure**: Build the main components: HeroSection, FeaturesSection, TestimonialsSection, CTASection, and ContactSection.
3. **Implement Hero Section**: Design the hero section with a background image (if desired) and a clear heading, subheading, and CTA button styled with Tailwind CSS.
4. **Develop Features Overview**: Create a visually appealing grid or list to present the features of the service, ensuring each feature has an icon and a brief description.
5. **Add Testimonials**: Implement a carousel or grid layout to display testimonials, ensuring to style them for visual impact.
6. **Create CTA Section**: Design a prominent CTA that encourages users to take action, with a button styled using the primary color.
7. **Build Contact Section**: Implement a simple contact form or section with fields for name, email, and message, styled according to the design specifications.
8. **Responsive Design**: Ensure that the entire layout is responsive, adjusting for different screen sizes and devices.

## USER EXPERIENCE
Users will encounter a clean and inviting landing page that clearly communicates the service's value. The straightforward navigation will guide them through the features and testimonials, building trust, and leading them to take action via the prominent call-to-action buttons. The minimalist design will enhance readability and user engagement, ensuring a pleasant browsing experience.