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

Film Showcase

\n Discover exceptional work from our film clubs, educational content, and highlights \n from African cinema that inspire our community.\n

\n\n {/* Featured Video Section */}\n {videos.find(v => v.featured) && (\n

Featured Content

\n {(() => {\n const featuredVideo = videos.find(v => v.featured)!;\n return (\n

onVideoSelect(featuredVideo)}\n >\n

\n \n \n {/* Large Play Overlay */}\n

\n \n

\n\n {/* Duration Badge */}\n

\n {featuredVideo.duration}\n

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

\n {featuredVideo.category.name}\n

\n \n

\n {featuredVideo.title}\n

\n {featuredVideo.description}\n

\n );\n })()}\n

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

\n handleCategoryChange(\"all\")}\n className={`category-pill px-6 py-3 rounded-full font-medium transition-all ${\n activeCategory === \"all\"\n ? \"bg-white text-gray-900\"\n : \"bg-gray-800 text-gray-300 hover:bg-gray-700\"\n }`}\n >\n All Content\n \n {categories.map((category) => (\n handleCategoryChange(category.slug)}\n className={`category-pill px-6 py-3 rounded-full font-medium transition-all ${\n activeCategory === category.slug\n ? \"text-white\"\n : \"bg-gray-800 text-gray-300 hover:bg-gray-700\"\n }`}\n style={{\n backgroundColor: activeCategory === category.slug ? category.color : undefined\n }}\n >\n {category.name}\n \n ))}\n

\n\n {/* Video Gallery */}\n !v.featured)} // Exclude featured video from grid\n onVideoSelect={onVideoSelect}\n isLoading={isLoading}\n />\n\n {/* Call to Action */}\n

\n Share Your Story\n

\n Have a film project you'd like to showcase? Join our community and share your \n creative work with film enthusiasts across Africa.\n

\n \n Join a Film Club\n \n \n Submit Your Work\n \n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/eddie_walk/Cine/code/frontend/components/Showcase.tsx","extension","actionData","errors"]