{"id":169,"date":"2026-04-28T20:09:41","date_gmt":"2026-04-28T23:09:41","guid":{"rendered":"https:\/\/www.markeetar.com.br\/marketing\/?page_id=169"},"modified":"2026-04-28T21:22:49","modified_gmt":"2026-04-29T00:22:49","slug":"criacao-de-sites","status":"publish","type":"page","link":"https:\/\/www.markeetar.com.br\/marketing\/criacao-de-sites\/","title":{"rendered":"cria\u00e7\u00e3o de sites"},"content":{"rendered":"<style>.elementor-169 .elementor-element.elementor-element-5de472e{--display:flex;}.elementor-169 .elementor-element.elementor-element-10b9edd{--display:flex;}.elementor-169 .elementor-element.elementor-element-8b52d91{--display:flex;}.elementor-169 .elementor-element.elementor-element-84b8a94{--display:flex;}.elementor-169 .elementor-element.elementor-element-279f69c{--display:flex;}.elementor-169 .elementor-element.elementor-element-765dd0f{--display:flex;}:root{--page-title-display:none;}<\/style>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"169\" class=\"elementor elementor-169\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5de472e e-flex e-con-boxed e-con e-parent\" data-id=\"5de472e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6ec09a elementor-widget elementor-widget-html\" data-id=\"b6ec09a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-br\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<!-- \u26a1 PRELOAD + PREFETCH (acelera MUITO o redirecionamento) -->\r\n<link rel=\"preload\" as=\"document\" href=\"https:\/\/www.markeetar.com.br\/marketing\/criacao-de-sites\/obrigado\/?con=yes\">\r\n<link rel=\"prefetch\" href=\"https:\/\/www.markeetar.com.br\/marketing\/criacao-de-sites\/obrigado\/?con=yes\">\r\n\r\n<title>Hero<\/title>\r\n\r\n<style>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  background: #050505;\r\n  font-family: Arial, sans-serif;\r\n  color: #fff;\r\n}\r\n\r\n.hero {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 80px 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n\/* TEXTO ESQUERDA *\/\r\n.hero-left {\r\n  flex: 1;\r\n  min-width: 280px;\r\n}\r\n\r\n.badge {\r\n  display: inline-block;\r\n  background: #111;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  margin-bottom: 20px;\r\n  color: #f5c400;\r\n}\r\n\r\n\/* T\u00cdTULO RESPONSIVO *\/\r\n.title {\r\n  font-size: clamp(24px, 5vw, 52px);\r\n  line-height: 1.2;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.title span {\r\n  color: #f5c400;\r\n  font-style: italic;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.description {\r\n  color: #9ca3af;\r\n  font-size: 15px;\r\n  max-width: 500px;\r\n  line-height: 1.6;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* BOT\u00d5ES *\/\r\n.actions {\r\n  display: flex;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n}\r\n\r\n.btn {\r\n  padding: 14px 24px;\r\n  border-radius: 999px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  transition: 0.3s;\r\n}\r\n\r\n\/* BOT\u00c3O PRINCIPAL *\/\r\n.btn-primary {\r\n  background: #f5c400;\r\n  color: #000 !important;\r\n}\r\n\r\n.btn-primary:hover {\r\n  background: #ffd633;\r\n}\r\n\r\n\/* \u26a1 FEEDBACK DE CLIQUE (sensa\u00e7\u00e3o de velocidade) *\/\r\n.btn:active {\r\n  transform: scale(0.96);\r\n  opacity: 0.8;\r\n}\r\n\r\n\/* CARD DIREITA *\/\r\n.hero-right {\r\n  flex: 1;\r\n  min-width: 280px;\r\n}\r\n\r\n.card {\r\n  background: #0b0b0b;\r\n  border: 1px solid #1f1f1f;\r\n  border-radius: 18px;\r\n  padding: 25px;\r\n}\r\n\r\n\/* STATS *\/\r\n.stats {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.stat {\r\n  background: #111;\r\n  padding: 15px;\r\n  border-radius: 10px;\r\n  text-align: center;\r\n  flex: 1;\r\n  margin: 0 5px;\r\n}\r\n\r\n.stat h3 {\r\n  color: #f5c400;\r\n  font-size: 22px;\r\n}\r\n\r\n.stat p {\r\n  font-size: 12px;\r\n  color: #9ca3af;\r\n}\r\n\r\n\/* GR\u00c1FICO *\/\r\n.chart {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  gap: 8px;\r\n  height: 120px;\r\n  margin-top: 20px;\r\n}\r\n\r\n.bar {\r\n  flex: 1;\r\n  background: #f5c400;\r\n  border-radius: 6px;\r\n}\r\n\r\n\/* FOOTER CARD *\/\r\n.card-footer {\r\n  margin-top: 20px;\r\n  font-size: 12px;\r\n  color: #9ca3af;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n\/* RESPONSIVO *\/\r\n@media (max-width: 768px) {\r\n  .hero {\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n\r\n  .actions {\r\n    justify-content: center;\r\n  }\r\n\r\n  .stats {\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .stat {\r\n    margin: 0;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"hero\">\r\n\r\n  <!-- ESQUERDA -->\r\n  <div class=\"hero-left\">\r\n\r\n    <div class=\"badge\">\u25cf Aceitando novos projetos \u2022 2026<\/div>\r\n\r\n    <div class=\"title\">\r\n      Sites Que <span>Vendem<\/span><br>\r\n      Enquanto Voc\u00ea Cuida<br>\r\n      Do Que <span>Importa.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"description\">\r\n      Para advogados, m\u00e9dicos, psic\u00f3logos, engenheiros e empres\u00e1rios que querem autoridade digital. Criamos sites profissionais, r\u00e1pidos e otimizados para o Google \u2014 do dom\u00ednio \u00e0 convers\u00e3o.\r\n    <\/div>\r\n\r\n    <div class=\"actions\">\r\n      <a href=\"https:\/\/www.markeetar.com.br\/marketing\/criacao-de-sites\/obrigado\/?con=yes\"\r\n         class=\"btn btn-primary\"\r\n         onclick=\"window.location.href=this.href; return false;\">\r\n         Solicitar or\u00e7amento \u2192\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- DIREITA -->\r\n  <div class=\"hero-right\">\r\n\r\n    <div class=\"card\">\r\n\r\n      <div class=\"stats\">\r\n        <div class=\"stat\">\r\n          <h3>98<\/h3>\r\n          <p>Velocidade<\/p>\r\n        <\/div>\r\n        <div class=\"stat\">\r\n          <h3>100<\/h3>\r\n          <p>SEO<\/p>\r\n        <\/div>\r\n        <div class=\"stat\">\r\n          <h3>99<\/h3>\r\n          <p>UX<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div style=\"margin-bottom:10px; color:#9ca3af; font-size:13px;\">\r\n        Convers\u00f5es \/ m\u00eas\r\n      <\/div>\r\n\r\n      <div style=\"font-size:28px; margin-bottom:10px;\">\r\n        <span style=\"color:#fff;\">+187%<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"chart\">\r\n        <div class=\"bar\" style=\"height:20%\"><\/div>\r\n        <div class=\"bar\" style=\"height:30%\"><\/div>\r\n        <div class=\"bar\" style=\"height:35%\"><\/div>\r\n        <div class=\"bar\" style=\"height:45%\"><\/div>\r\n        <div class=\"bar\" style=\"height:50%\"><\/div>\r\n        <div class=\"bar\" style=\"height:60%\"><\/div>\r\n        <div class=\"bar\" style=\"height:70%\"><\/div>\r\n        <div class=\"bar\" style=\"height:80%\"><\/div>\r\n        <div class=\"bar\" style=\"height:90%\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card-footer\">\r\n        <span>\u25cf Novo lead recebido agora<\/span>\r\n        <span>\u26a1 1.8s load time<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10b9edd e-flex e-con-boxed e-con e-parent\" data-id=\"10b9edd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1faab0d elementor-widget elementor-widget-html\" data-id=\"1faab0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .services {\r\n    padding: 90px 6%;\r\n    background: #050505;\r\n  }\r\n\r\n  .services-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .services-header {\r\n    margin-bottom: 50px;\r\n    max-width: 720px;\r\n  }\r\n\r\n  .services-header h2 {\r\n    font-size: clamp(2.2rem, 4.8vw, 4.6rem);\r\n    line-height: 1.05;\r\n    font-weight: 700;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .services-header .highlight {\r\n    color: #f5c400;\r\n    font-style: italic;\r\n    font-family: Georgia, serif;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .services-header p {\r\n    font-size: 1rem;\r\n    line-height: 1.8;\r\n    color: #b8b8b8;\r\n    max-width: 620px;\r\n  }\r\n\r\n  .services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 22px;\r\n  }\r\n\r\n  .service-card {\r\n    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    border-radius: 18px;\r\n    padding: 26px;\r\n    min-height: 220px;\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .service-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(245, 196, 0, 0.25);\r\n    box-shadow: 0 0 25px rgba(245, 196, 0, 0.08);\r\n  }\r\n\r\n  .icon-box {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(245, 196, 0, 0.2);\r\n    background: rgba(245, 196, 0, 0.05);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 22px;\r\n    color: #f5c400;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .service-card h3 {\r\n    font-size: 1.1rem;\r\n    margin-bottom: 14px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .service-card p {\r\n    font-size: 0.95rem;\r\n    line-height: 1.7;\r\n    color: #b8b8b8;\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    .services-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    .services {\r\n      padding: 60px 20px;\r\n    }\r\n\r\n    .services-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .services-header h2 {\r\n      font-size: 2.2rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"services\">\r\n  <div class=\"services-container\">\r\n\r\n    <div class=\"services-header\">\r\n      <h2>\r\n        Tudo que seu neg\u00f3cio <br>\r\n        precisa, <span class=\"highlight\">em um s\u00f3 lugar.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Voc\u00ea n\u00e3o contrata s\u00f3 um site. Recebe uma opera\u00e7\u00e3o digital pronta para vender \u2014\r\n        sem dor de cabe\u00e7a, sem custo escondido, sem terceiros.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"services-grid\">\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"icon-box\">\ud83c\udf10<\/div>\r\n        <h3>Site Profissional<\/h3>\r\n        <p>Design exclusivo, alinhado \u00e0 sua marca, criado por especialistas em convers\u00e3o.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"icon-box\">\ud83d\udda5<\/div>\r\n        <h3>Hospedagem Premium<\/h3>\r\n        <p>Servidores r\u00e1pidos e est\u00e1veis com 99,9% de uptime garantido.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"icon-box\">\ud83d\udd17<\/div>\r\n        <h3>Registro de Dom\u00ednio<\/h3>\r\n        <p>Cuidamos de tudo: nome, configura\u00e7\u00e3o e ativa\u00e7\u00e3o do seu endere\u00e7o.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"icon-box\">\ud83d\udee1<\/div>\r\n        <h3>Certificado SSL<\/h3>\r\n        <p>Cadeado verde, dados criptografados e a confian\u00e7a que o cliente exige.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"icon-box\">\ud83d\udd0e<\/div>\r\n        <h3>Integra\u00e7\u00e3o Google<\/h3>\r\n        <p>Search Console, Analytics e indexa\u00e7\u00e3o para voc\u00ea aparecer nas buscas.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"icon-box\">\u25ce<\/div>\r\n        <h3>Estrutura de Vendas<\/h3>\r\n        <p>Cada se\u00e7\u00e3o, bot\u00e3o e CTA pensados para transformar visita em cliente.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b52d91 e-flex e-con-boxed e-con e-parent\" data-id=\"8b52d91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82ab3d1 elementor-widget elementor-widget-html\" data-id=\"82ab3d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  background: #050505;\r\n  font-family: Arial, sans-serif;\r\n  color: #fff;\r\n}\r\n\r\n.section {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 80px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.tag {\r\n  color: #f5c400;\r\n  font-size: 11px;\r\n  letter-spacing: 3px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.title {\r\n  font-size: 44px;\r\n  font-weight: bold;\r\n  line-height: 1.3;\r\n}\r\n\r\n.title span {\r\n  color: #f5c400;\r\n  font-style: italic;\r\n  font-weight: 500;\r\n}\r\n\r\n.subtitle {\r\n  margin-top: 20px;\r\n  color: #9ca3af;\r\n  font-size: 14px;\r\n}\r\n\r\n\/* BOX PRINCIPAL *\/\r\n.features {\r\n  margin-top: 50px;\r\n  border: 1px solid #1f1f1f;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* GRID REAL (n\u00e3o quebra) *\/\r\n.grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n}\r\n\r\n\/* ITEM *\/\r\n.card {\r\n  padding: 30px;\r\n  text-align: left;\r\n  position: relative;\r\n}\r\n\r\n\/* LINHAS INTERNAS (sem bug de borda dupla) *\/\r\n.card:nth-child(-n+3) {\r\n  border-bottom: 1px solid #1f1f1f;\r\n}\r\n\r\n.card:not(:nth-child(3n)) {\r\n  border-right: 1px solid #1f1f1f;\r\n}\r\n\r\n\/* \u00cdCONE *\/\r\n.icon {\r\n  color: #f5c400;\r\n  font-size: 22px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.card h3 {\r\n  font-size: 16px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.card p {\r\n  font-size: 13px;\r\n  color: #9ca3af;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* RESPONSIVO *\/\r\n@media (max-width: 768px) {\r\n  .grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .card {\r\n    border-right: none !important;\r\n    border-bottom: 1px solid #1f1f1f;\r\n  }\r\n\r\n  .card:last-child {\r\n    border-bottom: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"section\">\r\n\r\n  <div class=\"tag\">POR QUE A MARKETEIRA<\/div>\r\n\r\n  <div class=\"title\">\r\n    N\u00e3o \u00e9 s\u00f3 um site bonito.<br>\r\n    \u00c9 uma <span>m\u00e1quina de vendas.<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"subtitle\">\r\n    Mais visibilidade no Google. Mais credibilidade na sua marca. Mais faturamento na sua conta.\r\n  <\/div>\r\n\r\n  <div class=\"features\">\r\n    <div class=\"grid\">\r\n\r\n      <div class=\"card\">\r\n        <div class=\"icon\">\ud83d\ude80<\/div>\r\n        <h3>Velocidade Extrema<\/h3>\r\n        <p>Sites que carregam em menos de 2 segundos. Google ama. Cliente n\u00e3o desiste.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"icon\">\ud83d\udd0d<\/div>\r\n        <h3>SEO Avan\u00e7ado<\/h3>\r\n        <p>Estrutura pensada para subir no Google e atrair tr\u00e1fego org\u00e2nico todos os dias.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"icon\">\ud83d\udcf1<\/div>\r\n        <h3>100% Responsivo<\/h3>\r\n        <p>Experi\u00eancia impec\u00e1vel em qualquer tela: celular, tablet ou desktop.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"icon\">\u2728<\/div>\r\n        <h3>Design Moderno<\/h3>\r\n        <p>Visual sofisticado que transmite autoridade no primeiro segundo de contato.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"icon\">\ud83d\udcc8<\/div>\r\n        <h3>Foco em Convers\u00e3o<\/h3>\r\n        <p>Cada elemento \u00e9 testado para transformar visitante em comprador.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"card\">\r\n        <div class=\"icon\">\ud83d\udc65<\/div>\r\n        <h3>UX que gera Confian\u00e7a<\/h3>\r\n        <p>Navega\u00e7\u00e3o intuitiva, copywriting estrat\u00e9gico e prova social no lugar certo.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-84b8a94 e-flex e-con-boxed e-con e-parent\" data-id=\"84b8a94\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75dfa87 elementor-widget elementor-widget-html\" data-id=\"75dfa87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  background: #050505;\r\n  font-family: Arial, sans-serif;\r\n  color: #fff;\r\n}\r\n\r\n.section {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 80px 20px;\r\n}\r\n\r\n.tag {\r\n  color: #f5c400;\r\n  font-size: 11px;\r\n  letter-spacing: 3px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.title {\r\n  font-size: 42px;\r\n  line-height: 1.3;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.title span {\r\n  color: #f5c400;\r\n  font-style: italic;\r\n}\r\n\r\n.subtitle {\r\n  color: #9ca3af;\r\n  font-size: 14px;\r\n  max-width: 500px;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n\/* GRID *\/\r\n.projects {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n\/* CARD *\/\r\n.card {\r\n  background: #0b0b0b;\r\n  border: 1px solid #1f1f1f;\r\n  border-radius: 14px;\r\n  overflow: hidden;\r\n  transition: 0.3s;\r\n}\r\n\r\n.card:hover {\r\n  transform: translateY(-5px);\r\n  border-color: #f5c400;\r\n}\r\n\r\n\/* IMAGEM *\/\r\n.card img {\r\n  width: 100%;\r\n  height: 180px;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* CONTE\u00daDO *\/\r\n.card-content {\r\n  padding: 20px;\r\n}\r\n\r\n.category {\r\n  font-size: 11px;\r\n  color: #9ca3af;\r\n  margin-bottom: 8px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.card h3 {\r\n  font-size: 16px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.card p {\r\n  font-size: 13px;\r\n  color: #9ca3af;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* RESPONSIVO *\/\r\n@media (max-width: 900px) {\r\n  .projects {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"section\">\r\n\r\n  <div class=\"tag\">PROJETOS SELECIONADOS<\/div>\r\n\r\n  <div class=\"title\">\r\n    Cada projeto, uma <span>hist\u00f3ria<\/span> de resultado.\r\n  <\/div>\r\n\r\n  <div class=\"subtitle\">\r\n    Sites constru\u00eddos para profissionais que entendem o valor de uma presen\u00e7a digital impec\u00e1vel.\r\n  <\/div>\r\n\r\n  <div class=\"projects\">\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.markeetar.com.br\/marketing\/wp-content\/uploads\/2026\/04\/Screenshot_2.png\" alt=\"\">\r\n      <div class=\"card-content\">\r\n        <div class=\"category\">Sa\u00fade \/ Psicologia<\/div>\r\n        <h3>Gabriela Camilo Maciel<\/h3>\r\n        <p>Site humanizado com agendamento direto, focado em autoridade e confian\u00e7a.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.markeetar.com.br\/marketing\/wp-content\/uploads\/2026\/04\/ten-joais.png\" alt=\"\">\r\n      <div class=\"card-content\">\r\n        <div class=\"category\">Loja de Joias<\/div>\r\n        <h3>Ten Joias<\/h3>\r\n        <p>Ecommerce focado em vendas e captura de leads.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.markeetar.com.br\/marketing\/wp-content\/uploads\/2026\/04\/Screenshot_3.png\" alt=\"\">\r\n      <div class=\"card-content\">\r\n        <div class=\"category\">Hotelaria<\/div>\r\n        <h3>Lummina Hotel<\/h3>\r\n        <p>Plataforma de reservas multi-unidade com foco em convers\u00e3o direta.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-279f69c e-flex e-con-boxed e-con e-parent\" data-id=\"279f69c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9611ec3 elementor-widget elementor-widget-html\" data-id=\"9611ec3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  background: #050505;\r\n  font-family: Arial, sans-serif;\r\n  color: #fff;\r\n}\r\n\r\n.section {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 80px 20px;\r\n}\r\n\r\n.tag {\r\n  color: #f5c400;\r\n  font-size: 11px;\r\n  letter-spacing: 3px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.title {\r\n  font-size: 42px;\r\n  line-height: 1.3;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.title span {\r\n  color: #f5c400;\r\n  font-style: italic;\r\n}\r\n\r\n\/* GRID *\/\r\n.steps {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n\/* CARD *\/\r\n.step {\r\n  background: #0b0b0b;\r\n  border: 1px solid #1f1f1f;\r\n  border-radius: 14px;\r\n  padding: 25px;\r\n  transition: 0.3s;\r\n  min-height: 180px;\r\n}\r\n\r\n.step:hover {\r\n  border-color: #f5c400;\r\n  transform: translateY(-5px);\r\n}\r\n\r\n\/* N\u00daMERO *\/\r\n.number {\r\n  font-size: 42px;\r\n  font-weight: bold;\r\n  color: #f5c400;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.step h3 {\r\n  font-size: 16px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.step p {\r\n  font-size: 13px;\r\n  color: #9ca3af;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* RESPONSIVO *\/\r\n@media (max-width: 900px) {\r\n  .steps {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"section\">\r\n\r\n  <div class=\"tag\">COMO FUNCIONA<\/div>\r\n\r\n  <div class=\"title\">\r\n    Do briefing ao primeiro <span>cliente convertido.<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"steps\">\r\n\r\n    <div class=\"step\">\r\n      <div class=\"number\">01<\/div>\r\n      <h3>Briefing Estrat\u00e9gico<\/h3>\r\n      <p>Mergulhamos no seu neg\u00f3cio, p\u00fablico e objetivos para construir a estrat\u00e9gia certa.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"step\">\r\n      <div class=\"number\">02<\/div>\r\n      <h3>Design + Copywriting<\/h3>\r\n      <p>Cria\u00e7\u00e3o visual e textos persuasivos pensados para gerar autoridade e convers\u00e3o.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"step\">\r\n      <div class=\"number\">03<\/div>\r\n      <h3>Desenvolvimento + SEO<\/h3>\r\n      <p>Constru\u00e7\u00e3o t\u00e9cnica de alta performance, otimizada para Google desde o dia 1.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"step\">\r\n      <div class=\"number\">04<\/div>\r\n      <h3>Lan\u00e7amento + Suporte<\/h3>\r\n      <p>Publicamos, integramos analytics e acompanhamos os resultados ao seu lado.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-765dd0f e-flex e-con-boxed e-con e-parent\" data-id=\"765dd0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9d8ed3 elementor-widget elementor-widget-html\" data-id=\"d9d8ed3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  background: #050505;\r\n  font-family: Arial, sans-serif;\r\n  color: #fff;\r\n}\r\n\r\n.cta-wrapper {\r\n  max-width: 1100px;\r\n  margin: 80px auto;\r\n  padding: 2px;\r\n  border-radius: 20px;\r\n  background: linear-gradient(135deg, #f5c400, #1a1a1a, #f5c400);\r\n}\r\n\r\n.cta {\r\n  background: #0b0b0b;\r\n  border-radius: 18px;\r\n  padding: 70px 30px;\r\n  text-align: center;\r\n}\r\n\r\n.tag {\r\n  color: #f5c400;\r\n  font-size: 11px;\r\n  letter-spacing: 3px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.title {\r\n  font-size: 44px;\r\n  line-height: 1.3;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.title span {\r\n  color: #f5c400;\r\n  font-style: italic;\r\n}\r\n\r\n.subtitle {\r\n  color: #9ca3af;\r\n  font-size: 14px;\r\n  max-width: 650px;\r\n  margin: 0 auto 40px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.btn {\r\n  padding: 14px 26px;\r\n  border-radius: 999px;\r\n  font-size: 14px;\r\n  text-decoration: none;\r\n  transition: 0.3s;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* BOT\u00c3O PRINCIPAL *\/\r\n.btn-primary {\r\n  background: #f5c400;\r\n  color: #000;\r\n}\r\n\r\n.btn-primary:hover {\r\n  background: #ffd633;\r\n}\r\n\r\n\/* BOT\u00c3O SECUND\u00c1RIO *\/\r\n.btn-outline {\r\n  background: transparent;\r\n  border: 1px solid #f5c400;\r\n  color: #f5c400;\r\n}\r\n\r\n.btn-outline:hover {\r\n  background: #f5c400;\r\n  color: #000;\r\n}\r\n\r\n.info {\r\n  margin-top: 25px;\r\n  font-size: 12px;\r\n  color: #9ca3af;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .title {\r\n    font-size: 32px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cta-wrapper\">\r\n  <div class=\"cta\">\r\n\r\n    <div class=\"tag\">CHEGOU SUA HORA<\/div>\r\n\r\n    <div class=\"title\">\r\n      Pare de perder vendas.<br>\r\n      <span>Comece hoje.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"subtitle\">\r\n      Cada dia sem um site profissional \u00e9 cliente perdido para o concorrente.\r\n      Solicite seu or\u00e7amento e receba uma proposta personalizada em at\u00e9 24h.\r\n    <\/div>\r\n\r\n    <div class=\"buttons\">\r\n      <a href=\"https:\/\/www.markeetar.com.br\/marketing\/criacao-de-sites\/obrigado\/?con=yes\" class=\"btn btn-primary\">\r\n        \ud83d\udcac Falar no WhatsApp\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/www.markeetar.com.br\/marketing\/criacao-de-sites\/obrigado\/?con=yes\" class=\"btn btn-outline\">\r\n        \u2709\ufe0f Solicitar Or\u00e7amento \u2192\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"info\">\r\n      \u26a1 Resposta em at\u00e9 24h \u2022 \ud83d\udfe1 Sem compromisso \u2022 \ud83d\udd34 Proposta personalizada\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero \u25cf Aceitando novos projetos \u2022 2026 Sites Que Vendem Enquanto Voc\u00ea Cuida Do Que Importa. Para advogados, m\u00e9dicos, psic\u00f3logos, engenheiros e empres\u00e1rios que querem autoridade digital. Criamos sites profissionais, r\u00e1pidos e otimizados para o Google \u2014 do dom\u00ednio \u00e0 convers\u00e3o. Solicitar or\u00e7amento \u2192 98 Velocidade 100 SEO 99 UX Convers\u00f5es \/ m\u00eas +187% \u25cf [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-169","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.markeetar.com.br\/marketing\/wp-json\/wp\/v2\/pages\/169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markeetar.com.br\/marketing\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.markeetar.com.br\/marketing\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.markeetar.com.br\/marketing\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markeetar.com.br\/marketing\/wp-json\/wp\/v2\/comments?post=169"}],"version-history":[{"count":58,"href":"https:\/\/www.markeetar.com.br\/marketing\/wp-json\/wp\/v2\/pages\/169\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/www.markeetar.com.br\/marketing\/wp-json\/wp\/v2\/pages\/169\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/www.markeetar.com.br\/marketing\/wp-json\/wp\/v2\/media?parent=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}