Spaces:
Sleeping
Sleeping
| <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> |