Upload pages/index.js with huggingface_hub

pages/index.js

@@ -0,0 +1,63 @@
+import { useState } from 'react';
+import SearchForm from '../components/SearchForm';
+import Results from '../components/Results';
+
+export default function Home() {
+  const [results, setResults] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+
+  const handleSearch = async ({ query, locationType }) => {
+    setLoading(true);
+    setError(null);
+
+    try {
+      // Simulating API call
+      await new Promise(resolve => setTimeout(resolve, 1500));
+
+      // Mock data - in a real app, this would come from your API
+      const mockData = [
+        {
+          name: 'João Silva',
+          position: 'Prefeito',
+          location: `${query} - ${locationType === 'estado' ? 'Estado' : 'Município'}`,
+          status: 'ativo',
+          details: 'Gestor público com 10 anos de experiência em administração municipal.'
+        },
+        {
+          name: 'Maria Santos',
+          position: 'Secretária de Educação',
+          location: `${query} - ${locationType === 'estado' ? 'Estado' : 'Município'}`,
+          status: 'ativo',
+          details: 'Especialista em políticas educacionais com foco em inclusão social.'
+        },
+        {
+          name: 'Carlos Oliveira',
+          position: 'Secretário de Saúde',
+          location: `${query} - ${locationType === 'estado' ? 'Estado' : 'Município'}`,
+          status: 'inativo',
+          details: 'Médico com experiência em gestão de sistemas públicos de saúde.'
+        }
+      ];
+
+      setResults(mockData);
+    } catch (err) {
+      setError('Ocorreu um erro ao buscar os dados. Por favor, tente novamente.');
+      console.error(err);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="max-w-4xl mx-auto">
+      <h1 className="text-3xl font-bold text-gray-900 mb-2">Pesquisa Forense de Agentes Públicos</h1>
+      <p className="text-gray-600 mb-8">
+        Digite o município, cidade ou estado para analisar os agentes públicos da região.
+      </p>
+
+      <SearchForm onSearch={handleSearch} />
+      <Results data={results} loading={loading} error={error} />
+    </div>
+  );
+}