PageSourceSearch

https://gobiz.com.br/engajar

html gobiz.com.br collected 2026-10-06 00:33:10 UTC 44,539 bytes, 389 lines download raw bytes

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. &copy; 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.