Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application will be a web app designed for the Adventist Church of Quilpué Centro, enabling users to upload transcripts of sermons or podcasts from YouTube. The app will generate catchy titles and thumbnail phrases using an AI model, ensuring a user-friendly and aesthetically pleasing interface for easy navigation and interaction.

## CORE FEATURES
1. **Transcript Upload**: Users can upload sermon or podcast transcripts directly into the app.
2. **Style Configuration**: Users can specify the desired style or theme for the title and thumbnail phrases, providing additional context or ideas.
3. **AI-generated Suggestions**: The app utilizes the Gemini API to generate impactful title and thumbnail phrases based on user inputs.
4. **Format Selection**: Users can choose different formats for the generated phrases, such as single impactful phrases or longer text options.
5. **Iterative Editing**: Users can easily iterate on the generated options, refining their selections within a responsive interface.
6. **User-Friendly Navigation**: The interface is designed to be aesthetically pleasing and minimalistic, ensuring a smooth user experience throughout the application.

## 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 will feature a central upload area for transcripts, a configuration panel for style settings, a section for displaying AI-generated suggestions, and a responsive navigation menu for easy access to various functionalities.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (optional, depending on state complexity)

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript and install the necessary dependencies, including Tailwind CSS and shadcn/ui.
2. **Create the main layout**: Develop the primary layout structure, incorporating areas for uploading transcripts, configuration options, and displaying generated titles.
3. **Build the transcript upload component**: Implement a file upload component that accepts text files or direct input of sermon transcripts.
4. **Design the style configuration panel**: Create a user interface for users to input their style preferences and additional ideas.
5. **Integrate the Gemini API**: Establish a connection to the Gemini API to facilitate the generation of title and thumbnail phrases.
6. **Implement the display of AI-generated suggestions**: Create a section to showcase the generated phrases, allowing users to select and iterate on their choices.
7. **Ensure responsive design**: Test and optimize the interface for various devices, ensuring a seamless user experience across different screen sizes.

## USER EXPERIENCE
Users will navigate a clean and minimalistic interface, starting with an intuitive upload section for their transcripts. After uploading, they will configure their preferences and see AI-generated suggestions that they can easily iterate on. The focus will be on providing a smooth, efficient process that encourages creativity while maintaining an organized and aesthetically pleasing environment. The overall experience will prioritize ease of use, making it simple for users to generate engaging titles and thumbnails for their church content.