\n {/* Section Header */}\n

\n Our Gallery\n

\n Explore our collection of stunning photography and cinematography work created by our talented members.\n

\n\n {/* Filter Buttons */}\n

\n setFilter('all')}\n className={`px-6 py-2 rounded-full font-medium transition-all ${\n filter === 'all'\n ? 'bg-white text-purple-600 shadow-md'\n : 'text-gray-600 hover:text-gray-900'\n }`}\n >\n All Work\n \n setFilter('photography')}\n className={`px-6 py-2 rounded-full font-medium transition-all ${\n filter === 'photography'\n ? 'bg-white text-purple-600 shadow-md'\n : 'text-gray-600 hover:text-gray-900'\n }`}\n >\n Photography\n \n setFilter('cinematography')}\n className={`px-6 py-2 rounded-full font-medium transition-all ${\n filter === 'cinematography'\n ? 'bg-white text-purple-600 shadow-md'\n : 'text-gray-600 hover:text-gray-900'\n }`}\n >\n Cinematography\n \n

\n\n {/* Gallery Grid */}\n {filteredItems.length > 0 ? (\n

\n {filteredItems.map((item) => (\n openModal(item)}\n >\n

\n \n

\n \n {item.type === 'photography' ? '📷 Photography' : '🎬 Cinematography'}\n \n

\n {item.title}\n

\n {item.description}\n

\n By {item.photographer}\n {new Date(item.date).toLocaleDateString()}\n

\n ))}\n

\n ) : (\n

\n 🎨\n

\n Gallery Coming Soon\n

\n Our talented members are working on amazing content. Check back soon!\n

\n )}\n\n {/* Modal */}\n {selectedItem && (\n \n e.stopPropagation()}\n >\n

\n \n \n \n \n

\n {selectedItem.title}\n

\n \n {selectedItem.type === 'photography' ? '📷 Photography' : '🎬 Cinematography'}\n \n

\n {selectedItem.description}\n

\n Photographer: {selectedItem.photographer}\n Date: {new Date(selectedItem.date).toLocaleDateString()}\n

\n {selectedItem.tags.length > 0 && (\n

\n {selectedItem.tags.map((tag, index) => (\n \n #{tag}\n \n ))}\n

\n )}\n

\n \n \n )}\n \n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/kartik308/imagi/code/frontend/components/Gallery.tsx","extension","actionData","errors"]