Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to promote Robux for Roblox. Its primary purpose is to inform users about Robux, highlight its benefits, and encourage visitors to engage through clear calls-to-action. The design emphasizes simplicity and clarity to enhance user conversion.

## CORE FEATURES
1. **Hero Section**: An engaging introduction that captures attention with a strong headline, subheading, and a prominent call-to-action button encouraging users to learn more or purchase Robux.
2. **Features Overview**: A section detailing the benefits of Robux, using concise bullet points or icons to illustrate how it enhances the Roblox experience.
3. **Testimonials**: User reviews or testimonials that build credibility and trust, demonstrating satisfaction with Robux.
4. **FAQ Section**: A concise FAQ that addresses common questions about Robux, ensuring potential customers feel informed and reassured.
5. **Contact Information**: A clear way for users to get in touch for support or inquiries, including a simple contact form or email link.
6. **Call to Action**: Multiple strategically placed calls to action throughout the page to encourage users to make a purchase or sign up.

## 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, with a hero section at the top, followed by features, testimonials, an FAQ section, and a footer with contact information. Each section will be clearly defined with ample spacing.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Structure**: Build the main layout using React components, ensuring each section (Hero, Features, Testimonials, FAQ, Contact) is modular.
3. **Implement Hero Section**: Design the hero section with a headline, subheading, and a call-to-action button styled with the primary color.
4. **Develop Features Overview**: Create a grid or list layout to display the features of Robux, incorporating icons or images.
5. **Add Testimonials Section**: Implement a section for user testimonials, ensuring it is visually distinct yet cohesive with the overall design.
6. **Build FAQ Section**: Design the FAQ section using collapsible elements to save space and improve user experience.
7. **Implement Contact Information**: Create a footer with contact information and a simple contact form (or link) for users to reach out.
8. **Styling with Tailwind CSS**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring responsiveness across devices.
9. **Testing**: Perform thorough testing for usability and responsiveness, fixing any issues that arise.
10. **Deployment**: Deploy the landing page to a suitable hosting platform, ensuring it is accessible to users.

## USER EXPERIENCE
Key user interactions will focus on clarity and ease of navigation. The landing page will guide users through the information seamlessly, with a clear path to conversion through strategically located call-to-action buttons. The minimalist design will ensure that users are not overwhelmed, enhancing their overall experience and encouraging engagement.

This prompt is ready to be copied and pasted into Lovable for development.