// sections-1.jsx — Header, Hero, Authority, Videos, Trails sections // ───────────────────────────────────────────────────────────────────────── // 1. Header // ───────────────────────────────────────────────────────────────────────── const Header = () => { const [scrolled, setScrolled] = React.useState(false); const [mobileOpen, setMobileOpen] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 12); window.addEventListener("scroll", onScroll); return () => window.removeEventListener("scroll", onScroll); }, []); const nav = [ { label: "Início", href: "#/" }, { label: "Conteúdos", href: "#/conteudos" }, { label: "Cursos", href: "#/cursos" }, { label: "Materiais", href: "#/materiais" }, { label: "Ferramentas", href: "#/ferramentas" }, { label: "Sobre", href: "#/sobre" }, { label: "Contato", href: "#/contato" }, ]; const navigate = (href) => { window.location.hash = href.replace('#',''); setMobileOpen(false); window.scrollTo({ top: 0 }); }; return (
{ e.preventDefault(); navigate('#/'); }} style={{ display: "flex" }}>
{mobileOpen && (
)}
); }; // ───────────────────────────────────────────────────────────────────────── // 2. Hero // ───────────────────────────────────────────────────────────────────────── const Hero = ({ dark }) => { return (
{/* Background ornament */}
{/* Top status row */}
Novo vídeo · IA na petição inicial
+12.000 advogados acompanham
{/* Left: copy */}

Inteligência Artificial aplicada à advocacia, de forma prática, ética e estratégica.

Aprenda a usar IA para produzir melhor, estudar melhor, atender melhor e transformar sua rotina jurídica — sem perder técnica, responsabilidade e visão profissional.

{/* Trust row */}
{/* Right: workflow composition */}
); }; const Stat = ({ label, value }) => (
{value}
{label}
); // Decorative SVG grid behind hero const HeroBackdrop = ({ dark }) => (
{/* glow blobs */}
); // Hero workflow mockup const HeroComposition = ({ dark }) => (
{/* Main card — workflow mockup */}
{/* Window chrome */}
fluxo · análise-contratual.ai
{/* Body */}
↳ Fluxo de análise
{/* Floating card — video */}
12:38
IA para petições
Como estruturar uma petição inicial com IA
{/* Floating chip — prompt */}
Prompt salvo
"Aja como advogado experiente em direito do trabalho..."
); const WorkflowStep = ({ n, label, detail, done, active, dark }) => (
{done ? : n}
{label}
{detail}
{active &&
}
); // ───────────────────────────────────────────────────────────────────────── // 3. Authority section — about the creator // ───────────────────────────────────────────────────────────────────────── const Authority = () => (
{/* Portrait placeholder */}
{/* abstract portrait */} {/* silhouette */} {/* accent triangle */} {/* credenciais flutuantes */}
Prof. LLM
IBMEC
Dr. Philipe Cardoso
Sócio Fundador · Prof. IBMEC · OAB/RJ
{/* Copy */}
Quem está por trás

Advocacia real, background em TI e docência no IBMEC — tudo convergindo para IA jurídica de verdade.

