Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that generates popular phrases from various pop culture franchises using generative AI. Users can sign up with their email and phone number, select their preferred franchise or category, and receive a daily phrase via WhatsApp based on their selection.

## CORE FEATURES
1. **User Authentication**: Allow users to register and log in using their email and phone number, ensuring secure access to personalized content.
2. **Franchise Selection**: Users can choose from a list of pop culture franchises (e.g., movies, TV shows, games) to receive tailored phrases.
3. **Daily Phrase Generation**: The system uses AI to generate and send a unique phrase from the selected franchise to users via WhatsApp each day.
4. **User Dashboard**: A simple dashboard for users to manage their profiles, view their selected franchises, and track received phrases.
5. **Notification Preferences**: Users can set their preference for the time of day they wish to receive their daily phrases.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The application features a clean and simple design with plenty of white space, focusing on a user-friendly interface.
- **Color Mode**: Light theme with dark text on light backgrounds for easy readability.
- **Layout**: The main layout consists of a header with the application logo, a hero section for the call to action, followed by feature highlights in a grid format, a user testimonial section, and a footer with contact information.
- **Typography**: Use a sans-serif font (e.g., Inter or Roboto) for a modern look, with headings bolded for emphasis and body text set at a comfortable reading size.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling and rapid UI development.
- **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Use React Context API or Zustand for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize the React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create User Authentication**: Implement user registration and login flows, ensuring data is securely stored and managed.
3. **Develop Franchise Selection Component**: Build a UI component that allows users to select their desired franchises from a predefined list.
4. **Integrate AI Phrase Generation**: Set up the backend to generate phrases using AI and connect it to the user’s selected franchise.
5. **Implement Daily Notification System**: Create a service to handle the timing and sending of phrases to users via WhatsApp.
6. **Build User Dashboard**: Design a simple dashboard where users can view and manage their preferences and received phrases.

## USER EXPERIENCE
Users will begin by visiting the landing page, where they can easily register or log in. Upon logging in, they will be directed to their dashboard to select their preferred franchises and set their notification preferences. Each day, they will receive a unique phrase via WhatsApp, enhancing engagement and providing a delightful experience centered around their interests in pop culture. The clean, minimalist design ensures that users can navigate the application effortlessly, with all necessary features easily accessible.