Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist landing page designed to showcase "RubinOT Capture," a solution for capturing screens without the black screen issue. The website features a handcrafted 2D indie game aesthetic with a strong focus on pixel art and a dynamic DAY/NIGHT system, emphasizing a personal touch in its visual identity.

## CORE FEATURES
1. **Navbar**: Includes the logo, navigation links, and a DAY/NIGHT toggle to enhance the interactive experience.
2. **Hero Section**: Displays the product name, a compelling headline, a short description, and a main call-to-action (CTA) button, along with the pixel art landscape.
3. **Problem/Solution**: Clearly articulates the black-screen capture issue and how RubinOT Capture effectively resolves it.
4. **Features Overview**: Highlights key features such as OBS support and recording capabilities, using pixel art placeholders instead of generic icons.
5. **Demo Section**: Allows users to see a before-and-after comparison of the screen capture functionality with image placeholders for future screenshots.
6. **Testimonials and Feedback**: Provides space for real user feedback, ensuring authenticity and trustworthiness.

## 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 page structure includes a top navbar, a hero section with the main visual element, followed by concise sections for problem/solution, features, demo, testimonials, and a small FAQ, ending with a minimal footer.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Context API or Zustand (if needed for managing the DAY/NIGHT toggle functionality)

## IMPLEMENTATION STEPS
1. Set up the project using Create React App with TypeScript.
2. Install Tailwind CSS and configure it for styling.
3. Create the main component structure, including Navbar, Hero, Problem/Solution, Features, Demo, Testimonials, FAQ, and Footer.
4. Implement the DAY/NIGHT toggle functionality with smooth transitions, ensuring pixel art assets can be animated.
5. Create placeholder components for pixel art assets, using `image-rendering: pixelated` to maintain the pixel art style.
6. Style each section according to the design specifications, focusing on the minimalist approach and pixel art integration.
7. Ensure all text elements use the Inter font, and apply the primary color for call-to-action elements.
8. Test the responsiveness of the landing page across various devices and screen sizes.

## USER EXPERIENCE
Users will experience a seamless transition between DAY and NIGHT modes, enhancing the website's unique identity. Interactions will include navigating through the navbar, engaging with the hero section's CTA, and viewing the demo comparison. All elements will be designed to feel personal and handcrafted, reinforcing the indie game atmosphere while maintaining modern usability standards.