mindapps / index.html
guifav's picture
feat: PT-BR / EN language toggle with full i18n
d02eb3e
Raw
History Blame Contribute Delete
22.7 kB
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MindApps — AI-Powered Products</title>
<meta name="description" content="MindApps builds AI-powered products that solve real business problems. Market intelligence, marketing automation, developer governance, and AI education.">
<meta name="author" content="Guilherme Favaron">
<meta property="og:title" content="MindApps — AI-Powered Products">
<meta property="og:description" content="Market intelligence, marketing automation, developer governance, and AI education. Real products, real users, real results.">
<meta property="og:url" content="https://mindapps.ai">
<meta property="og:type" content="website">
<link rel="canonical" href="https://mindapps.ai">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9JMTR66YLN"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-9JMTR66YLN');</script>
<style>
:root{--bg:#fafafa;--bg-card:#fff;--text:#171717;--text-secondary:#525252;--border:#e5e5e5;--accent:#171717;--accent-hover:#404040;--tag-bg:#f5f5f5;--tag-text:#525252}
[data-theme="dark"]{--bg:#0a0a0a;--bg-card:#171717;--text:#fafafa;--text-secondary:#a3a3a3;--border:#262626;--accent:#fafafa;--accent-hover:#d4d4d4;--tag-bg:#262626;--tag-text:#a3a3a3}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
.container{max-width:960px;margin:0 auto;padding:0 24px}
nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--border)}
.logo{font-size:18px;font-weight:700;letter-spacing:-.5px;color:var(--text);text-decoration:none}.logo span{font-weight:400;color:var(--text-secondary)}
.nav-links{display:flex;gap:20px;align-items:center}
.nav-links a{font-size:14px;color:var(--text-secondary);text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text)}
.nav-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:5px 8px;cursor:pointer;color:var(--text-secondary);font-size:13px;line-height:1}.nav-btn:hover{color:var(--text);border-color:var(--text-secondary)}
.lang-toggle{font-weight:600;min-width:36px;text-align:center}
.hero{padding:80px 0 60px;text-align:center}
.hero h1{font-size:40px;font-weight:700;letter-spacing:-1.5px;line-height:1.15;margin-bottom:16px}
.hero p{font-size:18px;color:var(--text-secondary);max-width:560px;margin:0 auto 32px;line-height:1.6}
.hero-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}
.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-hover)}
.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-secondary)}
.products{padding:60px 0}
.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:32px}
.product-card{border:1px solid var(--border);border-radius:12px;padding:32px;margin-bottom:24px;background:var(--bg-card);transition:border-color .15s}.product-card:hover{border-color:var(--text-secondary)}
.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:12px}
.product-name{font-size:22px;font-weight:700;letter-spacing:-.5px}
.product-tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{font-size:12px;padding:4px 10px;border-radius:100px;background:var(--tag-bg);color:var(--tag-text);font-weight:500}
.product-desc{font-size:16px;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}
.product-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-bottom:20px}
.product-features li{list-style:none;font-size:14px;color:var(--text-secondary);padding-left:20px;position:relative}.product-features li::before{content:"\2192";position:absolute;left:0;color:var(--text-secondary)}
.product-links{display:flex;gap:16px;flex-wrap:wrap}
.product-links a{font-size:14px;color:var(--text);text-decoration:none;font-weight:500;transition:color .15s}.product-links a:hover{color:var(--text-secondary)}
.oss-section{padding:40px 0 60px}
.oss-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.oss-card{border:1px solid var(--border);border-radius:10px;padding:24px;background:var(--bg-card);transition:border-color .15s}.oss-card:hover{border-color:var(--text-secondary)}
.oss-card h3{font-size:16px;font-weight:600;margin-bottom:6px}
.oss-card p{font-size:14px;color:var(--text-secondary);margin-bottom:12px}
.oss-card a{font-size:13px;color:var(--text);text-decoration:none;font-weight:500}
.about{padding:40px 0 60px;border-top:1px solid var(--border)}
.about-content{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.about p{font-size:15px;color:var(--text-secondary);margin-bottom:12px;line-height:1.7}.about a{color:var(--text)}
footer{padding:32px 0;border-top:1px solid var(--border);text-align:center}
footer p{font-size:13px;color:var(--text-secondary)}footer a{color:var(--text-secondary);text-decoration:none}footer a:hover{color:var(--text)}
@media(max-width:640px){.hero h1{font-size:28px}.hero p{font-size:16px}.about-content{grid-template-columns:1fr}.product-header{flex-direction:column}}
</style>
</head>
<body>
<div class="container">
<nav>
<a href="/" class="logo">mindapps<span>.ai</span></a>
<div class="nav-links">
<a href="#products" data-i18n="nav_products">Produtos</a>
<a href="#open-source">Open Source</a>
<a href="#about" data-i18n="nav_about">Sobre</a>
<button id="lang-toggle" class="nav-btn lang-toggle" aria-label="Toggle language">EN</button>
<button id="theme-toggle" class="nav-btn" aria-label="Toggle theme">&#9790;</button>
</div>
</nav>
<section class="hero">
<h1 data-i18n="hero_title">Produtos de IA que resolvem<br>problemas reais de negocio</h1>
<p data-i18n="hero_desc">Construimos e entregamos ferramentas de IA para inteligencia de mercado, automacao de marketing, governanca de desenvolvimento e educacao em IA. Da ideia a producao.</p>
<div class="hero-links">
<a href="#products" class="btn btn-primary" data-i18n="hero_cta">Ver Produtos</a>
<a href="https://guilhermefavaron.com.br" target="_blank" class="btn btn-secondary">Newsletter</a>
</div>
</section>
<section class="products" id="products">
<div class="section-label" data-i18n="section_products">Produtos</div>
<div class="product-card">
<div class="product-header">
<div class="product-name">Market Intelligence Radar</div>
<div class="product-tags"><span class="tag">Open Source</span><span class="tag">Self-hosted</span></div>
</div>
<p class="product-desc" data-i18n="mir_desc">Plataforma com IA que varre fontes de noticias, extrai inteligencia estruturada (pessoas, empresas, deals, sinais), cruza com seu CRM e apresenta tudo em um dashboard em tempo real.</p>
<ul class="product-features">
<li data-i18n="mir_f1">Extracao multi-LLM (Claude, GPT-4o, Gemini)</li>
<li data-i18n="mir_f2">Matching com CRM + enriquecimento</li>
<li data-i18n="mir_f3">Fontes de noticias + taxonomia configuraveis</li>
<li data-i18n="mir_f4">Dashboard Next.js em tempo real</li>
<li data-i18n="mir_f5">Deploy com um comando via Docker Compose</li>
<li data-i18n="mir_f6">Pipeline de enriquecimento Apollo/SalesQL</li>
</ul>
<div class="product-links">
<a href="https://github.com/guifav/market-intelligence-radar" target="_blank">GitHub &#8599;</a>
<a href="https://www.guilhermefavaron.com.br/p/radar-inteligencia-mercado-open-source" target="_blank" data-i18n="mir_story">Leia a historia &#8599;</a>
</div>
</div>
<div class="product-card">
<div class="product-header">
<div class="product-name">VirtuAgency.ai</div>
<div class="product-tags"><span class="tag">SaaS</span><span class="tag">Live</span></div>
</div>
<p class="product-desc" data-i18n="va_desc">Plataforma de agencia de marketing com IA para times internos de PMEs. Crie briefings, gere conteudo multi-formato coordenado, revise no app e exporte ou publique — substituindo boa parte do que voce terceirizaria para uma agencia.</p>
<ul class="product-features">
<li data-i18n="va_f1">Geracao de conteudo baseada em briefing</li>
<li data-i18n="va_f2">Output multi-formato (social, blog, email)</li>
<li data-i18n="va_f3">Contexto de marca + base de conhecimento</li>
<li data-i18n="va_f4">Colaboracao em equipe + fluxo de revisao</li>
<li data-i18n="va_f5">Multi-tenant com cobranca via Stripe</li>
<li data-i18n="va_f6">Claude + Gemini por tras</li>
</ul>
<div class="product-links">
<a href="https://virtuagency.ai" target="_blank" data-i18n="link_visit">Visitar site &#8599;</a>
</div>
</div>
<div class="product-card">
<div class="product-header">
<div class="product-name">Tramline</div>
<div class="product-tags"><span class="tag">Open Source</span><span class="tag" data-i18n="tag_infra">Infraestrutura</span></div>
</div>
<p class="product-desc" data-i18n="tl_desc">Trilhos de governanca para citizen development e coding assistido por IA na AWS. Template IaC que permite que times de area construam e deployem suas aplicacoes com seguranca — com guardrails que escalam.</p>
<ul class="product-features">
<li data-i18n="tl_f1">Classificacao em 3 zonas (Aberta / Guiada / Controlada)</li>
<li data-i18n="tl_f2">Terraform na AWS (App Runner, RDS, Cognito)</li>
<li data-i18n="tl_f3">CI/CD automatizado a cada merge</li>
<li data-i18n="tl_f4">Secrets, auth e monitoramento por app</li>
<li data-i18n="tl_f5">Setup de 15 minutos, pronto para producao</li>
<li data-i18n="tl_f6">Suporte nativo a ferramentas de AI coding</li>
</ul>
<div class="product-links">
<a href="https://tramline.ai" target="_blank" data-i18n="link_visit">Visitar site &#8599;</a>
<a href="https://github.com/guifav/tramline" target="_blank">GitHub &#8599;</a>
</div>
</div>
<div class="product-card">
<div class="product-header">
<div class="product-name">Academia da IA</div>
<div class="product-tags"><span class="tag" data-i18n="tag_free">Gratuito</span><span class="tag">Lead Gen</span></div>
</div>
<p class="product-desc" data-i18n="ac_desc">Programa gratuito de 30 dias com exercicios de 10 minutos para gestores brasileiros sairem do ChatGPT no navegador e fazerem a IA trabalhar no trabalho real — status pra diretoria, 1:1, performance review, decisoes dificeis.</p>
<ul class="product-features">
<li data-i18n="ac_f1">30 dias de exercicios praticos (10 min/dia)</li>
<li data-i18n="ac_f2">Persona: gestor mid-level brasileiro</li>
<li data-i18n="ac_f3">Email drip diario (Resend)</li>
<li data-i18n="ac_f4">PWA com sync entre dispositivos</li>
<li data-i18n="ac_f5">Primeiros 4 dias abertos, depois via email</li>
<li>Next.js 16 + Firebase Auth + Firestore</li>
</ul>
<div class="product-links">
<a href="https://github.com/guifav/academia-ia" target="_blank">GitHub &#8599;</a>
</div>
</div>
</section>
<section class="oss-section" id="open-source">
<div class="section-label" data-i18n="section_oss">Ferramentas Open Source</div>
<div class="oss-grid">
<div class="oss-card">
<h3>Juridico AI</h3>
<p data-i18n="oss_juridico">Geracao de pecas juridicas com IA</p>
<a href="https://huggingface.co/spaces/guifav/juridico_ai" target="_blank" data-i18n="oss_try">Experimentar &#8599;</a>
</div>
<div class="oss-card">
<h3>Data Analytics</h3>
<p data-i18n="oss_data">Analise de CSV com linguagem natural</p>
<a href="https://huggingface.co/spaces/guifav/data_analytics" target="_blank" data-i18n="oss_try">Experimentar &#8599;</a>
</div>
<div class="oss-card">
<h3>Resume Raccoon</h3>
<p data-i18n="oss_resume">Analise de curriculos com IA</p>
<a href="https://huggingface.co/spaces/guifav/resume_raccoon" target="_blank" data-i18n="oss_try">Experimentar &#8599;</a>
</div>
<div class="oss-card">
<h3>Chat Cheetah</h3>
<p data-i18n="oss_chat">Chat com documentos via RAG</p>
<a href="https://huggingface.co/spaces/guifav/chat_cheetah/tree/main" target="_blank" data-i18n="oss_source">Codigo-fonte &#8599;</a>
</div>
<div class="oss-card">
<h3>Listen Lynx</h3>
<p data-i18n="oss_listen">Transcricao inteligente de audios</p>
<a href="https://huggingface.co/spaces/guifav/listen_lynx" target="_blank" data-i18n="oss_try">Experimentar &#8599;</a>
</div>
<div class="oss-card">
<h3>PDF to Markdown</h3>
<p data-i18n="oss_pdf">Conversao de documentos com OCR</p>
<a href="https://huggingface.co/spaces/guifav/pdftomd_mule/tree/main" target="_blank" data-i18n="oss_source">Codigo-fonte &#8599;</a>
</div>
</div>
</section>
<section class="about" id="about">
<div class="section-label" data-i18n="section_about">Sobre</div>
<div class="about-content">
<div>
<p data-i18n="about_p1">MindApps e o laboratorio de produtos de <a href="https://guifav.github.io" target="_blank">Guilherme Favaron</a> — VP de Tecnologia com 18+ anos construindo produtos digitais e liderando times de engenharia.</p>
<p data-i18n="about_p2">Cada produto aqui nasceu de um problema real. O Market Intelligence Radar foi construido para monitorar 300+ fontes de noticias para uma organizacao global. O VirtuAgency substitui o modelo de agencia para times de marketing enxutos. O Tramline nasceu de ver times de area entregando apps sem guardrails.</p>
</div>
<div>
<p data-i18n="about_p3">A filosofia: construir coisas que funcionam em producao, nao em demos. Entregar com usuarios reais, dados reais, restricoes reais.</p>
<p data-i18n="about_p4">Newsletter semanal sobre IA aplicada: <a href="https://guilhermefavaron.com.br" target="_blank">guilhermefavaron.com.br</a></p>
<p>
<a href="https://github.com/guifav" target="_blank">GitHub</a> &middot;
<a href="https://linkedin.com/in/guilhermefavaron" target="_blank">LinkedIn</a> &middot;
<a href="https://youtube.com/@ia-aplicada-guilhermefavaron" target="_blank">YouTube</a>
</p>
</div>
</div>
</section>
<footer>
<p>mindapps.ai &middot; <span data-i18n="footer_by">Criado por</span> <a href="https://guifav.github.io" target="_blank">Guilherme Favaron</a></p>
</footer>
</div>
<script>
(function(){
// Theme
var tt=document.getElementById('theme-toggle'),st=localStorage.getItem('theme'),pd=window.matchMedia('(prefers-color-scheme:dark)').matches,ti=st||(pd?'dark':'light');
document.body.setAttribute('data-theme',ti);tt.textContent=ti==='dark'?'\u2600':'\u263E';
tt.addEventListener('click',function(){var c=document.body.getAttribute('data-theme'),n=c==='dark'?'light':'dark';document.body.setAttribute('data-theme',n);localStorage.setItem('theme',n);tt.textContent=n==='dark'?'\u2600':'\u263E';});
// i18n
var translations = {
en: {
nav_products:"Products",nav_about:"About",
hero_title:"AI products that solve<br>real business problems",
hero_desc:"We build and ship AI-powered tools for market intelligence, marketing automation, developer governance, and AI education. From idea to production.",
hero_cta:"See Products",
section_products:"Products",
mir_desc:"AI-powered platform that scans news sources, extracts structured intelligence (people, companies, deals, signals), matches against your CRM, and presents everything in a real-time dashboard.",
mir_f1:"Multi-LLM extraction (Claude, GPT-4o, Gemini)",mir_f2:"CRM contact matching + enrichment",mir_f3:"Configurable news sources + taxonomy",mir_f4:"Real-time Next.js dashboard",mir_f5:"One-command deploy via Docker Compose",mir_f6:"Apollo/SalesQL enrichment pipeline",
mir_story:"Read the story &#8599;",
va_desc:"AI-powered marketing agency platform for SMB in-house teams. Create briefings, generate coordinated multi-format content, review outputs in-app, and export or publish — replacing most of what you'd outsource to an agency.",
va_f1:"Briefing-driven content generation",va_f2:"Multi-format output (social, blog, email)",va_f3:"Brand context + knowledge base",va_f4:"Team collaboration + review workflow",va_f5:"Multi-tenant with Stripe billing",va_f6:"Claude + Gemini under the hood",
link_visit:"Visit site &#8599;",
tag_infra:"Infrastructure",
tl_desc:"Governance rails for citizen development and AI-assisted coding on AWS. An IaC template that lets organizations safely enable area teams to build and deploy their own applications — with guardrails that scale.",
tl_f1:"3-zone classification (Open / Guided / Controlled)",tl_f2:"Terraform on AWS (App Runner, RDS, Cognito)",tl_f3:"Automated CI/CD on every merge",tl_f4:"Per-app secrets, auth, and monitoring",tl_f5:"15-minute setup, production-ready",tl_f6:"Built-in support for AI coding tools",
tag_free:"Free",
ac_desc:"Free 30-day program with 10-minute daily exercises for Brazilian managers to move beyond ChatGPT in the browser and make AI work in real work — board updates, 1:1s, performance reviews, tough decisions.",
ac_f1:"30 days of hands-on exercises (10 min/day)",ac_f2:"Persona: mid-level Brazilian manager",ac_f3:"Daily email drip (Resend)",ac_f4:"PWA with cross-device sync",ac_f5:"First 4 days open, then via email",
section_oss:"Open Source Tools",
oss_juridico:"Legal document generation with AI",oss_data:"CSV analysis with natural language",oss_resume:"AI-powered resume analysis",oss_chat:"Chat with documents via RAG",oss_listen:"Intelligent audio transcription",oss_pdf:"Document conversion with OCR",
oss_try:"Try it &#8599;",oss_source:"Source &#8599;",
section_about:"About",
about_p1:"MindApps is the product lab of <a href='https://guifav.github.io' target='_blank'>Guilherme Favaron</a> — VP of Technology with 18+ years building digital products and leading engineering teams.",
about_p2:"Every product here started as a real problem. The Market Intelligence Radar was built to monitor 300+ news sources for a global organization. VirtuAgency replaces the agency model for lean marketing teams. Tramline was born from watching area teams ship apps without guardrails.",
about_p3:"The philosophy: build things that work in production, not in demos. Ship with real users, real data, real constraints.",
about_p4:"Weekly newsletter on applied AI: <a href='https://guilhermefavaron.com.br' target='_blank'>guilhermefavaron.com.br</a>",
footer_by:"Built by"
}
};
var lang='pt';
var originals={};
var lt=document.getElementById('lang-toggle');
document.querySelectorAll('[data-i18n]').forEach(function(el){
originals[el.getAttribute('data-i18n')]=el.innerHTML;
});
lt.addEventListener('click',function(){
lang=lang==='pt'?'en':'pt';
lt.textContent=lang==='pt'?'EN':'PT';
document.documentElement.lang=lang==='pt'?'pt-BR':'en';
document.querySelectorAll('[data-i18n]').forEach(function(el){
var key=el.getAttribute('data-i18n');
el.innerHTML=lang==='en'?(translations.en[key]||originals[key]):originals[key];
});
localStorage.setItem('lang',lang);
});
// Restore saved lang
var saved=localStorage.getItem('lang');
if(saved==='en'){lt.click();}
})();
</script>
</body>
</html>