Update index.html

index.html

@@ -21,6 +21,7 @@
       useState
     } = React;
     function App() {
+      const [searchQuery, setSearchQuery] = useState("");
       const [videos, setVideos] = useState([]);
       const [teamDatasets, setTeamDatasets] = useState({});
       useEffect(() => {
@@ -86,14 +87,36 @@
           "🌍 Worldwide", React.createElement("br", null),
           "📅 June 2025, 14 at 09:00 AM (UTC+2) – June 2025, 15 at 06:00 PM (UTC+2)"
         ),
+        
         React.createElement("div", {
             className: "flex flex-wrap justify-center items-center gap-8 mb-10"
           },
         ),
 
         React.createElement("div", {
+          className: "flex justify-center mb-6"
+          },
+                            
+        React.createElement("input", {
+          type: "text",
+          placeholder: "Search videos…",
+          className: "px-4 py-2 w-full max-w-md border rounded-md shadow-md",
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value.toLowerCase())
+        })
+        )
+
+                               React.createElement("div", {
           className: "columns-1 sm:columns-2 lg:columns-3 gap-4 space-y-4"
-        }, videos.map((video, i) =>
+        }, videos
+              .filter(video => {
+                return (
+                  video.label.toLowerCase().includes(searchQuery) ||
+                  video.url.toLowerCase().includes(searchQuery)
+                );
+              })
+              .map((video, i) =>
+
           React.createElement("div", {
               key: i,
               className: "break-inside-avoid bg-white rounded-2xl shadow-md overflow-hidden"