1<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Branding, Posicionamento e Marketing de Conteúdo | Go Biz</title> <meta name="description" content="Fortalecemos marcas com branding, posicionamento, conteúdo estratégico, redes sociais, SEO, copywriting e comunicação orientada à conversão."> <link rel="canonical" href="https://www.gobiz.com.br/engajar"> <link rel="icon" href="/uploads/66578e345a27427ecf2f8cbe5fe498e4.webp" type="image/x-icon"> <link rel="preload" href="/app/views/themes/default/assets/fonts/space-grotesk-v22-latin-700.woff2" as="font" type="font/woff2" crossorigin> <style> 2 @font-face { font-family: 'Space Grotesk'; font-weight: 400; font-display: swap; src: url('/app/views/themes/default/assets/fonts/space-grotesk-v22-latin-regular.woff2') format('woff2'); } 3@font-face { font-family: 'Space Grotesk'; font-weight: 600; font-display: swap; src: url('/app/views/themes/default/assets/fonts/space-grotesk-v22-latin-600.woff2') format('woff2'); } 4@font-face { font-family: 'Space Grotesk'; font-weight: 700; font-display: swap; src: url('/app/views/themes/default/assets/fonts/space-grotesk-v22-latin-700.woff2') format('woff2'); } 5@font-face { font-family: 'Roboto Condensed'; font-weight: 400; font-display: swap; src: url('/app/views/themes/default/assets/fonts/roboto-condensed-v31-latin-regular.woff2') format('woff2'); } 6@font-face { font-family: 'Roboto Condensed'; font-weight: 700; font-display: swap; src: url('/app/views/themes/default/assets/fonts/roboto-condensed-v31-latin-700.woff2') format('woff2'); } 7@font-face { font-family: 'Roboto Condensed'; font-weight: 900; font-display: swap; src: url('/app/views/themes/default/assets/fonts/roboto-condensed-v31-latin-900.woff2') format('woff2'); } 8 9 /* PageSpeed Fix: Phosphor com Swap */ 10 @font-face { font-family: 'Phosphor'; src: url('https://unpkg.com/@phosphor-icons/[email protected]/src/regular/Phosphor.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } 11 @font-face { font-family: 'Phosphor-Fill'; src: url('https://unpkg.com/@phosphor-icons/[email protected]/src/fill/Phosphor-Fill.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } 12 13 .ph { font-family: 'Phosphor' !important; } 14 .ph-fill { font-family: 'Phosphor-Fill' !important; } 15 16 :root { 17 --primary: #008e84; 18 --primary-soft: rgba(0, 142, 132, 0.1); 19 --font-primary: "Space Grotesk", sans-serif; 20 --font-secondary:"Roboto Condensed", sans-serif; 21 --container-width: 1100px; 22 --radius: 8px; 23 --radius-lg:16px; 24 --bg-page: #ffffff; 25 --bg-card: rgba(255, 255, 255, 0.9); 26 --bg-glass: rgba(255, 255, 255, 0.8); 27 --text-main:#473e38; 28 --border: #e2e8f0; 29 } 30 header.site-header { position: relative; width: 100%; height: 80px; display: flex; align-items: center; z-index: 9999; background: #fff; } 31 .container { width: 100%; max-width: var(--container-width); margin: 0 auto; padding: 0 1.5rem; } 32 .h1-logo__img { height: 32px; width: auto; } 33 </style> <link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/[email protected]/src/regular/style.css" media="print" onload="this.media='all'"> <link rel="stylesheet" href="https://unpkg.com/@phosphor-icons/[email protected]/src/fill/style.css" media="print" onload="this.media='all'"> <link rel="stylesheet" href="/app/views/themes/default/assets/css/style.css?v=1787852268" fetchpriority="high"> <link rel="stylesheet" href="/app/views/themes/default/assets/css/columns.css?v=1775065926" media="print" onload="this.media='all'"> <style id="cms-custom-css"> 34.post-main-layout .prose img { 35 width: 100%; 36 height: auto; 37} 38.post-main-layout .prose h2, .post-main-layout .prose h3, .post-main-layout .prose h4 { 39 margin-bottom: 1em 40} 41</style> <meta property="og:type" content="website"> <meta property="og:title" content="Branding, Posicionamento e Marketing de Conteúdo | Go Biz"> <meta property="og:description" content="Fortalecemos marcas com branding, posicionamento, conteúdo estratég
41ico, redes sociais, SEO, copywriting e comunicação orientada à conversão."> <meta property="og:url" content="https://www.gobiz.com.br/engajar"> <meta property="og:image" content="https://www.gobiz.com.br/uploads/cd9fde710d9d2025a79c8925784ccb44.webp"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630">
41<script>
vendor: 331 bytes, lines 41-45
41(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 42new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 43j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 44'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 45})(window,document,'script','dataLayer','
45GTM-T5Q5SR3
vendor: 3 bytes, line 45
45');
45</script>
45 </head> <body class="">
vendor: 68 bytes, line 45
45 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
45GTM-T5Q5SR3
vendor: 83 bytes, line 45
45" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
45<a href="#main-content" class="skip-link">Pular para o conteúdo</a> <header class="h1-body is-sticky " style="background-color: #ffffffCC; color: #473e38; --header-bg: #ffffffCC; --header-text: #473e38; --header-accent: #008e84;"> <div class="container h1-container"> <button type="button" class="mobile-trigger" id="mobileTrigger" aria-label="Abrir menu"> <i class="ph ph-list"></i> </button> <a href="/" class="h1-logo"> <img src="/uploads/e25f51188334a49d688051e1fc941c7c.webp" alt="Go Biz" class="h1-logo__img" style="height: 32px;"> </a> <div class="h1-nav-wrapper"> <nav class="nav-main"> <div class="nav-item" style=""> <a href="/" class="nav-link "> Home </a> </div> <div class="nav-item" style=""> <a href="/quem-somos" class="nav-link "> Quem Somos </a> </div> <div class="nav-item" style=""> <a href="/#" class="nav-link has-children"> Nossa Abordagem <svg class="nav-icon" width="12" height="12" viewBox="0 0 256 256" fill="currentColor"><path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80a8,8,0,0,1,11.32-11.32L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"></path></svg> </a> <div class="nav-dropdown"> <div class="nav-submenu"> <a href="/atracao" class="nav-dropdown-link"> Atrair Clientes </a> </div> <div class="nav-submenu"> <a href="/engajar" class="nav-dropdown-link"> Criar Conexões </a> </div> <div class="nav-submenu"> <a href="/converter" class="nav-dropdown-link"> Gerar Receita </a> </div> <div class="nav-submenu"> <a href="/otimizar" class="nav-dropdown-link"> Escalar Resultados </a> </div> </div> </div> <div class="nav-item" style=""> <a href="/blog" class="nav-link "> Insights </a> </div> <div class="nav-item" style=""> <a href="/contato" class="nav-link "> Contato </a> </div> </nav> </div> <div class="h1-col-right"> <a href="/contato" class="btn btn--primary btn--sm btn-header"> <i class="ph-fill ph-chats"></i> Entre em Contato </a> </div> </div> </header> <div class="mobile-menu-overlay" id="mobileOverlay"></div> <div class="mobile-menu-canvas" id="mobileCanvas"> <div class="mobile-menu-header"> <button type="button" class="mobile-menu-close" id="mobileClose" aria-label="Fechar menu"> <i class="ph ph-x"></i> </button> </div> <nav class="mobile-nav"> <div class="mobile-nav-item depth-1"> <div class="mobile-nav-link-wrapper"> <a href="/" class="mobile-nav-link"> Home </a> </div> </div> <div class="mobile-nav-item depth-1"> <div class="mobile-nav-link-wrapper"> <a href="/quem-somos" class="mobile-nav-link"> Quem Somos </a> </div> </div> <div class="mobile-nav-item depth-1"> <div class="mobile-nav-link-wrapper"> <a href="/#" class="mobile-nav-link"> Nossa Abordagem </a> <button class="mobile-nav-toggle" aria-label="Abrir submenu"> <i class="ph ph-caret-down"></i> </button> </div> <div class="mobile-submenu"> <div class="mobile-nav-item depth-2"> <div class="mobile-nav-link-wrapper"> <a href="/atracao" class="mobile-nav-link"> Atrair Clientes </a> </div> </div> <div class="mobile-nav-item depth-2"> <div class="mobile-nav-link-wrapper"> <a href="/engajar" class="mobile-nav-link"> Criar Conexões </a> </div> </div> <div class="mobile-nav-item depth-2"> <div class="mobile-nav-link-wrapper"> <a href="/converter" class="mobile-nav-link"> Gerar Receita </a> </div> </div> <div class="mobile-nav-item depth-2"> <div class="mobile-nav-link-wrapper"> <a href="/otimizar" class="mobile-nav-link"> Escalar Resultados </a> </div> </div> </div> </div> <div class="mobile-nav-item depth-1"> <div class="mobile-nav-link-wrapper"> <a href="/blog" class="mobile-nav-link"> Insights </a> </div> </div> <div class="mobile-nav-item depth-1"> <div class="mobile-nav-link-wrapper"> <a href="/contato" class="mobile-nav-link"> Contato </a> </div> </div> <div class="mobile-nav-item" style="padding: 1.5rem;"> <a href="/contato" class="btn-header" style="width: 100%; text-align: center; justify-content: center;"> <i class="ph-fill ph-chats"></i> Entre em Contato </a> </div> </nav> </div> <style> 46.h1-body .mobile-trigger { color: var(--header-text); } 47.h1-body .h1-logo { color: var(--header-text); } 48.h1-body .h1-logo-icon { background: var(--header-accent); color: var(--header-bg); } 49.h1-body .nav-link { color: var(--header-text) !important; } 50.h1-body .nav-link:hover { color: var(--header-accent) !important; opacity: 0.8; } 51.h1-body .nav-link i { color: var(--header-accent) !important; } 52.h1-body.is-scrolled { background: var(--header-bg) !important; color: var(--header-text) !important; } 53</style>
53 <main id="main-content"> <div id="page-content"> <section class="ph-hero ph-hero--split ph-hero--has-visual" style="--bg-card:#ffffff;--primary:#473288;--text-main:#473e38;background-image: url('/uploads/9eb5a2a0c3a291fbe9ab433def7489bc.webp');background-size: cover;background-position: center"> <div class="ph-hero__container-wrapper"> <div class="ph-hero__grid"> <div class="ph-hero__content-col"> <div class="ph-hero__content"> <h1 class="ph-hero__title">Engajar é criar conexões relevantes com seu público.</h1> <p class="ph-hero__intro">Atrair visitantes é apenas o começo. O crescimento acontece quando sua marca permanece presente, gera valor e constrói relacionamentos ao longo do tempo.</p> </div> </div> <div class="ph-hero__visual"> <img src="/uploads/cd9fde710d9d2025a79c8925784ccb44.webp" alt="Engajar é criar conexões relevantes com seu público." class="ph-hero__img"> </div> </div> </div> </section> <style> 54.ph-hero--split { 55 padding: 0; 56 background-color: var(--bg-card); 57 color: var(--text-main); 58 position: relative; 59 overflow: hidden; 60 background-size: cover; 61 background-position: center; 62} 63 64.ph-hero__container-wrapper { 65 width: 100%; 66} 67 68.ph-hero--split .ph-hero__grid { 69 display: grid; 70 grid-template-columns: 1fr 1fr; 71 align-items: stretch; 72 min-height: auto; 73} 74 75/* Quando não tem imagem, ocupa 100% centralizado */ 76.ph-hero--split .ph-hero__grid--full { 77 grid-template-columns: 1fr; 78 max-width: var(--container-width); 79 margin: 0 auto; 80 padding: 0 1.5rem; 81} 82 83/* Coluna de Texto */ 84.ph-hero__content-col { 85 display: flex; 86 justify-content: flex-end; 87} 88 89.ph-hero__content { 90 width: 100%; 91 max-width: calc(var(--container-width) / 2); 92 padding: 0; 93 margin: 3.5rem 0; 94 display: flex; 95 flex-direction: column; 96 justify-content: center; 97} 98 99.ph-hero--split .ph-hero__grid--full .ph-hero__content { 100 max-width: 100%; 101 margin: 3.5rem 0; 102} 103 104.ph-hero--split .ph-hero__title { 105 font-family: var(--font-primary); 106 font-weight: 900; 107 font-size: clamp(2.5rem, 5vw, 3.8rem); 108 color: var(--primary) !important; 109 margin: 0 0 1.5rem; 110 line-height: 1; 111 text-align: left; 112 letter-spacing: var(--ls-display); 113} 114 115.ph-hero--split .ph-hero__intro { 116 font-family: var(--font-secondary); 117 font-size: 1.15rem; 118 color: var(--text-main); 119 opacity: 0.9; 120 text-align: left; 121 border-left: 4px solid var(--primary); 122 padding-left: 1.5rem; 123 margin: 0; 124 line-height: 1.6; 125} 126 127/* Coluna da Imagem â sem corte, imagem cabe inteira */ 128.ph-hero__visual { 129 position: relative; 130 width: 100%; 131 display: flex; 132 align-items: stretch; 133 overflow: hidden; 134} 135 136.ph-hero__visual img { 137 width: 100%; 138 height: 100%; 139 min-height: 220px; 140 object-fit: cover; 141 object-position: center top; 142 display: block; 143} 144 145@media (max-width: 1024px) { 146 .ph-hero__content { max-width: 100%; } 147} 148 149@media (max-width: 768px) { 150 .ph-hero__grid { grid-template-columns: 1fr !important; min-height: auto; gap: 0; } 151 .ph-hero__content-col { justify-content: center; } 152 .ph-hero__content { padding: 2rem 1.5rem; text-align: center; margin: 0; } 153 .ph-hero__title { text-align: center !important; } 154 .ph-hero__intro { border-left: none !important; padding-left: 0 !important; text-align: center !important; } 155 156 /* Mobile: texto acima, imagem abaixo */ 157 .ph-hero__content-col { order: 1; } 158 .ph-hero__visual { 159 order: 2; 160 width: 100%; 161 height: auto !important; 162 } 163 .ph-hero__visual img { 164 width: 100%; 165 height: auto !important; 166 min-height: unset !important; 167 object-fit: initial !important; 168 display: block; 169 } 170} 171</style> <div class="ph-content"> <div class="prose"> <section class="shortcode-columns reveal" style="background-color: #f8f7ff; color: #473e38; text-align: center; padding: 4rem 0; margin: 0; width: 100vw; position: relative; overflow: hidden; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; --shortcode-highlight: #008e84;"><div class="container" style="position:relative; z-index:1;"><div class="shortcode-header" style="margin-bottom: 3rem; width: 100%;"> <h2 style='color: #473288; margin-bottom: 1rem;' class='section-title-standard'> Como engajamos seu público </h2> <p class='shortcode-desc' style='opacity: 0.8; margin-bottom: 2rem; font-size: 1.1rem; color: #473e38;'> Posicionamento, conteúdo e comunicação para construir uma marca que o mercado reconhece e confia </p> </div><div class="shortcode-grid" style="display:flex; flex-direction:column; gap:2rem;"><div class="shortcode-row" style="display:flex; flex-wrap:wrap; gap:2rem; justify-content:center;"> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #ffffff; border: 1px solid #e2dff5; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <img src="/uploads/4e64cf1cb338e4a019abd424d518d605.webp" alt="Imagem" class="img-fluid" loading="eager" decoding="async" width="300" height="300" fetchpriority="high"> <h3 style='color: #473288; margin-bottom: 1rem;' class='shortcode-title-small'> Posicionamento e Branding </h3>
171 Definimos a base estratégica da sua marca, construindo posicionamento, mensagem e diferenciação para que ela seja percebida de forma clara pelo mercado. </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #ffffff; border: 1px solid #e2dff5; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <img src="/uploads/f2cd272a8c09b0c6b808df9f3853896c.webp" alt="Imagem" class="img-fluid" loading="lazy" decoding="async" width="300" height="300"> <h3 style='color: #473288; margin-bottom: 1rem;' class='shortcode-title-small'> Conteúdo Estratégico </h3> Criamos conteúdos alinhados aos objetivos do negócio, fortalecendo autoridade e gerando valor para seu público. </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #ffffff; border: 1px solid #e2dff5; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <img src="/uploads/81e56ea972bcf5e70e53aad2303d059f.webp" alt="Imagem" class="img-fluid" loading="lazy" decoding="async" width="300" height="300"> <h3 style='color: #473288; margin-bottom: 1rem;' class='shortcode-title-small'> Presença Digital Consistente </h3> Mantemos sua marca ativa e relevante nos canais certos, criando consistência ao longo do relacionamento com clientes e prospects. </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #ffffff; border: 1px solid #e2dff5; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <img src="/uploads/33819b3d96ed998149f7006a2e7c041a.webp" alt="Imagem" class="img-fluid" loading="lazy" decoding="async" width="300" height="300"> <h3 style='color: #473288; margin-bottom: 1rem;' class='shortcode-title-small'> Comunicação Orientada à Conversão </h3> Desenvolvemos mensagens que fortalecem confiança, despertam interesse e apoiam a tomada de decisão. </div></div></div> </div></div></div></section> <section class="shortcode-columns reveal" style="background-color: #473288; color: #ffffff; text-align: center; padding: 4rem 0; margin: 0; width: 100vw; position: relative; overflow: hidden; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; --shortcode-highlight: #ffd426;"><div class="container" style="position:relative; z-index:1;"><div class="shortcode-header" style="margin-bottom: 3rem; width: 100%;"> <h2 style='color: #ffffff; margin-bottom: 1rem;' class='section-title-standard'> O que trabalhamos </h2> <p class='shortcode-desc' style='opacity: 0.8; margin-bottom: 2rem; font-size: 1.1rem; color: #e2dff5;'> Todas as frentes para construir uma presença digital forte e consistente </p> </div><div class="shortcode-grid" style="display:flex; flex-direction:column; gap:2rem;"><div class="shortcode-row" style="display:flex; flex-wrap:wrap; gap:2rem; justify-content:center;"> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #3a2872; border: 1px solid #5a4a9a; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-diamond" style="font-size:28px;color:#ffd426;margin-bottom:8px;display:block"></i> <h3 style='color: #ffffff; margin-bottom: 1rem;' class='shortcode-title-small'> Branding e posicionamento </h3> Construção da identidade e diferenciação da marca para ser percebida com clareza pelo mercado. </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #3a2872; border: 1px solid #5a4a9a; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-calendar-check" style="font-size:28px;color:#ffd426;margin-bottom:8px;display:block"></i> <h3 style='color: #ffffff; margin-bottom: 1rem;' class='shortcode-title-small'>
171 Planejamento editorial </h3> Calendário de conteúdo alinhado aos objetivos do negócio e aos momentos do público. </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #3a2872; border: 1px solid #5a4a9a; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-pencil-line" style="font-size:28px;color:#ffd426;margin-bottom:8px;display:block"></i> <h3 style='color: #ffffff; margin-bottom: 1rem;' class='shortcode-title-small'> Conteúdo estratégico </h3> Produção de conteúdo que posiciona, educa e gera valor real para quem você quer alcançar. </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #3a2872; border: 1px solid #5a4a9a; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-share-network" style="font-size:28px;color:#ffd426;margin-bottom:8px;display:block"></i> <h3 style='color: #ffffff; margin-bottom: 1rem;' class='shortcode-title-small'> Redes sociais </h3> Gestão estratégica de canais para manter presença ativa, relevante e alinhada à marca. </div></div></div> </div><div class="shortcode-row" style="display:flex; flex-wrap:wrap; gap:2rem; justify-content:center;"> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #3a2872; border: 1px solid #5a4a9a; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-text-aa" style="font-size:28px;color:#ffd426;margin-bottom:8px;display:block"></i> <h3 style='color: #ffffff; margin-bottom: 1rem;' class='shortcode-title-small'> Copywriting </h3> Textos persuasivos que comunicam valor, geram interesse e conduzem à ação em cada etapa da jornada. </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #3a2872; border: 1px solid #5a4a9a; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-magnifying-glass" style="font-size:28px;color:#ffd426;margin-bottom:8px;display:block"></i> <h3 style='color: #ffffff; margin-bottom: 1rem;' class='shortcode-title-small'> Conteúdo para SEO </h3> Produção orientada a ranqueamento orgânico para atrair visitantes qualificados de forma contÃnua. </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #3a2872; border: 1px solid #5a4a9a; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-paint-brush" style="font-size:28px;color:#ffd426;margin-bottom:8px;display:block"></i> <h3 style='color: #ffffff; margin-bottom: 1rem;' class='shortcode-title-small'> Direção criativa </h3> Definição de linguagem visual e tom de voz para garantir consistência em todos os pontos de contato. </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 25%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #3a2872; border: 1px solid #5a4a9a; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-envelope-open" style="font-size:28px;color:#ffd426;margin-bottom:8px;display:block"></i> <h3 style='color: #ffffff; margin-bottom: 1rem;' class='shortcode-title-small'> E-mail marketing </h3> Comunicação direta e segmentada para nutrir leads, fidelizar clientes e gerar oportunidades recorrentes. </div></div></div> </div></div></div></section> <section class="shortcode-columns reveal" style="background-color: #ffffff; color: #473e38; text-align: center; padding: 4rem 0; margin: 0; width: 100vw; position: relative; overflow: hidden; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; --shortcode-highlight: #008e84;"><div class="container" style="position:relative; z-index:1;"><div class="shortcode-grid" style="display:flex; flex-direction:column; gap:2rem;"><div class="shortcode-row" style="display:flex; flex-wrap:wrap; gap:2rem; justify-content:center;"> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 30%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #473288; border: 0px; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-user-circle" style="font-size:48px;color:#ffd426;margin-bottom:16px;display:block"></i> <h3 style='color: #ffd426; margin-bottom: 1rem;' class='shortcode-title-small'> Marca forte não se constrói com posts â se constrói com estratég
171ia </h3> <p style="color:#e2dff5;margin-top:8px">Consistência de mensagem, presença nos canais certos e conteúdo com propósito: esses são os pilares que transformam visibilidade em autoridade real.</p> </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 70%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #f8f7ff; border: 1px solid #e2dff5; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <h3 style='color: #473288; margin-bottom: 1rem;' class='shortcode-title-small'> Nossa abordagem </h3> Engajar não é apenas publicar conteúdo. Antes de comunicar, definimos como sua marca deve ser percebida. A partir dessa base, construÃmos uma presença consistente que fortalece reconhecimento, autoridade e confiança. Trabalhamos sua marca como um ativo de longo prazo, alinhando posicionamento, conteúdo e comunicação para criar conexões mais relevantes com seu público. O resultado é uma presença digital mais forte, capaz de apoiar o crescimento do negócio de forma contÃnua. </div></div></div> </div></div></div></section> <section class="shortcode-columns reveal" style="background-color: #473288; color: #ffffff; text-align: center; padding: 4rem 0; margin: 0; width: 100vw; position: relative; overflow: hidden; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; --shortcode-highlight: #ffd426;"><div class="container" style="position:relative; z-index:1;"><div class="shortcode-header" style="margin-bottom: 3rem; width: 100%;"> <h2 style='color: #ffffff; margin-bottom: 1rem;' class='section-title-standard'> O resultado </h2> <p class='shortcode-desc' style='opacity: 0.8; margin-bottom: 2rem; font-size: 1.1rem; color: #e2dff5;'> O que muda quando sua marca comunica com consistência e estratégia </p> </div><div class="shortcode-grid" style="display:flex; flex-direction:column; gap:2rem;"><div class="shortcode-row" style="display:flex; flex-wrap:wrap; gap:2rem; justify-content:center;"> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 33.33%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #3a2872; border: 1px solid #5a4a9a; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-trophy" style="font-size:36px;color:#ffd426;margin-bottom:12px;display:block"></i> <h3 style='color: #ffffff; margin-bottom: 1rem;' class='shortcode-title-small'> Mais autoridade </h3> Fortaleça a percepção da sua marca e torne-se uma referência para o público que deseja alcançar. </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 33.33%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #3a2872; border: 1px solid #5a4a9a; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-handshake" style="font-size:36px;color:#ffd426;margin-bottom:12px;display:block"></i> <h3 style='color: #ffffff; margin-bottom: 1rem;' class='shortcode-title-small'> Mais confiança </h3> Construa relacionamentos mais sólidos por meio de uma comunicação consistente e relevante. </div></div></div> <div class="shortcode-col shortcode-col--valign-middle" style="--col-width: 33.33%; flex: 1 1 calc(var(--col-width) - 2rem); max-width: var(--col-width); text-align: left; padding: 1rem; background: #3a2872; border: 1px solid #5a4a9a; border-radius: 8px;"><div class="shortcode-col__inner"><div class="shortcode-col__content"> <i class="ph-fill ph-shopping-bag" style="font-size:36px;color:#ffd426;margin-bottom:12px;display:block"></i> <h3 style='color: #ffffff; margin-bottom: 1rem;' class='shortcode-title-small'> Mais intenção de compra </h3> Prepare o público para a decisão, reduzindo barreiras e aumentando o interesse pelas suas soluções. </div></div></div> </div></div></div></section> </div> </div> </div> </main> <footer class="site-footer footer-style-1" style="background-image: url('/uploads/9eb5a2a0c3a291fbe9ab433def7489bc.webp'); background-size: cover; background-position: center; color: #473e38; --footer-bg: #ffffff; --footer-text: #473e38; --footer-accent: #473288;"> <div class="container footer-main" style="grid-template-columns: 4fr 2fr 2fr 3fr;"> <div class="footer-col"> <div class="footer-header"> <a href="/" class="footer-logo"> <img src="/uploads/d3ad20190209cd7dfc64c1520178a1ea.webp" alt="Go Biz" class="footer-logo__img" width="150" height="50" style="height: auto; width: auto; max-width: 180px;"> </a> </div> <div class="footer-bio"> Chegou a hora da sua marca <b>conquistar o espaço </b> que merece na internet. Com nossa experiência, transformamos sua presença digital em autoridade e crescimento real. </div> </div> <div class="footer-col"> <div class="footer-header"> <h3 class="footer-title h4">Trabalhe conosco</h3> </div> <div class="footer-custom-text"> Buscamos <b>pessoas talentosas e motivadas</b>, prontas para encarar desafios e crescer junto com a gente. Se você tem o que é preciso, <a href="/contato">venha fazer parte da equipe!</a> </div> </div> <div class="footer-col"> <div class="footer-header"> <h3 class="footer-title h4">Contato</h3> </div> <ul class="footer-contact-list"> <li> <i class="ph ph-whatsapp-logo"></i>
171 <a href="https://api.whatsapp.com/send?phone=5511973435275" target="_blank">(11) 97343-5275</a> </li> <li> <i class="ph ph-envelope"></i> <a href="mailto:[email protected]">[email protected]</a> </li> </ul> </div> <div class="footer-col"> <div class="footer-header"> <h3 class="footer-title h4">Newsletter</h3> </div> <p class="footer-newsletter-text">Receba novidades e atualizações diretamente no seu e-mail.</p> <form class="footer-newsletter-form" action="/form/submit" method="POST" data-ajax="true" id="footer-newsletter"> <input type="hidden" name="_form_slug" value="newsletter"> <input type="hidden" name="_start_time" value="1790180052"> <div style="display:none !important;"><input type="text" name="_xf_b" tabindex="-1" autocomplete="off"></div> <input type="email" name="email" placeholder="Seu melhor e-mail" required class="footer-newsletter-input"> <button type="submit" class="btn btn--footer">Inscrever-se</button> <div class="form-feedback mt-3 text-xs hidden"></div> </form> </div>
171<script> 172 document.getElementById('footer-newsletter').addEventListener('submit', function(e) { 173 e.preventDefault(); 174 const form = this; 175 const btn = form.querySelector('button'); 176 const feedback = form.querySelector('.form-feedback'); 177 178 btn.disabled = true; 179 btn.innerText = '...'; 180 181 fetch(form.action, { 182 method: 'POST', 183 body: new FormData(form), 184 headers: { 'X-Requested-With': 'XMLHttpRequest' } 185 }) 186 .then(r => r.json()) 187 .then(data => { 188 feedback.innerText = data.message; 189 feedback.classList.remove('hidden'); 190 feedback.style.color = data.ok ? '#10b981' : '#ef4444'; 191 if(data.ok) form.reset(); 192 }) 193 .finally(() => { 194 btn.disabled = false; 195 btn.innerText = 'Inscrever-se'; 196 }); 197 }); 198 </script>
198 </div> <div class="footer-bottom" style="background: rgba(0,0,0,0.1);"> <div class="container footer-bottom-container"> <p class="copyright">Todos os direitos reservados. © 2026</p> <div class="footer-social"> <a href="https://pt-br.facebook.com/gobizmarketingdigital/" target="_blank" class="social-link" aria-label="Facebook"> <i class="ph ph-facebook-logo"></i> </a> <a href="https://www.instagram.com/agenciagobiz/" target="_blank" class="social-link" aria-label="Instagram"> <i class="ph ph-instagram-logo"></i> </a> <a href="https://x.com/agenciagobiz" target="_blank" class="social-link" aria-label="X (Twitter)"> <i class="ph ph-x-logo"></i> </a> <a href="https://www.threads.com/@agenciagobiz" target="_blank" class="social-link" aria-label="Threads"> <i class="ph ph-threads-logo"></i> </a> <a href="https://www.tiktok.com/@agenciagobiz" target="_blank" class="social-link" aria-label="TikTok"> <i class="ph ph-tiktok-logo"></i> </a> <a href="https://www.linkedin.com/company/go-biz-marketing-digital/" target="_blank" class="social-link" aria-label="LinkedIn"> <i class="ph ph-linkedin-logo"></i> </a> <a href="https://www.youtube.com/@agenciagobiz" target="_blank" class="social-link" aria-label="YouTube"> <i class="ph ph-youtube-logo"></i> </a> </div> </div> </div> </footer> <style> 199.site-footer a:not(.btn) { color: var(--footer-text) !important; } 200.site-footer a:not(.btn):hover { color: var(--footer-accent) !important; } 201.logo-text { color: var(--footer-accent); font-family: var(--font-primary); font-weight: 800; font-size: var(--font-xl); } 202.footer-title { color: var(--footer-text); font-family: var(--font-primary); font-weight: 800; font-size: 0.95rem; } 203.footer-contact-list i { color: var(--footer-accent); } 204.footer-newsletter-input { color: var(--footer-text); } 205.footer-newsletter-input::placeholder { color: var(--footer-text); opacity: 0.5; } 206.btn--footer { background: var(--footer-accent); color: var(--footer-bg) !important; } 207.social-link i { color: var(--footer-accent); } 208.social-link:hover { color: var(--footer-accent) !important; } 209</style> <style> 210.site-footer { padding-top: 5rem; } 211.site-footer a:not(.btn) { color: #473e38 !important; text-decoration: none; transition: 0.2s; } 212.site-footer a:not(.btn):hover { color: #473288 !important; opacity: 1; } 213.social-link:hover { color: #473288 !important; opacity: 1 !important; transform: translateY(-3px); } 214.footer-newsletter-form input::placeholder { color: #473e38; opacity: 0.5; } 215.footer-bottom { border-top: none !important; } 216 217/* Ajustes de Responsividade para o Grid */ 218@media (max-width: 1024px) { 219 .footer-main { 220 grid-template-columns: 1fr 1fr !important; /* 2 colunas em tablets */ 221 gap: 3rem 2rem !important; 222 } 223} 224 225@media (max-width: 768px) { 226 .footer-main { 227 grid-template-columns: 1fr !important; /* 1 coluna no celular */ 228 gap: 2.5rem !important; 229 text-align: center !important; 230 } 231 .footer-col { 232 text-align: center !important; 233 width: 100% !important; 234 } 235 .footer-header { justify-content: center !important; height: auto !important; } 236 .footer-list { 237 align-items: center !important; 238 justify-content: center !important; 239 } 240 .footer-bottom-container { 241 justify-content: center !important; 242 text-align: center !important; 243 } 244} 245</style>
245<script src="https://instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
245
245<script defer src="/app/views/themes/default/assets/js/main.js?v=1775054138"></script>
245
245<script> 246 (function(){ 247 'use strict'; 248 249 // 1. Reveal Animation (Padronizado para usar is-visible) 250 function initReveal() { 251 var els = document.querySelectorAll('.reveal,.reveal-left,.reveal-right,.reveal-scale'); 252 if (!('IntersectionObserver' in window)) { 253 els.forEach(function(el){ el.classList.add('is-visible'); }); 254 return; 255 } 256 var obs = new IntersectionObserver(function(entries){ 257 entries.forEach(function(e){ 258 if (e.isIntersecting){ 259 e.target.classList.add('is-visible'); 260 obs.unobserve(e.target); 261 } 262 }); 263 }, { threshold: 0.1 }); 264 265 els.forEach(function(el){ 266 el.classList.remove('is-visible'); 267 obs.observe(el); 268 }); 269 } 270 271 // 2. Smooth Scroll 272 function initSmoothScroll() { 273 document.querySelectorAll('a[href^="#"]').forEach(function(a){ 274 a.onclick = function(e){ 275 var t = document.querySelector(this.getAttribute('href')); 276 if (t){ e.preventDefault(); t.scrollIntoView({ behavior:'smooth', block:'start' }); } 277 }; 278 }); 279 } 280 281 // 3. Navbar Shrink (Cabeçalho Inteligente & Otimizado) 282 function initNavbarShrink() { 283 var nav = document.querySelector('.site-header, header'); 284 if (!nav) return; 285 286 var lastScrollY = window.scrollY; 287 var ticking = false; 288 289 var updateHeight = function() { 290 var h = nav.offsetHeight; 291 document.documentElement.style.setProperty('--header-height', h + 'px'); 292 if (nav.classList.contains('is-transparent')) { 293 document.body.classList.add('has-transparent-header'); 294 } else { 295 document.body.classList.remove('has-transparent-header'); 296 } 297 }; 298 299 var updateNav = function() { 300 var currentScrollY = window.scrollY; 301 var isScrollingDown = currentScrollY > lastScrollY; 302 var threshold = 400; 303 304 if (currentScrollY < 50) { 305 nav.classList.remove('is-scrolled', 'is-hidden'); 306 } else { 307 if (isScrollingDown) { 308 if (nav.classList.contains('is-scrolled')) { 309 nav.classList.add('is-hidden'); 310 } 311 } else if (currentScrollY > threshold) { 312 nav.classList.add('is-scrolled'); 313 nav.classList.remove('is-hidden'); 314 } 315 } 316 lastScrollY = currentScrollY; 317 ticking = false; 318 }; 319 320 // Event Listeners Otimizados com requestAnimationFrame 321 window.addEventListener('scroll', function() { 322 if (!ticking) { 323 window.requestAnimationFrame(updateNav); 324 ticking = true; 325 } 326 }, { passive: true }); 327 328 window.addEventListener('resize', function() { 329 window.requestAnimationFrame(updateHeight); 330 }, { passive: true }); 331 332 updateHeight(); 333 updateNav(); 334 } 335 336 // --- Inicialização --- 337 function globalInit() { 338 initReveal(); 339 initSmoothScroll(); 340 initNavbarShrink(); 341 // Dispara redimensionamento para ajustar sliders/tickers se houver 342 window.dispatchEvent(new Event('resize')); 343 } 344 345 if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', globalInit); 346 else globalInit(); 347 }()); 348 </script>
348 <a href="https://api.whatsapp.com/send?phone=5511973435275" class="floating-whatsapp-btn" target="_blank" rel="noopener" aria-label="Falar pelo WhatsApp"> <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> <path fill="currentColor" d="M26.576 5.363c-2.69-2.69-6.406-4.354-10.511-4.354-8.209 0-14.865 6.655-14.865 14.865 0 2.732 0.737 5.291 2.022 7.491l-0.038-0.070-2.109 7.702 7.879-2.067c2.051 1.139 4.498 1.809 7.102 1.809h0.006c8.209-0.003 14.862-6.659 14.862-14.868 0-4.103-1.662-7.817-4.349-10.507l0 0zM16.062 28.228h-0.005c-0 0-0.001 0-0.001 0-2.319 0-4.489-0.64-6.342-1.753l0.056 0.031-0.451-0.267-4.675 1.227 1.247-4.559-0.294-0.467c-1.185-1.862-1.889-4.131-1.889-6.565 0-6.822 5.531-12.353 12.353-12.353s12.353 5.531 12.353 12.353c0 6.822-5.53 12.353-12.353 12.353h-0zM22.838 18.977c-0.371-0.186-2.197-1.083-2.537-1.208-0.341-0.124-0.589-0.185-0.837 0.187-0.246 0.371-0.958 1.207-1.175 1.455-0.216 0.249-0.434 0.279-0.805 0.094-1.15-0.466-2.138-1.087-2.997-1.852l0.010 0.009c-0.799-0.74-1.484-1.587-2.037-2.521l-0.028-0.052c-0.216-0.371-0.023-0.572 0.162-0.757 0.167-0.166 0.372-0.434 0.557-0.65 0.146-0.179 0.271-0.384 0.366-0.604l0.006-0.017c0.043-0.087 0.068-0.188 0.068-0.296 0-0.131-0.037-0.253-0.101-0.357l0.002 0.003c-0.094-0.186-0.836-2.014-1.145-2.758-0.302-0.724-0.609-0.625-0.836-0.637-0.216-0.010-0.464-0.012-0.712-0.012-0.395 0.010-0.746 0.188-0.988 0.463l-0.001 0.002c-0.802 0.761-1.3 1.834-1.3 3.023 0 0.026 0 0.053 0.001 0.079l-0-0.004c0.131 1.467 0.681 2.784 1.527 3.857l-0.012-0.015c1.604 2.379 3.742 4.282 6.251 5.564l0.094 0.043c0.548 0.248 1.25 0.513 1.968 0.74l0.149 0.041c0.442 0.14 0.951 0.221 1.479 0.221 0.303 0 0.601-0.027 0.889-0.078l-0.031 0.004c1.069-0.223 1.956-0.868 2.497-1.749l0.009-0.017c0.165-0.366 0.261-0.793 0.261-1.242 0-0.185-0.016-0.366-0.047-0.542l0.003 0.019c-0.092-0.155-0.34-0.247-0.712-0.434z"></path> </svg> </a> <style> 349 .floating-whatsapp-btn { 350 position: fixed; 351 right: 24px; 352 bottom: 24px; 353 z-index: 99990; 354 width: 58px; 355 height: 58px; 356 border-radius: 50%; 357 display: inline-flex; 358 align-items: center; 359 justify-content: center; 360 background: #25d366; 361 color: #fff; 362 text-decoration: none !important; 363 box-shadow: 0 12px 28px rgba(37, 211, 102, 0.35); 364 transition: transform 0.2s ease, box-shadow 0.2s ease; 365 } 366 .floating-whatsapp-btn:hover { 367 color: #fff; 368 transform: translateY(-2px); 369 box-shadow: 0 16px 36px rgba(37, 211, 102, 0.45); 370 text-decoration: none !important; 371 } 372 .floating-whatsapp-btn svg { 373 width: 32px; 374 height: 32px; 375 display: block; 376 } 377 @media (max-width: 640px) { 378 .floating-whatsapp-btn { 379 right: 16px; 380 bottom: 16px; 381 width: 54px; 382 height: 54px; 383 } 384 } 385 </style>
385<script> 386 if (localStorage.getItem('cookiesAccepted') === 'true') { 387 document.write('<style>#sys-p-msg { display: none !important; }</style>'); 388 } 389</script>
389 <input type="checkbox" id="spm-close-toggle" style="display: none !important;"> <div id="sys-p-msg" class="spm-wrapper"> <div class="container spm-flex"> <div class="spm-text"> Utilizamos cookies para melhorar sua experiência. Ao continuar navegando, você concorda com nossa polÃtica de privacidade. <a href="/politica-de-privacidade" class="spm-link">Saiba mais.</a> </div> <button type="button" class="btn btn--primary spm-btn" onclick="document.getElementById('spm-close-toggle').checked = true; localStorage.setItem('cookiesAccepted', 'true')"> Aceitar </button> </div> </div> <div id="galleryLightbox" class="gallery-lightbox" role="dialog" aria-modal="true" aria-label="Visualizador" hidden> <button class="lightbox-close" onclick="closeGalleryLightbox()" aria-label="Fechar visualizador"><i class="ph ph-x"></i></button> <button class="lightbox-nav prev" onclick="navigateGallery(-1)" aria-label="Imagem anterior"><i class="ph ph-caret-left"></i></button> <button class="lightbox-nav next" onclick="navigateGallery(1)" aria-label="Próxima imagem"><i class="ph ph-caret-right"></i></button> <div class="lightbox-content"> <div class="lightbox-counter"><span id="lightboxCurrent">1</span> / <span id="lightboxTotal">1</span></div> <img id="lightboxImage" src="" alt=""> <p id="lightboxCaption" class="lightbox-caption"></p> </div> </div> </body> </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.