.daxin-agent{
max-width: 1000px;
margin:40px auto;
font-family:
Arial,
sans-serif;
}
.agent-header{
contexto:
gradiente-linear(
135deg,
#006b45,
#00b86b
);
cor: branco;
padding:45px;
border-radius: 20 px;
text-align:center;
}
.agent-header h1{
tamanho da fonte: 40px;
margin-bottom: 15px;
}
.agent-card{
fundo: branco;
padding:35px;
margin-top:30px;
border-radius: 20 px;
box-shadow:
0 8px 30px rgba(0,0,0,.12);
}
.agent-card h2{
tamanho da fonte: 28px;
cor:#006b45;
}
#productInput{
width:100%;
altura: 120px;
padding:15px;
tamanho da fonte: 17 px;
borda:
1px solid #ccc;
border-radius: 10 px;
}
botão{
preenchimento:
15px 35px;
margin-top:20px;
border-radius: 30 px;
border:none;
tamanho da fonte: 16px;
cursor:pointer;
}
#generateBtn{
fundo:#008f55;
cor: branco;
}
.tiktok{
fundo:#000;
cor: branco;
}
.publish{
background:#fe2c55;
cor: branco;
margin-left:15px;
}
.output{
background:#f1faf5;
border-left:
5px sólido #008f55;
padding:25px;
border-radius: 12 px;
}
.output h3{
cor:#008f55;
}
#status{
margin-top: 25px;
tamanho da fonte: 20px;
font-weight:bold;
cor:#008f55;
}
.daxin-dashboard{
max-width:1200px;
margin:40px auto;
font-family:
Arial,
Helvetica,
sans-serif;
cor:#1e293b;
}
.daxin-header{
contexto:
linear-gradient(135deg,#0f172a,#2563eb);
padding:45px;
border-radius: 25 px;
cor: branco;
margin-bottom:30px;
}
.daxin-header h1{
tamanho da fonte: 42px;
margin:0 0 15px;
}
.daxin-header p{
tamanho da fonte: 18 px;
opacidade: 0,9;
}
.grid{
display:grid;
grid-template-columns:
repeat(2,1fr);
gap:25px;
}
.box{
fundo: branco;
padding:30px;
border-radius: 20 px;
box-shadow:
0 10px 30px rgba(0,0,0,.08);
}
.box h2{
tamanho da fonte: 26px;
margin-bottom: 20px;
}
entrada,
textarea,
selecione{
width:100%;
padding:14px;
border-radius: 10 px;
border:1px solid #ddd;
margin-bottom: 15px;
tamanho da fonte: 16px;
}
textarea{
altura: 120px;
}
.btn{
fundo:#2563eb;
cor: branco;
border:none;
padding: 14px 25px;
border-radius: 10 px;
cursor:pointer;
tamanho da fonte: 16px;
}
.btn:hover{
background:#1d4ed8;
}
.ai-result{
background:#f8fafc;
padding:20px;
border-radius: 15 px;
}
.tag{
display:inline-block;
fundo:#dbeafe;
padding: 8px 15px;
border-radius: 30 px;
margin:5px;
}
.channel{
display:flex;
justify-content:space-between;
padding:15px;
border-bottom: 1px solid #eee;
}
.status{
cor: verde;
font-weight:bold;
}
.analytics{
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:20px;
}
.metric{
background:#f1f5f9;
padding:25px;
border-radius: 15 px;
text-align:center;
}
.metric strong{
display:block;
tamanho da fonte: 32px;
cor:#2563eb;
}
.loading{
display:none;
cor:#2563eb;
font-weight:bold;
}
@media(max-width:768px){
.grid{
grid-template-columns: 1fr;
}
.analytics{
grid-template-columns: 1fr;
}
}
DAXIN ENERGY – Agente de IA para Redes Sociais
Sistema de criação de conteúdo e publicação multiplataforma baseado em IA para soluções globais de armazenamento de energia.
Inteligência de Produto
Europa
EUA
Ásia
Gerar conteúdo com IA
Conteúdo gerado por IA…
Estúdio de Conteúdo com IA
Título
Aguardando a geração por IA…
Descrição
Aguardando a geração por IA…
Hashtags
Centro de Publicações
TikTok
Conectado
Conectado
YouTube
Conectado
Publicar todos os canais
Análise de Marketing com IA
128
Postagens geradas
356 mil
Visualizações
245
Leads
function generateAI(){
document.getElementById(“loading”)
.style.display=”block”;
setTimeout(function(){
document.getElementById(“loading”)
.style.display=”none”;
document.getElementById(“title”)
.innerHTML=
“DAXIN ENERGY ESS de 100 kWh: Solução inteligente de armazenamento de energia”;
document.getElementById(“resultDescription”)
.innerHTML=
“Sistema avançado de armazenamento de energia em baterias para uso comercial, que possibilita a integração de fontes renováveis, a redução de picos de demanda e o gerenciamento inteligente de energia industrial.”;
document.getElementById(“tags”)
.innerHTML=
`
#Earmazenamento de Energia
# Sistema de Bateria
#EnergiasRenováveis
#SolarPower
`;
},1500);
}
function publish(){
document.getElementById(“publishResult”)
.innerHTML=
“✓ Publicado com sucesso nos canais conectados”;
}