Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page for a Roblox Robux visualizer, aimed at providing users with an engaging and informative experience about Roblox currency. The landing page will feature a clean design that emphasizes usability and conversion, showcasing the benefits and features of the Robux visualizer.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with a catchy tagline and a call-to-action button to encourage user engagement.
2. **Features Overview**: A section highlighting the key features of the Robux visualizer, explaining how it can help users manage and visualize their Robux effectively.
3. **Testimonials**: A section to display user feedback and success stories to build trust and credibility.
4. **Call to Action (CTA)**: A clear and compelling button that encourages users to start using the visualizer or sign up for more information.
5. **Contact Information**: A section providing users with ways to 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**: A single-column layout with sections stacked vertically, including a hero section at the top, followed by features, testimonials, CTA, and contact information at the bottom.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Install Dependencies**: Add required packages like shadcn/ui for UI components.
3. **Create Layout Structure**: Set up the basic layout with a main App component and sections for Hero, Features, Testimonials, CTA, and Contact.
4. **Implement Hero Section**: Design the hero section with a catchy headline, brief description, and a prominent CTA button styled with the primary color.
5. **Develop Features Section**: Create cards or lists to detail the main features of the visualizer.
6. **Add Testimonials Section**: Include user testimonials with a clean and readable format.
7. **Implement CTA Section**: Design a strong call-to-action that stands out.
8. **Create Contact Information**: Add a simple contact form or information section.
9. **Responsive Design**: Ensure the layout is responsive and looks good on various devices.
10. **Testing**: Test the landing page across different browsers and devices for compatibility and performance.

## USER EXPERIENCE
Users will land on a clean and inviting page where they can quickly understand the value of the Roblox Robux visualizer. The intuitive layout will guide them through the features, provide social proof through testimonials, and encourage them to take action via the prominently placed CTA. The minimalist design will reduce distractions, allowing users to focus on the content and easily navigate through the sections.