Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based platform designed for Muslim users to access a curated collection of stock photos, videos, and soundtracks that align with the principles of Sharia. By offering a clean and user-friendly interface, the application aims to provide high-quality multimedia resources while ensuring they are culturally and religiously appropriate.

## CORE FEATURES
1. **Search Functionality**: A robust search engine that allows users to find images, videos, and sounds by keywords, categories, or tags, ensuring quick access to relevant content.
2. **Curated Collections**: Featured collections of multimedia resources focused on themes relevant to the Muslim community, such as religious events, cultural celebrations, and everyday life.
3. **User Accounts**: Users can create accounts to save their favorite assets, manage downloads, and customize their experience by following specific categories or genres.
4. **Download Options**: Seamless download options for images, videos, and audio tracks in various formats and resolutions, catering to different user needs.
5. **Licensing and Usage Guidelines**: Clear information on licensing and usage rights for each asset, ensuring users understand how they can use the content in compliance with Sharia law.
6. **Feedback and Community Section**: A space for users to provide feedback on resources, suggest new content, and share their own multimedia contributions that align with community standards.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a clean, simple aesthetic. Extensive use of white space to enhance readability and focus on content.
- **Color Mode**: Light theme featuring dark text against light backgrounds, promoting an inviting and accessible user experience.
- **Layout**: A grid layout for the homepage showcasing featured collections and a horizontal navigation bar at the top for easy access to different sections (Search, Collections, Account, Community).
- **Typography**: Utilize a modern sans-serif font for headings (e.g., 'Inter' or 'Poppins') and a legible serif font for body text (e.g., 'Merriweather'). Establish a clear hierarchy with larger font sizes for headings and smaller sizes for descriptions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong typing and enhanced maintainability.
- **Styling**: Tailwind CSS for responsive design and rapid styling.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible UI components that align with the minimalist aesthetic.
- **State Management**: Implement React Context API for managing user sessions and preferences.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create Layout Components**: Develop the primary layout components, including Header, Footer, and MainContent areas using Tailwind CSS for styling.
3. **Build Core Features**: Implement core features such as Search Functionality, User Accounts, and Download Options using React hooks and Context API for state management.
4. **Design Collections Page**: Create a Collections page that displays curated multimedia resources in a grid layout. Ensure proper filtering and sorting options are available.
5. **Integrate Licensing Information**: Add licensing details to each asset’s page, clearly explaining usage rights and compliance with Sharia law.
6. **User Feedback Mechanism**: Establish a feedback form where users can submit suggestions and comments on existing resources.

## USER EXPERIENCE
Users will have an intuitive experience as they navigate through the platform. The homepage will immediately present featured collections and a prominent search bar at the top. Upon searching for content, users will see results displayed in a grid format, with options to filter by category or media type. Account creation will be simple, allowing users to manage their preferences and favorite assets effortlessly. The feedback and community section will encourage engagement, providing a sense of belonging and contribution to the platform.

This comprehensive design and functionality plan ensures the application not only meets the needs of its users but also adheres to the cultural values of the Muslim community in a visually appealing and user-friendly manner.