Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application that serves as a template gallery, showcasing various slides and charts from the provided design. The main purpose is to allow users to view and potentially download or replicate these slides while maintaining a consistent minimalist design.

## CORE FEATURES
1. **Template Gallery**: Display all slides (up to 19) in a visually appealing grid layout, allowing users to navigate through different templates easily.
2. **Chart Display**: Incorporate interactive charts that users can click on for more details or to download.
3. **Image Integration**: Showcase images included in the templates prominently alongside the related text and charts.
4. **Download Functionality**: Provide users with the option to download individual templates, charts, or images directly.
5. **Search and Filter**: Enable users to search for specific templates or filter by categories to enhance navigation.
6. **Responsive Design**: Ensure that the application is fully responsive across devices, maintaining usability on mobile, tablet, and desktop.

## 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 header for navigation, a grid for displaying templates and charts, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for state management)

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Develop the header, footer, and main content area to handle the template gallery.
3. **Implement Template Gallery**: Build a grid layout to display the slides, ensuring each template card includes an image and a download button.
4. **Add Chart Functionality**: Integrate chart components that allow user interaction and provide detailed views or download options.
5. **Search and Filter Feature**: Implement a search bar and filter options to help users find specific templates easily.
6. **Ensure Responsiveness**: Use Tailwind CSS utilities to make the application responsive and visually appealing on all devices.
7. **Test Functionality**: Conduct thorough testing to ensure all features work as intended and fix any bugs.

## USER EXPERIENCE
Users will have a seamless experience as they navigate through the template gallery. They can easily view templates, click on charts for more details, and download materials with intuitive buttons. The responsive design ensures that users on any device can access the application comfortably, maintaining a clean and engaging interface throughout their interaction.