AdaptAI/Home.py at main · JamboTechUFPB/AdaptAI · GitHub

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
import streamlit as st

st.set_page_config(
    page_title="AdaptAI - Início",
    page_icon="🎯",
    layout="wide",
    initial_sidebar_state="expanded"
)

# Reaproveitando estilos do arquivo de sugestões
st.markdown("""
<style>
    .main-header {
        font-size: 3.5rem;
        color: #1f4e79;
        text-align: center;
        margin-bottom: 2rem;
        font-weight: bold;
    }
    .sub-header {
        font-size: 1.8rem;
        color: #2e7d9a;
        text-align: center;
        margin-bottom: 2rem;
    }
    .card {
        background-color: #ffffff;
        padding: 1.5rem;
        border-radius: 10px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        margin: 1rem 0;
        border-left: 5px solid #1f4e79;
    }
    .stat-card {
        background-color: #f8f9fa;
        padding: 1rem;
        border-radius: 10px;
        text-align: center;
        margin: 0.5rem;
    }
    .highlight {
        color: #1f4e79;
        font-weight: bold;
    }
</style>
""", unsafe_allow_html=True)

col1, col2, col3 = st.columns([1,2,1])
with col2:
    st.image("img/adaptai-logo(1).png", use_container_width=True)
    st.markdown('<h2 class="sub-header" style="margin-top:0.2rem; margin-bottom:1rem;">Transformando a Educação Inclusiva com IA</h2>', unsafe_allow_html=True)
#st.markdown('<h1 class="main-header">🎯 AdaptAI</h1>', unsafe_allow_html=True)

with col2:
    st.markdown("""
    <div class="card">
        <h3 style="text-align: center; color: #1f4e79;">👋 Bem-vindo ao AdaptAI</h3>
        <p style="text-align: center; font-size: 1.1rem;">
        Uma plataforma inovadora que utiliza Inteligência Artificial para auxiliar professores
        na adaptação de materiais educacionais para alunos com necessidades especiais.
        </p>
    </div>
    """, unsafe_allow_html=True)

# Estatísticas ou Recursos
st.markdown("### 🚀 Recursos Principais")
col1, col2, col3 = st.columns(3)

with col1:
    st.markdown("""
    <div class="stat-card">
        <h3>📚 Adaptação de Material</h3>
        <p>Transforme seus materiais didáticos em versões adaptadas para diferentes necessidades.</p>
    </div>
    """, unsafe_allow_html=True)

with col2:
    st.markdown("""
    <div class="stat-card">
        <h3>💡 Sugestões Inteligentes</h3>
        <p>Receba recomendações personalizadas baseadas no perfil do aluno.</p>
    </div>
    """, unsafe_allow_html=True)

with col3:
    st.markdown("""
    <div class="stat-card">
        <h3>📊 Relatórios Detalhados</h3>
        <p>Obtenha relatórios completos com estratégias e recursos recomendados.</p>
    </div>
    """, unsafe_allow_html=True)

# Como Começar
st.markdown("### 🌟 Como Começar")
st.markdown("""
<div class="card">
    <ol>
        <li><strong>Configure sua Chave API:</strong> Adicione sua chave da OpenAI nas configurações</li>
        <li><strong>Escolha a Disciplina:</strong> Selecione a matéria que deseja adaptar</li>
        <li><strong>Defina o Perfil:</strong> Especifique as necessidades educacionais do aluno</li>
        <li><strong>Upload do Material:</strong> Faça upload do seu material didático</li>
        <li><strong>Gere Adaptações:</strong> Receba sugestões personalizadas de adaptação</li>
    </ol>
</div>
""", unsafe_allow_html=True)

# Chamada para Ação
st.markdown("### 🎯 Comece Agora")
col1, col2, col3 = st.columns([1,2,1])

with col2:
    st.markdown("""
    <div style="text-align: center; padding: 2rem;">
        <a href="/Sugestões" target="_self">
            <button style="
                background-color: #1f4e79;
                color: white;
                padding: 0.8rem 2rem;
                border: none;
                border-radius: 5px;
                font-size: 1.2rem;
                cursor: pointer;
                width: 100%;
            ">
                Começar Adaptação
            </button>
        </a>
    </div>
    """, unsafe_allow_html=True)

# Rodapé
st.markdown("---")
st.markdown("""
<div style="text-align: center; padding: 1rem;">
    <p>Desenvolvido com ❤️ para educadores</p>
    <p style="font-size: 0.8rem;">© 2024 AdaptAI - Todos os direitos reservados</p>
</div>
""", unsafe_allow_html=True)