Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Lumis Animated is a landing page designed to promote and provide a download link for a Roblox executor. The website focuses on delivering a clean and engaging experience, highlighting the executor's features while maintaining a minimalist aesthetic to encourage user engagement and conversions.

## CORE FEATURES
1. **Hero Section**: A captivating introduction featuring an eye-catching headline and a prominent download button that encourages users to get started with the executor.
2. **Features Overview**: A section showcasing the key features of the Roblox executor, including ease of use, safety measures, and performance enhancements.
3. **Testimonials**: A dedicated area for user feedback and testimonials, building trust and providing social proof regarding the executor's effectiveness and reliability.
4. **FAQ Section**: A section addressing common questions users may have about the executor, installation process, and usage tips.
5. **Contact Information**: A simple contact form or an email link for users 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-page layout with a fixed navigation bar, smooth scrolling sections, and clear visual hierarchy to guide users through the content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a simple landing page, but consider using React's built-in state management for form handling if necessary.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with the TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to your project.
3. **Create Main Components**:
   - Build the Hero component featuring a headline, subheadline, and download button.
   - Design the Features component to list the executor’s key features.
   - Implement the Testimonials component to display user feedback.
   - Set up the FAQ section with expandable/collapsible answers to common questions.
   - Create a Contact component with a simple form for user inquiries.
4. **Style Components**: Use Tailwind CSS classes to ensure a consistent minimalist aesthetic, incorporating the primary color and typography specifications.
5. **Implement Navigation**: Add a fixed navigation bar that links to each section of the page for smooth scrolling.
6. **Test Responsiveness**: Ensure the layout is responsive on various screen sizes, adjusting styles as necessary.

## USER EXPERIENCE
Key interactions will include a straightforward navigation experience, allowing users to easily scroll through sections and find the information they need. The prominent download button in the hero section will facilitate quick access to the executor download. Users will appreciate the clarity and simplicity of the FAQ section, while testimonials will provide reassurance about the product's quality. Overall, the user journey will be simple, focused, and conversion-driven, encouraging downloads and engagement.