File size: 3,629 Bytes
73cee64
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4b310eb
73cee64
 
 
 
 
 
4b310eb
73cee64
 
 
 
4b310eb
73cee64
 
 
 
 
 
b2b70a5
73cee64
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ca0d3a8
73cee64
 
 
 
 
 
4b310eb
73cee64
 
 
 
 
 
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <title>Central de IA - Bem-vindo</title>
    <style>
        .container {
            max-width: 800px;
            margin: 2rem auto;
            padding: 0 1rem;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        }

        .header {
            text-align: center;
            margin-bottom: 3rem;
            padding: 2rem;
            background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
            border-radius: 1rem;
            color: white;
        }

        .header h1 {
            margin: 0;
            font-size: 2.5rem;
            font-weight: 700;
        }

        .header p {
            margin: 1rem 0 0;
            font-size: 1.1rem;
            opacity: 0.9;
        }

        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin: 3rem 0;
        }

        .feature-card {
            padding: 1.5rem;
            background: white;
            border-radius: 0.75rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            transition: transform 0.2s;
        }

        .feature-card:hover {
            transform: translateY(-4px);
        }

        .feature-icon {
            font-size: 2rem;
            margin-bottom: 1rem;
        }

        .feature-title {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
            color: #1f2937;
        }

        .feature-description {
            color: #6b7280;
            line-height: 1.5;
        }

        .footer {
            text-align: center;
            margin-top: 3rem;
            padding: 2rem;
            color: #6b7280;
            border-top: 1px solid #e5e7eb;
        }
    </style>
</head>
<body>
    <div class="container">
        <header class="header">
            <h1>Central de Inteligência Artificial</h1>
            <p>Uma plataforma completa com ferramentas de IA para suas necessidades</p>
        </header>

        <div class="features">
            <div class="feature-card">
                <div class="feature-icon">📝</div>
                <h3 class="feature-title">Transcrição de Áudio</h3>
                <p class="feature-description">Converta áudio em texto com precisão usando tecnologia de ponta em reconhecimento de fala.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">🔄</div>
                <h3 class="feature-title">Tradução</h3>
                <p class="feature-description">Traduza textos entre português e inglês com nossa ferramenta de tradução neural.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">📊</div>
                <h3 class="feature-title">Análise de Texto</h3>
                <p class="feature-description">Gere resumos automáticos e analise o sentimento de textos com facilidade.</p>
            </div>

            <div class="feature-card">
                <div class="feature-icon">🤖</div>
                <h3 class="feature-title">IA Avançada</h3>
                <p class="feature-description">Experimente nosso chatbot inteligente e classificação automática de textos.</p>
            </div>
        </div>

        <footer class="footer">
            <p>Desenvolvido com tecnologia de ponta em Inteligência Artificial</p>
        </footer>
    </div>
</body>
</html>