Spaces:
Sleeping
Sleeping
File size: 4,605 Bytes
83af5e1 08bd76c 3f2bf77 08bd76c 3a68dbf 3f2bf77 08bd76c 3a68dbf 08bd76c 3a68dbf 08bd76c 3a68dbf 08bd76c 3a68dbf 4c7c392 08bd76c 3a68dbf 08bd76c 3a68dbf 08bd76c 3f2bf77 08bd76c 3a68dbf 9b185ce 0cee204 08bd76c 3a68dbf 4c7c392 08bd76c 4c7c392 08bd76c 3a68dbf 08bd76c 3a68dbf 08bd76c 3a68dbf 08bd76c 4c7c392 08bd76c 4c7c392 0cee204 3f2bf77 83af5e1 9b185ce 3a68dbf 08bd76c 3a68dbf 08bd76c 3a68dbf 08bd76c 198d92d 3a68dbf 08bd76c 9b185ce 3a68dbf 08bd76c 198d92d 2e19b45 08bd76c 198d92d 08bd76c 3a68dbf 08bd76c 4c7c392 08bd76c 9b185ce 3a68dbf 08bd76c 3a68dbf 4c7c392 08bd76c 3a68dbf 9b185ce 83af5e1 0cee204 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 |
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Central de IA</title>
<style>
:root {
--primary: #6366f1;
--text: #1f2937;
--bg: #f9fafb;
--border: #e5e7eb;
--shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
--radius: 0.75rem;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: system-ui, -apple-system, sans-serif;
}
.container {
max-width: 1200px;
margin: 2rem auto;
padding: 0 1rem;
}
.header {
text-align: center;
padding: 2rem;
background: linear-gradient(135deg, var(--primary), #4f46e5);
border-radius: var(--radius);
color: white;
margin-bottom: 3rem;
}
.header h1 { font-size: 2.5rem; }
.header p { margin-top: 1rem; opacity: 0.9; }
.features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin: 1.5rem 0;
}
.feature-card {
padding: 1.5rem;
background: white;
border-radius: var(--radius);
box-shadow: var(--shadow);
transition: transform 0.2s;
}
.feature-card:hover {
transform: translateY(-4px);
}
.feature-icon {
font-size: 2rem;
padding: 0.5rem;
background: var(--bg);
border-radius: var(--radius);
display: inline-block;
}
.category-title {
font-size: 1.8rem;
color: var(--text);
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--border);
margin: 2rem 0;
}
.footer {
text-align: center;
margin-top: 3rem;
padding: 2rem;
background: var(--bg);
border-radius: var(--radius);
}
.tech-badge {
display: inline-block;
padding: 0.25rem 0.75rem;
margin: 0.25rem;
background: var(--border);
border-radius: 9999px;
font-size: 0.875rem;
}
</style>
</head>
<body>
<div class="container">
<header class="header">
<h1>Central de IA</h1>
<p>Ferramentas avançadas de IA para processamento de áudio, texto e imagem</p>
</header>
<section>
<h2 class="category-title">🎤 Processamento</h2>
<div class="features">
<div class="feature-card">
<span class="feature-icon">🗣️</span>
<h3>Transcrição & Fala</h3>
<p>Conversão bidirecional entre áudio e texto com alta precisão.</p>
</div>
<div class="feature-card">
<span class="feature-icon">🔄</span>
<h3>Tradução & Resumo</h3>
<p>Tradução neural e geração de resumos inteligentes.</p>
</div>
<div class="feature-card">
<span class="feature-icon">🤖</span>
<h3>IA Avançada</h3>
<p>Chatbot inteligente e processamento de imagens.</p>
</div>
</div>
</section>
<section>
<h2 class="category-title">📊 Análise</h2>
<div class="features">
<div class="feature-card">
<span class="feature-icon">😊</span>
<h3>Análise de Sentimento</h3>
<p>Classificação emocional multinível para textos.</p>
</div>
<div class="feature-card">
<span class="feature-icon">🔍</span>
<h3>Reconhecimento & Classificação</h3>
<p>Identificação de entidades e classificação zero-shot.</p>
</div>
</div>
</section>
<footer class="footer">
<div>
<span class="tech-badge">PyTorch</span>
<span class="tech-badge">Transformers</span>
<span class="tech-badge">Gradio</span>
<span class="tech-badge">BERT</span>
</div>
<p style="margin-top:1rem">Processamento local para privacidade e segurança</p>
</footer>
</div>
</body>
</html> |