import { useState } from 'react'
import Head from 'next/head'
import { FiGithub, FiTool, FiCode, FiCpu, FiImage, FiFileText } from 'react-icons/fi'
import ToolCard from '../components/ToolCard'
import Header from '../components/Header'
export default function Home() {
const [activeTool, setActiveTool] = useState(null)
const tools = [
{ id: 'code', name: 'Code Assistant', icon: , color: 'bg-blue-100 text-blue-600' },
{ id: 'image', name: 'Image Generator', icon: , color: 'bg-purple-100 text-purple-600' },
{ id: 'text', name: 'Text Generator', icon: , color: 'bg-green-100 text-green-600' },
{ id: 'summarize', name: 'Text Summarizer', icon: , color: 'bg-yellow-100 text-yellow-600' },
{ id: 'translate', name: 'Translator', icon: , color: 'bg-red-100 text-red-600' },
]
return (
ToolSentry - AI Multi-Tool Platform
ToolSentry AI Platform
Your all-in-one solution for AI-powered tools. Select a tool below to get started.
{tools.map((tool) => (
setActiveTool(tool.id)}
/>
))}
{activeTool && (
{tools.find(t => t.id === activeTool)?.name}
{activeTool === 'code' && }
{activeTool === 'image' && }
{activeTool === 'text' && }
{activeTool === 'summarize' && }
{activeTool === 'translate' && }
)}
)
}
// Placeholder components for each tool
function CodeAssistant() {
return Code Assistant Tool - Coming Soon
}
function ImageGenerator() {
return Image Generator Tool - Coming Soon
}
function TextGenerator() {
return Text Generator Tool - Coming Soon
}
function TextSummarizer() {
return Text Summarizer Tool - Coming Soon
}
function Translator() {
return Translator Tool - Coming Soon
}