Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Código robux" is a minimalist landing page designed to engage users with a clean and straightforward presentation of the service. The main purpose of this landing page is to attract potential users by showcasing the benefits of the service, encouraging sign-ups through clear calls to action, and providing essential information about the offerings.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a concise tagline and a call-to-action button that directs users to sign up or learn more.
2. **Features Overview**: A section highlighting the key features of "Código robux", detailing how the service works and its unique selling points.
3. **Testimonials**: A space for user reviews and testimonials to build trust and social proof, showcasing positive experiences with the service.
4. **Call to Action (CTA)**: Multiple strategically placed buttons encouraging users to sign up, subscribe, or contact for more information.
5. **Contact Information**: A simple contact form for inquiries, allowing potential users to reach out easily.

## 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-page layout with a full-width hero section at the top, followed by features and testimonials in a grid format, and a sticky footer for contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a simple landing page, but can be integrated if future features need dynamic state handling.

## IMPLEMENTATION STEPS
1. Set up a new React project using Create React App with TypeScript.
2. Install Tailwind CSS and configure it for your project.
3. Import Inter font from Google Fonts in the `index.html` or through Tailwind's custom font settings.
4. Create components for the Hero Section, Features Overview, Testimonials, and Contact Form using functional components.
5. Style each component using Tailwind CSS classes based on the design specifications.
6. Implement responsive design to ensure the page looks good on different screen sizes.
7. Test the page for usability and performance, making adjustments as necessary.
8. Deploy the landing page using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will land on a visually appealing hero section that captures their interest immediately. As they scroll down, they will encounter well-structured sections that clearly outline the features and benefits of "Código robux", supported by real testimonials. The design encourages users to engage with clear calls to action, and a straightforward contact form at the bottom ensures that inquiries are easily manageable. The minimalist approach ensures that users can navigate the site without distractions, focusing on the value offered.