\n {/* Header */}\n

\n AI Tools Directory\n

\n Discover the best AI tools for productivity, creativity, and development\n

\n \n \n {filteredTools.length} AI tools available\n \n

\n\n {/* Search and Filter */}\n

\n {/* Search */}\n

\n \n setSearchTerm(e.target.value)}\n className=\"w-full pl-10 pr-4 py-3 input-icy rounded-lg text-white placeholder-purple-300\"\n />\n

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

\n setSelectedCategory(e.target.value)}\n className=\"w-full py-3 px-4 input-icy rounded-lg text-white\"\n >\n {categories.map(category => (\n \n ))}\n \n

\n\n {/* Tools Grid */}\n

\n {filteredTools.map((tool, index) => (\n handleToolClick(tool.url)}\n className=\"glass-card rounded-xl p-6 cursor-pointer transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/20 group\"\n >\n

\n {tool.name}\n

\n \n {tool.category}\n \n

\n \n

\n {tool.description}\n

\n \n

\n \n Click to visit\n

\n ))}\n

\n\n {/* No Results */}\n {filteredTools.length === 0 && (\n

\n \n

No tools found

Try adjusting your search or filter criteria

\n )}\n\n {/* Stats */}\n

{aiTools.length}

Total Tools

{categories.length - 1}