Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Sofast is a web application that provides users with quick access to titles from popular streaming platforms such as Netflix, Prime Video, Disney+, and HBO Max. Users can filter titles based on genre, year, rating, and country without needing to log in. The app features a minimalist design aimed at delivering an appealing user experience while maintaining functional simplicity.

## CORE FEATURES
1. **Search Filter Form**: Users can fill out a form to specify parameters (Genre, Year, Rating, and Country) to find a suitable title from the supported streaming services.
2. **Title Display**: Once a title is selected, the app displays a cover card that includes the movie image, title name, brief information, and a "Save" button.
3. **User Account Integration**: If a user is not logged in, they can initiate the signup process. Logged-in users can save titles directly to their saved content list.
4. **Responsive Design**: The application is fully responsive, ensuring a seamless experience across all devices.
5. **Minimalist Interface**: The UI emphasizes a clean layout with a focus on essential elements, enhancing usability.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist, featuring clean lines, ample white space, and a limited color palette to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: A single-page layout with a top navigation bar, a central form section for search parameters, and a results section displaying the title cards beneath it.
- **Typography**: Use a sans-serif font like Inter or Roboto for body text, with larger headings for titles and section headers to establish a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling
- **UI Components**: shadcn/ui for streamlined UI component implementation
- **State Management**: Use React's Context API or Zustand for managing user authentication state and saved content lists.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Components**:
   - Build the Search Filter Form component where users can select their parameters.
   - Develop the Title Display component to show the selected title's cover card.
   - Implement a User Authentication component to handle sign-up and login flows.
3. **State Management**: Set up a global state using Context API or Zustand to manage user authentication and saved titles.
4. **API Integration**: Integrate with a suitable API or scraping method to fetch titles based on user-selected parameters from various streaming services.
5. **Responsive Design Implementation**: Use Tailwind CSS to ensure all components are responsive and visually appealing on different screen sizes.
6. **Testing and Debugging**: Thoroughly test the application for bugs and issues, particularly focusing on form validation and user flows.

## USER EXPERIENCE
Users land on the Sofast homepage, where they are greeted by a simple form to search for titles. After filling in the desired parameters, they submit the form to see a selection of titles displayed in visually appealing cover cards. Each card features a well-defined "Save" button. If the user is not logged in, they are prompted to create an account seamlessly. Once logged in, they can easily save their favorite titles for future reference, creating a smooth and engaging user experience. The minimalist design ensures that users are not overwhelmed, allowing them to enjoy their search for the perfect title effortlessly.