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

\n Kunstwerken\n

\n Ontdek {glowData.festival.artworks} adembenemende lichtkunstwerken verspreid door Eindhoven en regio\n

\n\n {/* Category Filter */}\n

\n {categories.map((category) => (\n setSelectedCategory(category.id)}\n className={`px-6 py-3 rounded-full font-medium transition-all duration-300 ${\n selectedCategory === category.id\n ? \"bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg scale-105\"\n : \"backdrop-blur-md bg-white/10 border border-white/20 text-white/80 hover:bg-white/20\"\n }`}\n >\n {category.emoji}\n {category.label}\n \n ))}\n

\n\n {/* Artworks Grid */}\n

\n {filteredArtworks.map((artwork) => (\n setSelectedArtwork(artwork)}\n className=\"group cursor-pointer backdrop-blur-md bg-white/5 border border-white/10 rounded-2xl overflow-hidden hover:bg-white/10 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/20\"\n >\n {/* Image */}\n

\n \n

\n \n {/* Category Badge */}\n

\n {categories.find(c => c.id === artwork.category)?.emoji} {artwork.category}\n

\n\n {/* Content */}\n

\n {artwork.name}\n

\n 🎨 {artwork.artist}\n

\n 📍 {artwork.location}\n

\n {artwork.description}\n

\n ))}\n

\n\n {/* Results count */}\n

\n {filteredArtworks.length} {filteredArtworks.length === 1 ? 'kunstwerk' : 'kunstwerken'} gevonden\n

\n \n\n {/* Artwork Detail Modal */}\n {selectedArtwork && (\n setSelectedArtwork(null)}\n >\n e.stopPropagation()}\n >\n {/* Modal Image */}\n

\n \n

\n \n {/* Close button */}\n setSelectedArtwork(null)}\n className=\"absolute top-4 right-4 w-10 h-10 backdrop-blur-md bg-white/20 border border-white/30 rounded-full text-white hover:bg-white/30 transition-all\"\n >\n ✕\n \n

\n\n {/* Modal Content */}\n

\n \n {categories.find(c => c.id === selectedArtwork.category)?.emoji} {selectedArtwork.category}\n \n

\n \n

\n {selectedArtwork.name}\n

\n \n

\n 🎨 Artiest: {selectedArtwork.artist}\n

\n 📍 Locatie: {selectedArtwork.location}\n

\n \n

\n {selectedArtwork.description}\n

\n \n \n )}\n

\n );\n}","deleted","label",[170,171,154],"src","components","permalink","https://www.val.town/x/kamenxrider/glowEindhoven2025/code/src/components/ArtworksGallery.tsx","extension","tsx","actionData","errors"]