Sócio fundador da Cardoso Advogados Associados com mais de 15 anos de atuação em Direito Civil, Direito Digital e LGPD. Professor de LLM no IBMEC, ex-técnico de informática, fundador do blog Zoom Digital (20 anos no ar) e apresentador do Podcast Zoom Cast. O portal nasceu para traduzir o que funciona na advocacia com IA — sem hype, sem promessas vazias.

); const Credential = ({ icon, label, sub }) => (
{label}
{sub}
); // ───────────────────────────────────────────────────────────────────────── // 4. Videos section // ───────────────────────────────────────────────────────────────────────── const Videos = () => { const [filter, setFilter] = React.useState("Tudo"); const filters = ["Tudo", "IA na prática", "IA para escritórios", "Ferramentas IA", "Ética e limites", "LGPD e IA"]; const videos = [ { title: "Nova Ferramenta da OpenAI que vai Mudar a Advocacia! ChatGPT Agente em Ação no Direito", category: "IA para escritórios", youtubeId: "_we8BNOYk10", variant: 0 }, { title: "ChatGPT Investigador para Advogados: Como Usar na Prática Jurídica!", category: "Ferramentas IA", youtubeId: "rsfwAlLG9Dg", variant: 1 }, { title: "ChatGPT faz mal ao advogado? A Verdade Sobre IA na Advocacia!", category: "Ética e limites", youtubeId: "MMzMF4eoNJ8", variant: 2 }, { title: "ChatGPT PARA ADVOGADOS! Inteligência Artificial na Advocacia", category: "IA na prática", youtubeId: "fsyjI6pQkUQ", variant: 3 }, { title: "Advogado 4.0: ALCANCE O SUCESSO NA ERA DIGITAL — Introdução ao Curso", category: "IA para escritórios", youtubeId: "BHbq0H4tb8g", variant: 4 }, ]; const filtered = filter === "Tudo" ? videos : videos.filter(v => v.category === filter); return (
{ window.open("https://www.youtube.com/@cadvph", "_blank"); e.preventDefault(); }}>Ver canal no YouTube} /> {/* Filter chips */}
{filters.map(f => ( ))}
{/* Grid */}
{filtered.length > 0 && } {filtered.slice(1).map((v, i) => )}
); }; // ───────────────────────────────────────────────────────────────────────── // 5. Trails section // ───────────────────────────────────────────────────────────────────────── const Trails = () => { const trails = [ { number: "01", icon: "compass", title: "Primeiros passos com IA na advocacia", description: "Entenda os conceitos, escolha as ferramentas certas e dê o primeiro passo seguro.", modules: 8, level: "Iniciante" }, { number: "02", icon: "spark", title: "Prompts para advogados", description: "Biblioteca prática de prompts testados em casos reais, prontos para adaptar.", modules: 12, level: "Iniciante · Intermediário" }, { number: "03", icon: "doc", title: "IA na produção de peças jurídicas", description: "Como usar IA para acelerar petições sem perder técnica, voz e responsabilidade.", modules: 10, level: "Intermediário" }, { number: "04", icon: "workflow", title: "IA para atendimento e gestão de escritório", description: "Triagem de clientes, agenda, follow-up e automações que liberam horas por semana.", modules: 9, level: "Intermediário" }, { number: "05", icon: "shield", title: "IA, ética e responsabilidade profissional", description: "Limites do CED-OAB, LGPD, sigilo profissional e como auditar suas próprias entregas.", modules: 7, level: "Todos os níveis" }, { number: "06", icon: "book", title: "IA para professores e estudantes de Direito", description: "Estudar mais rápido, preparar aulas e construir referências com método.", modules: 8, level: "Iniciante" }, ]; return (
{trails.map((t, i) => )}
); }; // ───────────────────────────────────────────────────────────────────────── // 5b. Audience — Para quem é // ───────────────────────────────────────────────────────────────────────── const Audience = () => { const items = [ { icon: "briefcase", title: "Advogados autônomos", desc: "Que precisam produzir mais com menos tempo e sem equipe grande." }, { icon: "users", title: "Escritórios de advocacia", desc: "Que buscam escalar a operação, padronizar processos e atender melhor." }, { icon: "book", title: "Professores de Direito", desc: "Que querem integrar IA na didática, nas pesquisas e na preparação de aulas." }, { icon: "compass", title: "Estudantes de Direito", desc: "Que desejam se preparar para o mercado usando ferramentas modernas desde cedo." }, ]; return (
{items.map((item, i) => (

{item.title}

{item.desc}

))}
); }; // ───────────────────────────────────────────────────────────────────────── // 5c. Benefits — Benefícios práticos // ───────────────────────────────────────────────────────────────────────── const Benefits = () => { const items = [ { icon: "bolt", title: "Produtividade real", desc: "Reduza horas de trabalho repetitivo com prompts e fluxos inteligentes." }, { icon: "workflow", title: "Automação de tarefas", desc: "Automatize triagem, agenda, follow-up e processos internos do escritório." }, { icon: "doc", title: "Criação de peças", desc: "Produza petições, contratos e pareceres com apoio de IA — sempre com revisão humana." }, { icon: "search", title: "Análise de documentos", desc: "Extraia cláusulas, identifique riscos e resuma jurisprudência em minutos." }, { icon: "chat", title: "Atendimento ao cliente", desc: "Melhore a triagem, a comunicação e o primeiro contato com potenciais clientes." }, { icon: "grid", title: "Organização de escritório", desc: "Implemente fluxos de gestão, controle de prazos e organização com IA." }, { icon: "book", title: "Estudo jurídico", desc: "Aprenda mais rápido, organize referências e prepare materiais com método." }, ]; return (
{items.map((b, i) => (
{ e.currentTarget.style.boxShadow = "var(--shadow-md)"; e.currentTarget.style.borderColor = "var(--border-strong)"; }} onMouseLeave={(e) => { e.currentTarget.style.boxShadow = "none"; e.currentTarget.style.borderColor = "var(--border)"; }}>

{b.title}

{b.desc}

))}
); }; Object.assign(window, { Header, Hero, Authority, Videos, Trails, Audience, Benefits });