Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will provide users with a streamlined interface for configuring notification settings. It focuses on enhancing user experience by simplifying the configuration flow and ensuring clear visibility of options based on user selections.

## CORE FEATURES
1. **Notification Configuration Flow**: Users can easily manage their notification preferences through a clean and intuitive interface.
2. **Dynamic Field Display**: The application will conditionally display fields based on user selections (e.g., the "Conditions of Use (Optional)" field only appears for specific notification types).
3. **Visibility Control**: Hidden options will not clutter the UI, enhancing the overall user experience by ensuring only relevant options are visible.
4. **Consistent Visual Design**: All new fields and options will maintain a consistent visual style with existing UI elements, ensuring a seamless user experience.

## 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 consist of a vertical alignment with sections for each notification variant, utilizing ample spacing for clarity and navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand (as needed for managing notification state)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build components for each notification variant and the dynamic fields.
3. **Implement Conditional Logic**: Use React state to manage the visibility of the "Conditions of Use (Optional)" field based on the selected notification type.
4. **Style Components**: Apply Tailwind CSS classes to ensure all components adhere to the specified design specifications.
5. **Test Functionality**: Ensure that the "Frecuencia" module is removed from "InApp - Banner promocional" and that all visibility conditions work as intended.
6. **User Testing**: Conduct user testing sessions to gather feedback and make necessary adjustments based on user interactions.

## USER EXPERIENCE
Users will interact with the notification configuration flow through a simple form. They will select between different notification types, and based on their selection, the relevant fields will appear or disappear. The design will be responsive, ensuring a consistent experience across devices, with clear labels and ample spacing to guide users through the configuration process efficiently.