Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a collection of games for early childhood. The main purpose is to engage parents and caregivers by showcasing the benefits of these games in fostering early development skills in children. The page will be visually appealing, informative, and conversion-focused, encouraging visitors to explore the games and take action.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a brief description of the games and a prominent call-to-action (CTA) button directing users to explore the collection.
2. **Featured Games**: Highlight a selection of popular games with images, descriptions, and links to learn more or play.
3. **Benefits Section**: Outline the developmental benefits of the games for children, emphasizing skills like problem-solving, creativity, and social interaction.
4. **Testimonials**: Showcase quotes or feedback from parents and educators who have observed positive outcomes from using the games.
5. **Contact Information**: Provide a simple contact form or email link for inquiries, allowing users to reach out easily for more information.
6. **Footer**: Include links to social media, privacy policy, and terms of service.

## 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 structure will consist of a top navigation bar, a full-width hero section, followed by grid-based sections for featured games and benefits, a testimonials slider, and a footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for this landing page, but can utilize React's built-in state management for form handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop reusable components for the header, footer, and sections (hero, featured games, benefits, testimonials).
4. **Design the Hero Section**: Implement the hero section with a catchy headline, subheadline, and CTA button.
5. **Build Featured Games Section**: Create a grid layout to display featured games with images and descriptions.
6. **Develop Benefits Section**: Use bullet points or icons to summarize the benefits of the games.
7. **Implement Testimonials**: Set up a simple carousel or list to feature testimonials from users.
8. **Contact Form**: Add a basic contact form with fields for name, email, and message.
9. **Responsive Design**: Ensure all sections are responsive and visually appealing on different devices.
10. **Test Functionality**: Verify all links and forms work correctly before deployment.

## USER EXPERIENCE
Users will land on a visually engaging page that clearly communicates the value of the games. The intuitive navigation will allow them to explore featured games easily, understand the benefits, and read testimonials from other users. The CTA will prompt them to take action, whether that means exploring more games or contacting for inquiries. The minimalist design ensures that the user can focus on the content without distractions, enhancing the overall experience.