Galeria Orgânica

A aplicação funciona como um portfólio completo e interativo de animações, fotos, cartoons e outras peças de arte usadas para comunicação, publicidade e marketing de suporte às feiras orgânicas e suas famílias de agricultores. O objetivo é permitir que milhares de clientes - e também os próprios agricultores - tenham acesso rápido, engajem e compartilhem as artes em suas redes a qualquer hora e de qualquer lugar. Dessa forma, o projeto fortalece a divulgação das feiras orgânicas de maneira colaborativa e descentralizada, amplia sua visibilidade e reduz a dependência de estruturas centralizadas, etapas intermediárias e custos elevados. Além dos registos fotográficos, a galeria inclui centenas de animações, cartoons e outras peças de comunicação visual. Estas obras foram desenvolvidas sob direção de arte profissional, combinando técnicas tradicionais com ferramentas de Inteligência Artificial de ponta, como Kiling Ai, Hailuo AI, Veo 2 e 3, Vertex AI, Meta AI, Polo AI, CapCut, entre outras, para criar um universo visual único e cativante. ## Funcionalidades * **Menu Inovador e Responsivo**: Um menu superior retrátil em telas grandes, que se oculta para uma visualização ampla e imersiva das artes. Ele inclui uma funcionalidade inédita de pré-visualização do layout da galeria ao escolher o número de colunas. Em dispositivos móveis, transforma-se num menu lateral compacto e intuitivo, no estilo "sanduíche" com seções "acordeão". * **Galeria com Rolagem Infinita**: Navegue de forma fluida por uma vasta coleção de imagens e vídeos. * **Filtragem Avançada**: Filtre as artes por feira (`Feira`) ou por estilo (`Estilo`). * **Layout Customizável**: Ajuste o número de colunas (1, 2, 3 ou 4) para a grade da galeria. * **Reordenação com "Arrastar e Soltar" (Drag and Drop)**: Organize facilmente os itens de mídia arrastando e soltando-os como desejar. * **Sistema de Favoritos**: Marque suas peças favoritas com uma estrela para acesso rápido e filtragem. * **Lightbox Responsivo**: Visualize a mídia em um lightbox detalhado e em tela cheia que se adapta a diferentes formatos, incluindo layouts especiais para histórias de personagens. * **Resgate de Gotas | NFT**: Resgate de artes digitais como NFTs colecionáveis diretamente no site GOTAS.COM, uma funcionalidade inovadora no projeto. * **Design Mobile-First**: Uma interface totalmente responsiva para uma ótima experiência em qualquer dispositivo. ## Tecnologias Utilizadas * **Framework**: [Next.js](https://nextjs.org/) (com App Router) * **Linguagem**: [TypeScript](https://www.typescriptlang.org/) * **Componentes de UI**: [ShadCN/UI](https://ui.shadcn.com/) * **Estilização**: [Tailwind CSS](https://tailwindcss.com/) **Plataforma de Backend:** Firebase (incluindo Firestore e Storage)* **Deploy/Hospedagem**: (https://vercel.com/)