export default function EduSmartML() { return ( <div className="min-h-screen bg-slate-950 text-white"> <header className="bg-blue-700 p-6 shadow-lg"> <h1 className="text-4xl font-bold text-center">EduSmart ML</h1> <p className="text-center mt-2 text-lg"> Sistema Inteligente de Machine Learning para Predição do Desempenho Acadêmico </p> </header> <section className="max-w-5xl mx-auto p-8 grid gap-6"> <div className="bg-slate-900 rounded-3xl p-6 shadow-xl"> <h2 className="text-2xl font-bold mb-3">Sobre o Projeto</h2> <p> O EduSmart ML é um projeto de Machine Learning desenvolvido para prever o desempenho acadêmico de estudantes através da análise de dados como notas, frequência e hábitos de estudo. </p> </div> <div className="bg-slate-900 rounded-3xl p-6 shadow-xl"> <h2 className="text-2xl font-bold mb-3">Objetivos</h2> <ul className="list-disc pl-6 space-y-2"> <li>Aplicar Machine Learning na educação</li> <li>Identificar alunos em risco acadêmico</li> <li>Auxiliar professores na tomada de decisão</li> </ul> </div> <div className="bg-slate-900 rounded-3xl p-6 shadow-xl"> <h2 className="text-2xl font-bold mb-3">Tecnologias</h2> <p>Python, Scikit-Learn, HTML, CSS, JavaScript e Inteligência Artificial.</p> </div> </section> <footer className="text-center p-6 bg-slate-900 text-slate-400"> Projeto Acadêmico de Machine Learning • EduSmart ML </footer> </div> ) }
Vou transformar seu código em uma landing page completa e polida para o EduSmart ML, com tema acadêmico, seções bem estruturadas e um simulador de predição interativo para demonstrar o conceito de Machine Learning. Primeiro vou configurar o tema e as fontes.
Agora vou atualizar o layout com fontes e metadados, e adicionar uma fonte de destaque para os títulos.
Agora vou registrar a fonte de destaque no tema do CSS:
Vou gerar uma imagem para o hero e criar os componentes da página.
Agora o simulador interativo de predição — o destaque da página:
Vou verificar a página no navegador para garantir que está tudo funcionando.
Está funcionando perfeitamente. Transformei seu código numa landing page profissional para o EduSmart ML, com tema acadêmico em azul/ciano, fontes apropriadas (Space Grotesk para títulos) e seções bem estruturadas em componentes separados (cabeçalho fixo com navegação, hero com imagem ilustrativa de rede neural, sobre, objetivos, tecnologias e rodapé). O destaque é o simulador de predição interativo: o usuário ajusta notas, frequência e horas de estudo em sliders e vê em tempo real a probabilidade de bom desempenho com classificação de risco (baixo/moderado/alto), demonstrando o conceito de Machine Learning do projeto na prática.
Se quiser, posso conectar o simulador a um modelo real (backend em Python com Scikit-Learn) ou adicionar gráficos de visualização dos dados.