Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a minimalist landing page for a Roblox-themed project, designed to showcase features, engage users, and encourage sign-ups or explorations. This one-page layout will highlight key offerings and provide essential information in a visually appealing manner.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a prominent call-to-action (CTA) button, inviting users to explore the Roblox experience.
2. **Features Overview**: A section highlighting the unique features of the project, such as game creation tools, community engagement, and user-friendly interface.
3. **Testimonials**: A curated selection of user testimonials to build credibility and showcase user satisfaction.
4. **Call to Action**: A clear and enticing section prompting users to sign up or learn more, driving conversions.
5. **Contact Information**: Easy access to contact details for inquiries or support, enhancing user trust.

## 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 a fixed header, smooth scrolling sections for features, testimonials, and contact, ensuring a seamless user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified; consider using React's built-in state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - Develop the `Hero`, `Features`, `Testimonials`, `CTA`, and `Contact` components.
   - Ensure each component adheres to the minimalist design principles.
4. **Implement Layout**: Structure the main layout with a header, smooth scrolling sections for each component, and ensure responsive design.
5. **Style Components**: Use Tailwind CSS classes to apply the specified visual styles, including the primary color and border radius.
6. **Testing and Optimization**: Test responsiveness across devices and optimize loading times.

## USER EXPERIENCE
Users will land on a visually engaging homepage that succinctly communicates the offerings of the Roblox-themed project. The navigation will be smooth, with sections clearly defined and easy to access. Users can quickly view features, read testimonials, and be encouraged to take action through strategically placed CTAs, ensuring a straightforward and enjoyable experience.