Como usar este painel

[Cole o BLOCO 0 acima primeiro, depois este:] ═══ SESSÃO 1 — INFRAESTRUTURA SEO ═══ Crie os seguintes 4 arquivos de infraestrutura para o site do Grupo Murali Engenharia de Fachada: ARQUIVO 1: sitemap.xml XML completo com todas as URLs do site: - / priority 1.0 changefreq weekly - /sobre, /portfolio, /contato priority 0.8-0.9 - 12 páginas de serviço priority 0.9 - 5 artigos do blog priority 0.7 lastmod: 2025-05-23 | urlset xmlns W3C ARQUIVO 2: robots.txt User-agent: * Allow: / Disallow: /admin/ Sitemap: https://grupomurali.com.br/sitemap.xml ARQUIVO 3: head-components.html Fragmento de head reutilizável com: - Google Fonts preconnect (Geist + Inter) - CSS custom properties: toda a paleta de cores - Reset CSS minificado - CSS base: tipografia, grid 12 col, componentes - Google Tag Manager placeholder (GTM-XXXXXXX) - Schema Organization JSON-LD do Grupo Murali - Meta OG + Twitter Cards template ARQUIVO 4: schema-library.json Biblioteca JSON com schemas prontos: LocalBusiness, Organization, Service×12, FAQPage, Article, BreadcrumbList, WebSite+SearchAction Todos com name: "Grupo Murali Engenharia de Fachada"

[Cole o BLOCO 0 acima primeiro, depois este:] ═══ SESSÃO 2 — COMPONENTES UI ═══ Crie components.css + components.js com todos os componentes reutilizáveis do Grupo Murali: CSS: - Nav sticky com backdrop-blur, logo, menu mobile - Hero fullscreen com overlay gradiente - .btn-primary, .btn-secondary, .btn-whatsapp - Cards de serviço: hover lift + scale - Cards de números: fundo #1A2E4A, counter animado - Cards de risco: ícone SVG + borda esquerda #E8620A - Timeline horizontal/vertical responsiva - Before/After slider CSS com input range - Accordion FAQ: aria-expanded, ícone +/× - Footer 3 colunas com copyright Grupo Murali - WhatsApp float button fixo mobile com pulse JS: - Counter animation (IntersectionObserver) - Before/After slider - Accordion toggle - Mobile nav hamburguer - Smooth scroll - WhatsApp link: wa.me/5527992677703 - Lazy loading images - Fade-in on scroll Zero dependências externas. Comentários em português.

[Cole o BLOCO 0 acima primeiro, depois este:] ═══ SESSÃO 3 — HOMEPAGE ═══ Crie index.html completo. 8 seções obrigatórias: S1 HERO (100vh): H1: "Engenharia de Fachada no Espírito Santo — Diagnóstico Técnico, Recuperação Estrutural e Controle de Infiltração Predial" Subtítulo: "Equipe IRATA Level 3. Drones. Laudos ART. 250.000+ m² recuperados em 7 estados." CTAs: [Solicitar Diagnóstico — WhatsApp] [Ver Portfólio] Badges: [IRATA LEVEL 3] [DRONES ANAC] [ART CREA-ES] S2 NÚMEROS: Fundo #1A2E4A | 4.000+ clientes | 250.000+ m² | 7 estados | 0 acidentes Logos: Itaú, Vale, Suzano, ArcelorMittal S3 RISCO: "Seu Edifício Tem Risco Oculto?" 3 cards: Risco Jurídico | Patrimonial | Operacional S4 SERVIÇOS: Grid 3 colunas, 6 serviços com links S5 PROCESSO: Timeline 5 etapas S6 BEFORE/AFTER: 3 pares slider CSS S7 FAQ: 10 perguntas, accordion, schema FAQ JSON-LD S8 CTA FINAL: Gradiente navy → blue, copy de urgência Schema LocalBusiness + OG + Twitter Cards inclusos.

[Cole o BLOCO 0 acima primeiro, depois este:] ═══ SESSÃO 16 — PÁGINAS INSTITUCIONAIS ═══ Crie 3 arquivos: sobre.html: H1: "Grupo Murali — 10+ Anos Protegendo Patrimônios no ES" Seções: História | O Que Fazemos | Credenciais [IRATA Level 3][ART CREA-ES][Drones ANAC][NBR 5674] Equipe (cards com ícone SVG) | Missão/Visão/Valores Clientes: Itaú, Vale, Suzano, ArcelorMittal Atuação: ES, RJ, SP, MG, BA, GO, DF portfolio.html: H1: "Portfólio Técnico — Projetos Executados" Filtros CSS: Todos | Infiltração | Fachada | Impermeabilização | Drone | Laudos | Estrutural 9 cases grid 3 colunas com before/after placeholder contato.html: H1: "Fale com a Equipe Técnica do Grupo Murali" Formulário: Nome | Email | WhatsApp | Tipo edifício | Tipo serviço | Descrição | Urgência Card WhatsApp: wa.me/5527992677703 Email: murali.atendimento@gmail.com Schema ContactPage JSON-LD

[Cole o BLOCO 0 acima primeiro, depois este:] ═══ SESSÃO 17 — BLOG INDEX ═══ Crie blog/index.html: H1: "Blog Técnico — Engenharia de Fachada e Manutenção Predial" Subtítulo: "Conteúdo técnico para síndicos, gestores e engenheiros." Filtros CSS tabs: [Infiltração][Fachadas][Impermeabilização][Drones] [Laudos][Normas ABNT][Manutenção] Grid 3 colunas (2 tablet, 1 mobile): Cada card: placeholder 16:9 | badge categoria | título | excerpt 2 linhas | data | tempo leitura | "Ler artigo →" 6 cards iniciais com os títulos dos artigos planejados. Paginação no rodapé.

[Cole o BLOCO 0 acima primeiro, depois este:] ═══ SESSÃO 23 — ESTRATÉGIA DE CONTEÚDO ═══ Crie ESTRATEGIA-CONTEUDO.md com: 1. TOPICAL AUTHORITY MAP Cluster central: "Engenharia de Fachada ES" 5 clusters secundários, 10 artigos cada Estrutura de internal linking 2. CALENDÁRIO EDITORIAL — 24 SEMANAS Semana | Slug | H1 | Keyword | CTA destino | Cluster 3. KEYWORD RESEARCH — 60 termos keyword | volume | dificuldade | tipo | página destino 4. META DESCRIPTIONS prontas (todas as páginas) Max 160 chars, keyword no início, "Grupo Murali" no fim 5. ALT TEXTS padrão por tipo de imagem 6. ESTRATÉGIA FEATURED SNIPPETS 10 perguntas + formato ideal de resposta 7. CHECKLIST DE PUBLICAÇÃO Lista de verificação antes de publicar qualquer página