/add-image-gallery

Create an image gallery component with upload capability. Implement responsive grid layout using Bootstrap grid system. Add lightbox modal for full-size image viewing with navigation controls. Create image upload interface with drag-and-drop and preview. Support multiple image uploads simultaneously. Implement lazy loading for performance with Intersection Observer. Add filtering by category or tags. Implement sorting options (date, name, size). Include image metadata display (filename, size, upload date). Add delete functionality with confirmation. Use Next.js Image component for optimization. Make gallery fully responsive for mobile devices. Reference frontend-development-agent for component architecture.

Create an image gallery component with upload capability. Implement responsive grid layout using Bootstrap grid system. Add lightbox modal for full-size image viewing with navigation controls. Create image upload interface with drag-and-drop and preview. Support multiple image uploads simultaneously. Implement lazy loading for performance with Intersection Observer. Add filtering by category or tags. Implement sorting options (date, name, size). Include image metadata display (filename, size, upload date). Add delete functionality with confirmation. Use Next.js Image component for optimizat...