GO84 - Solu\u00e7\u00f5es Inteligentes<\/title>\r\n <meta name=\"description\" content=\"A evolu\u00e7\u00e3o da GET84. Solu\u00e7\u00f5es digitais, desenvolvimento web e software sob medida.\">\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 50: '#ecfdf5',\r\n 100: '#d1fae5',\r\n 200: '#a7f3d0',\r\n 300: '#6ee7b7',\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 700: '#047857',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n 950: '#022c22',\r\n },\r\n slate: {\r\n 850: '#1e293b', \/\/ Custom dark\r\n 900: '#0f172a',\r\n }\r\n },\r\n animation: {\r\n 'fade-in-up': 'fadeInUp 0.8s ease-out forwards',\r\n 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n },\r\n keyframes: {\r\n fadeInUp: {\r\n '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n '100%': { opacity: '1', transform: 'translateY(0)' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Estilos de seguran\u00e7a (caso o Tailwind n\u00e3o carregue) *\/\r\n body { margin: 0; font-family: 'Inter', sans-serif; }\r\n \r\n \/* Glassmorphism *\/\r\n .glass-nav {\r\n background: rgba(255, 255, 255, 0.9);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n .text-gradient {\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-image: linear-gradient(to right, #059669, #34d399);\r\n color: #059669; \/* Fallback *\/\r\n }\r\n .service-card:hover .icon-container {\r\n background-color: #059669;\r\n color: white;\r\n }\r\n .service-card:hover .icon-svg {\r\n color: white;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-900 font-sans selection:bg-emerald-200 selection:text-emerald-900\">\r\n\r\n \r\n <nav id=\"navbar\" class=\"fixed w-full z-50 transition-all duration-300 py-6 bg-transparent\">\r\n <div class=\"container mx-auto px-6 flex justify-between items-center\">\r\n \r\n <a href=\"#\" class=\"hover:opacity-80 transition-opacity block\">\r\n <div class=\"flex items-center gap-2 h-12\">\r\n <svg viewBox=\"0 0 100 100\" class=\"h-full w-auto overflow-visible\" style=\"max-height: 48px;\">\r\n <defs>\r\n <linearGradient id=\"logoGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n <stop offset=\"0%\" stopColor=\"#4ade80\" \/>\r\n <stop offset=\"100%\" stopColor=\"#059669\" \/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <path d=\"M50 5 L93 28 V72 L50 95 L7 72 V28 Z\" fill=\"none\" stroke=\"url(#logoGradient)\" stroke-width=\"8\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M50 5 L50 50 L93 28 M50 95 L50 50 L7 72\" fill=\"none\" stroke=\"url(#logoGradient)\" stroke-width=\"4\" opacity=\"0.8\"\/>\r\n <path d=\"M7 28 L50 50\" fill=\"none\" stroke=\"url(#logoGradient)\" stroke-width=\"4\" opacity=\"0.8\"\/>\r\n <\/svg>\r\n <div class=\"flex flex-col justify-center leading-none\">\r\n <div class=\"flex items-baseline\">\r\n <span class=\"text-3xl font-bold text-emerald-600 tracking-tight\">GO<\/span>\r\n <span class=\"text-3xl font-bold text-slate-800 tracking-tight\">84<\/span>\r\n <\/div>\r\n <span class=\"text-xs uppercase tracking-[0.2em] text-slate-600 font-medium ml-0.5\">Solu\u00e7\u00f5es<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <div class=\"hidden md:flex items-center space-x-8\">\r\n <a href=\"#home\" class=\"text-sm font-medium text-slate-600 hover:text-emerald-600 transition-colors uppercase tracking-wider\">In\u00edcio<\/a>\r\n <a href=\"#about\" class=\"text-sm font-medium text-slate-600 hover:text-emerald-600 transition-colors uppercase tracking-wider\">Evolu\u00e7\u00e3o<\/a>\r\n <a href=\"#services\" class=\"text-sm font-medium text-slate-600 hover:text-emerald-600 transition-colors uppercase tracking-wider\">Solu\u00e7\u00f5es<\/a>\r\n <a href=\"#contact\" class=\"text-sm font-medium text-slate-600 hover:text-emerald-600 transition-colors uppercase tracking-wider\">Contato<\/a>\r\n <button class=\"bg-emerald-600 hover:bg-emerald-500 text-white px-5 py-2 rounded-lg font-medium transition-all shadow-lg shadow-emerald-500\/30 transform hover:-translate-y-1\">\r\n Fale Conosco\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <button id=\"mobile-menu-btn\" class=\"md:hidden text-slate-800 focus:outline-none p-2\">\r\n <i data-lucide=\"menu\" class=\"w-8 h-8\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden md:hidden absolute top-full left-0 w-full bg-white border-t border-slate-100 shadow-lg py-4 px-6 flex flex-col space-y-4\">\r\n <a href=\"#home\" class=\"mobile-link text-slate-600 font-medium py-2 hover:text-emerald-600\">In\u00edcio<\/a>\r\n <a href=\"#about\" class=\"mobile-link text-slate-600 font-medium py-2 hover:text-emerald-600\">Evolu\u00e7\u00e3o<\/a>\r\n <a href=\"#services\" class=\"mobile-link text-slate-600 font-medium py-2 hover:text-emerald-600\">Solu\u00e7\u00f5es<\/a>\r\n <a href=\"#contact\" class=\"mobile-link text-slate-600 font-medium py-2 hover:text-emerald-600\">Contato<\/a>\r\n <button class=\"w-full bg-emerald-600 hover:bg-emerald-500 text-white px-5 py-3 rounded-lg font-medium\">Fale Conosco<\/button>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section id=\"home\" class=\"relative pt-32 pb-20 lg:pt-48 lg:pb-32 overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-[600px] h-[600px] bg-emerald-400\/10 rounded-full blur-3xl opacity-50 animate-pulse-slow pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-[400px] h-[400px] bg-blue-400\/10 rounded-full blur-3xl opacity-50 pointer-events-none\"><\/div>\r\n\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"max-w-4xl mx-auto text-center\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-50 border border-emerald-100 text-emerald-700 text-sm font-semibold mb-8 animate-fade-in-up\">\r\n <span class=\"flex h-2 w-2 rounded-full bg-emerald-500\"><\/span>\r\n A evolu\u00e7\u00e3o da GET84 chegou\r\n <\/div>\r\n \r\n <h1 class=\"text-5xl md:text-7xl font-bold text-slate-900 tracking-tight leading-tight mb-6\">\r\n O futuro das <br\/>\r\n <span class=\"text-gradient\">\r\n Solu\u00e7\u00f5es Digitais\r\n <\/span>\r\n <\/h1>\r\n \r\n <p class=\"text-xl md:text-2xl text-slate-500 mb-10 max-w-2xl mx-auto leading-relaxed\">\r\n Combinamos tecnologia de ponta com estrat\u00e9gia de neg\u00f3cios para transformar sua vis\u00e3o em realidade digital.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4\">\r\n <button class=\"w-full sm:w-auto bg-emerald-600 hover:bg-emerald-500 text-white px-8 py-3 rounded-lg font-medium text-lg shadow-lg shadow-emerald-500\/30 transition-all transform hover:-translate-y-1 flex items-center justify-center gap-2\">\r\n Come\u00e7ar Projeto\r\n <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\r\n <\/button>\r\n <button class=\"w-full sm:w-auto bg-transparent border-2 border-emerald-600 text-emerald-600 hover:bg-emerald-50 px-8 py-3 rounded-lg font-medium text-lg transition-all transform hover:-translate-y-1\">\r\n Conhe\u00e7a a GO84\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"border-y border-slate-200 bg-white\">\r\n <div class=\"container mx-auto px-6 py-12\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center divide-x divide-slate-100\">\r\n <div class=\"p-2\">\r\n <div class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-1\">10+<\/div>\r\n <div class=\"text-sm text-slate-500 uppercase tracking-wider\">Anos de Experi\u00eancia<\/div>\r\n <\/div>\r\n <div class=\"p-2\">\r\n <div class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-1\">500+<\/div>\r\n <div class=\"text-sm text-slate-500 uppercase tracking-wider\">Projetos Entregues<\/div>\r\n <\/div>\r\n <div class=\"p-2\">\r\n <div class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-1\">98%<\/div>\r\n <div class=\"text-sm text-slate-500 uppercase tracking-wider\">Clientes Satisfeitos<\/div>\r\n <\/div>\r\n <div class=\"p-2\">\r\n <div class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-1\">25+<\/div>\r\n <div class=\"text-sm text-slate-500 uppercase tracking-wider\">Especialistas<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section id=\"about\" class=\"py-24 bg-slate-900 text-white relative overflow-hidden\">\r\n \r\n <div class=\"absolute inset-0 opacity-10\" style=\"background-image: url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png'); pointer-events-none;\"><\/div>\r\n \r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"flex flex-col md:flex-row items-center gap-16\">\r\n <div class=\"w-full md:w-1\/2\">\r\n <div class=\"relative\">\r\n <div class=\"absolute inset-0 bg-emerald-500 blur-[100px] opacity-20\"><\/div>\r\n <div class=\"relative bg-slate-800 p-8 rounded-3xl border border-slate-700 shadow-2xl\">\r\n <div class=\"flex items-center justify-between mb-8\">\r\n <span class=\"text-2xl font-bold text-slate-500 line-through decoration-emerald-500\/50 decoration-2\">GET84<\/span>\r\n <i data-lucide=\"arrow-right\" class=\"text-emerald-500 w-8 h-8 animate-pulse\"><\/i>\r\n <span class=\"text-3xl font-bold text-white\">GO84<\/span>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center gap-4 p-4 bg-slate-700\/50 rounded-xl\">\r\n <i data-lucide=\"check-circle\" class=\"text-emerald-500 shrink-0\"><\/i>\r\n <span class=\"text-slate-300\">Nova Identidade Visual<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-4 p-4 bg-slate-700\/50 rounded-xl\">\r\n <i data-lucide=\"check-circle\" class=\"text-emerald-500 shrink-0\"><\/i>\r\n <span class=\"text-slate-300\">Metodologias Mais \u00c1geis<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-4 p-4 bg-slate-700\/50 rounded-xl\">\r\n <i data-lucide=\"check-circle\" class=\"text-emerald-500 shrink-0\"><\/i>\r\n <span class=\"text-slate-300\">Escopo Expandido de Solu\u00e7\u00f5es<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"w-full md:w-1\/2\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\r\n Mudamos para levar seu neg\u00f3cio mais longe.\r\n <\/h2>\r\n <p class=\"text-slate-400 text-lg mb-6 leading-relaxed\">\r\n A <strong>GET84<\/strong> construiu um legado de confian\u00e7a e entregas s\u00f3lidas. Agora, evolu\u00edmos para <strong>GO84<\/strong>.\r\n <\/p>\r\n <p class=\"text-slate-400 text-lg mb-8 leading-relaxed\">\r\n O \"GO\" representa movimento, a\u00e7\u00e3o e avan\u00e7o. Mantivemos nossa ess\u00eancia de resolver problemas complexos (\"84\"), mas agora com uma abordagem ainda mais moderna, proativa e focada na acelera\u00e7\u00e3o digital do seu neg\u00f3cio.\r\n <\/p>\r\n <button class=\"bg-emerald-600 hover:bg-emerald-500 text-white px-6 py-3 rounded-lg font-medium transition-colors\">\r\n Saiba Mais Sobre a Mudan\u00e7a\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"services\" class=\"py-24 bg-slate-50\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Nossas Solu\u00e7\u00f5es<\/h2>\r\n <p class=\"text-slate-600 text-lg\">\r\n Tecnologia de ponta a ponta para cobrir todas as necessidades da sua empresa na era digital.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"layout\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Desenvolvimento Web<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Sites institucionais, Landing Pages de alta convers\u00e3o e portais corporativos com design responsivo.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"code\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Software Sob Medida<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Sistemas personalizados desenvolvidos para resolver as dores espec\u00edficas da sua opera\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"database\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Gest\u00e3o de Dados<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Arquitetura de dados, integra\u00e7\u00e3o de sistemas e dashboards inteligentes para tomada de decis\u00e3o.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"globe\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">E-commerce<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Lojas virtuais robustas, seguras e otimizadas para vender mais, integradas aos meios de pagamento.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"shield-check\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Consultoria de TI<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Auditoria, planejamento estrat\u00e9gico e seguran\u00e7a da informa\u00e7\u00e3o para blindar seu neg\u00f3cio.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"cpu\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Automa\u00e7\u00e3o & IA<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Implementa\u00e7\u00e3o de intelig\u00eancia artificial e bots para automatizar processos repetitivos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-white relative overflow-hidden\">\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"bg-emerald-900 rounded-3xl p-8 md:p-16 text-center text-white relative overflow-hidden shadow-2xl\">\r\n \r\n <div class=\"absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none\">\r\n <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs>\r\n <pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\r\n <path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"\/>\r\n <\/pattern>\r\n <\/defs>\r\n <rect width=\"100%\" height=\"100%\" fill=\"url(#grid)\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 max-w-2xl mx-auto\">\r\n <i data-lucide=\"zap\" class=\"w-12 h-12 text-emerald-400 mx-auto mb-6\"><\/i>\r\n <h2 class=\"text-3xl md:text-5xl font-bold mb-6\">Pronto para o pr\u00f3ximo n\u00edvel?<\/h2>\r\n <p class=\"text-emerald-100 text-lg mb-10\">\r\n A tecnologia n\u00e3o para, e sua empresa tamb\u00e9m n\u00e3o deveria. Vamos construir algo incr\u00edvel juntos com a expertise da GO84.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\r\n <button class=\"bg-white text-emerald-900 hover:bg-emerald-50 px-8 py-3 rounded-lg font-medium transition-colors\">\r\n Agendar Reuni\u00e3o Gratuita\r\n <\/button>\r\n <button class=\"bg-transparent border-2 border-emerald-400 text-emerald-300 hover:bg-emerald-800\/50 hover:text-white px-8 py-3 rounded-lg font-medium transition-colors\">\r\n Ver Portfolio\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer id=\"contact\" class=\"bg-slate-900 text-slate-400 py-16 border-t border-slate-800\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-12 mb-12\">\r\n <div class=\"col-span-1 md:col-span-2\">\r\n \r\n <div class=\"flex items-center gap-2 h-10 mb-6 grayscale brightness-200\">\r\n <svg viewBox=\"0 0 100 100\" class=\"h-full w-auto overflow-visible\" style=\"max-height: 40px;\">\r\n <defs>\r\n <linearGradient id=\"logoGradient2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n <stop offset=\"0%\" stopColor=\"#4ade80\" \/>\r\n <stop offset=\"100%\" stopColor=\"#059669\" \/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <path d=\"M50 5 L93 28 V72 L50 95 L7 72 V28 Z\" fill=\"none\" stroke=\"url(#logoGradient2)\" stroke-width=\"8\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M50 5 L50 50 L93 28 M50 95 L50 50 L7 72\" fill=\"none\" stroke=\"url(#logoGradient2)\" stroke-width=\"4\" opacity=\"0.8\"\/>\r\n <\/svg>\r\n <span class=\"text-2xl font-bold text-white tracking-tight\">GO84<\/span>\r\n <\/div>\r\n\r\n <p class=\"max-w-sm mb-6\">\r\n Transformando desafios complexos em solu\u00e7\u00f5es digitais simples e eficientes. A evolu\u00e7\u00e3o da GET84.\r\n <\/p>\r\n <div class=\"flex space-x-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center hover:bg-emerald-600 hover:text-white transition-colors cursor-pointer\">\r\n <i data-lucide=\"message-square\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <div class=\"w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center hover:bg-emerald-600 hover:text-white transition-colors cursor-pointer\">\r\n <i data-lucide=\"globe\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div>\r\n <h4 class=\"text-white font-bold mb-6 uppercase tracking-wider text-sm\">Empresa<\/h4>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Sobre N\u00f3s<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Carreiras<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Blog<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Pol\u00edtica de Privacidade<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"text-white font-bold mb-6 uppercase tracking-wider text-sm\">Contato<\/h4>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"text-emerald-500\">Email:<\/span>\r\n <a href=\"mailto:contato@go84.com.br\" class=\"hover:text-white\">contato@go84.com.br<\/a>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"text-emerald-500\">Tel:<\/span>\r\n <span class=\"hover:text-white\">(11) 99999-9999<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"text-emerald-500\">Local:<\/span>\r\n <span class=\"hover:text-white\">S\u00e3o Paulo, SP - Brasil<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"border-t border-slate-800 pt-8 flex flex-col md:flex-row justify-between items-center text-sm\">\r\n \r\n <p>© <span id=\"current-year\"><\/span> GO84 Solu\u00e7\u00f5es. Todos os direitos reservados.<\/p>\r\n <p class=\"mt-2 md:mt-0\">Design by GO84 Team.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <script>\r\n \/\/ Set Year Safely (Corre\u00e7\u00e3o do erro 2025)\r\n document.getElementById('current-year').textContent = new Date().getFullYear();\r\n\r\n \/\/ Initialize Lucide Icons\r\n if (typeof lucide !== 'undefined') {\r\n lucide.createIcons();\r\n }\r\n\r\n \/\/ Navbar Scroll Effect\r\n const navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 20) {\r\n navbar.classList.remove('bg-transparent', 'py-6');\r\n navbar.classList.add('glass-nav', 'py-4');\r\n } else {\r\n navbar.classList.add('bg-transparent', 'py-6');\r\n navbar.classList.remove('glass-nav', 'py-4');\r\n }\r\n });\r\n\r\n \/\/ Mobile Menu Toggle\r\n const btn = document.getElementById('mobile-menu-btn');\r\n const menu = document.getElementById('mobile-menu');\r\n const links = document.querySelectorAll('.mobile-link');\r\n\r\n if (btn && menu) {\r\n btn.addEventListener('click', () => {\r\n menu.classList.toggle('hidden');\r\n });\r\n\r\n links.forEach(link => {\r\n link.addEventListener('click', () => {\r\n menu.classList.add('hidden');\r\n });\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>GO84 – Solu\u00e7\u00f5es Inteligentes GO 84 Solu\u00e7\u00f5es In\u00edcio Evolu\u00e7\u00e3o Solu\u00e7\u00f5es Contato Fale Conosco In\u00edcio Evolu\u00e7\u00e3o Solu\u00e7\u00f5es Contato Fale Conosco A evolu\u00e7\u00e3o da GET84 chegou O futuro das Solu\u00e7\u00f5es Digitais Combinamos tecnologia de ponta com estrat\u00e9gia de neg\u00f3cios para transformar sua vis\u00e3o em realidade digital. Come\u00e7ar Projeto Conhe\u00e7a a GO84 10+ Anos de Experi\u00eancia 500+ Projetos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1344","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=1344"}],"version-history":[{"count":7,"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1344\/revisions"}],"predecessor-version":[{"id":1352,"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1344\/revisions\/1352"}],"wp:attachment":[{"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=1344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n GO84 - Solu\u00e7\u00f5es Inteligentes<\/title>\r\n <meta name=\"description\" content=\"A evolu\u00e7\u00e3o da GET84. Solu\u00e7\u00f5es digitais, desenvolvimento web e software sob medida.\">\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n },\r\n colors: {\r\n emerald: {\r\n 50: '#ecfdf5',\r\n 100: '#d1fae5',\r\n 200: '#a7f3d0',\r\n 300: '#6ee7b7',\r\n 400: '#34d399',\r\n 500: '#10b981',\r\n 600: '#059669',\r\n 700: '#047857',\r\n 800: '#065f46',\r\n 900: '#064e3b',\r\n 950: '#022c22',\r\n },\r\n slate: {\r\n 850: '#1e293b', \/\/ Custom dark\r\n 900: '#0f172a',\r\n }\r\n },\r\n animation: {\r\n 'fade-in-up': 'fadeInUp 0.8s ease-out forwards',\r\n 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n },\r\n keyframes: {\r\n fadeInUp: {\r\n '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n '100%': { opacity: '1', transform: 'translateY(0)' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Estilos de seguran\u00e7a (caso o Tailwind n\u00e3o carregue) *\/\r\n body { margin: 0; font-family: 'Inter', sans-serif; }\r\n \r\n \/* Glassmorphism *\/\r\n .glass-nav {\r\n background: rgba(255, 255, 255, 0.9);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n .text-gradient {\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-image: linear-gradient(to right, #059669, #34d399);\r\n color: #059669; \/* Fallback *\/\r\n }\r\n .service-card:hover .icon-container {\r\n background-color: #059669;\r\n color: white;\r\n }\r\n .service-card:hover .icon-svg {\r\n color: white;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 text-slate-900 font-sans selection:bg-emerald-200 selection:text-emerald-900\">\r\n\r\n \r\n <nav id=\"navbar\" class=\"fixed w-full z-50 transition-all duration-300 py-6 bg-transparent\">\r\n <div class=\"container mx-auto px-6 flex justify-between items-center\">\r\n \r\n <a href=\"#\" class=\"hover:opacity-80 transition-opacity block\">\r\n <div class=\"flex items-center gap-2 h-12\">\r\n <svg viewBox=\"0 0 100 100\" class=\"h-full w-auto overflow-visible\" style=\"max-height: 48px;\">\r\n <defs>\r\n <linearGradient id=\"logoGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n <stop offset=\"0%\" stopColor=\"#4ade80\" \/>\r\n <stop offset=\"100%\" stopColor=\"#059669\" \/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <path d=\"M50 5 L93 28 V72 L50 95 L7 72 V28 Z\" fill=\"none\" stroke=\"url(#logoGradient)\" stroke-width=\"8\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M50 5 L50 50 L93 28 M50 95 L50 50 L7 72\" fill=\"none\" stroke=\"url(#logoGradient)\" stroke-width=\"4\" opacity=\"0.8\"\/>\r\n <path d=\"M7 28 L50 50\" fill=\"none\" stroke=\"url(#logoGradient)\" stroke-width=\"4\" opacity=\"0.8\"\/>\r\n <\/svg>\r\n <div class=\"flex flex-col justify-center leading-none\">\r\n <div class=\"flex items-baseline\">\r\n <span class=\"text-3xl font-bold text-emerald-600 tracking-tight\">GO<\/span>\r\n <span class=\"text-3xl font-bold text-slate-800 tracking-tight\">84<\/span>\r\n <\/div>\r\n <span class=\"text-xs uppercase tracking-[0.2em] text-slate-600 font-medium ml-0.5\">Solu\u00e7\u00f5es<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <div class=\"hidden md:flex items-center space-x-8\">\r\n <a href=\"#home\" class=\"text-sm font-medium text-slate-600 hover:text-emerald-600 transition-colors uppercase tracking-wider\">In\u00edcio<\/a>\r\n <a href=\"#about\" class=\"text-sm font-medium text-slate-600 hover:text-emerald-600 transition-colors uppercase tracking-wider\">Evolu\u00e7\u00e3o<\/a>\r\n <a href=\"#services\" class=\"text-sm font-medium text-slate-600 hover:text-emerald-600 transition-colors uppercase tracking-wider\">Solu\u00e7\u00f5es<\/a>\r\n <a href=\"#contact\" class=\"text-sm font-medium text-slate-600 hover:text-emerald-600 transition-colors uppercase tracking-wider\">Contato<\/a>\r\n <button class=\"bg-emerald-600 hover:bg-emerald-500 text-white px-5 py-2 rounded-lg font-medium transition-all shadow-lg shadow-emerald-500\/30 transform hover:-translate-y-1\">\r\n Fale Conosco\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <button id=\"mobile-menu-btn\" class=\"md:hidden text-slate-800 focus:outline-none p-2\">\r\n <i data-lucide=\"menu\" class=\"w-8 h-8\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"hidden md:hidden absolute top-full left-0 w-full bg-white border-t border-slate-100 shadow-lg py-4 px-6 flex flex-col space-y-4\">\r\n <a href=\"#home\" class=\"mobile-link text-slate-600 font-medium py-2 hover:text-emerald-600\">In\u00edcio<\/a>\r\n <a href=\"#about\" class=\"mobile-link text-slate-600 font-medium py-2 hover:text-emerald-600\">Evolu\u00e7\u00e3o<\/a>\r\n <a href=\"#services\" class=\"mobile-link text-slate-600 font-medium py-2 hover:text-emerald-600\">Solu\u00e7\u00f5es<\/a>\r\n <a href=\"#contact\" class=\"mobile-link text-slate-600 font-medium py-2 hover:text-emerald-600\">Contato<\/a>\r\n <button class=\"w-full bg-emerald-600 hover:bg-emerald-500 text-white px-5 py-3 rounded-lg font-medium\">Fale Conosco<\/button>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section id=\"home\" class=\"relative pt-32 pb-20 lg:pt-48 lg:pb-32 overflow-hidden\">\r\n \r\n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-[600px] h-[600px] bg-emerald-400\/10 rounded-full blur-3xl opacity-50 animate-pulse-slow pointer-events-none\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-[400px] h-[400px] bg-blue-400\/10 rounded-full blur-3xl opacity-50 pointer-events-none\"><\/div>\r\n\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"max-w-4xl mx-auto text-center\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-emerald-50 border border-emerald-100 text-emerald-700 text-sm font-semibold mb-8 animate-fade-in-up\">\r\n <span class=\"flex h-2 w-2 rounded-full bg-emerald-500\"><\/span>\r\n A evolu\u00e7\u00e3o da GET84 chegou\r\n <\/div>\r\n \r\n <h1 class=\"text-5xl md:text-7xl font-bold text-slate-900 tracking-tight leading-tight mb-6\">\r\n O futuro das <br\/>\r\n <span class=\"text-gradient\">\r\n Solu\u00e7\u00f5es Digitais\r\n <\/span>\r\n <\/h1>\r\n \r\n <p class=\"text-xl md:text-2xl text-slate-500 mb-10 max-w-2xl mx-auto leading-relaxed\">\r\n Combinamos tecnologia de ponta com estrat\u00e9gia de neg\u00f3cios para transformar sua vis\u00e3o em realidade digital.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4\">\r\n <button class=\"w-full sm:w-auto bg-emerald-600 hover:bg-emerald-500 text-white px-8 py-3 rounded-lg font-medium text-lg shadow-lg shadow-emerald-500\/30 transition-all transform hover:-translate-y-1 flex items-center justify-center gap-2\">\r\n Come\u00e7ar Projeto\r\n <i data-lucide=\"arrow-right\" class=\"w-5 h-5\"><\/i>\r\n <\/button>\r\n <button class=\"w-full sm:w-auto bg-transparent border-2 border-emerald-600 text-emerald-600 hover:bg-emerald-50 px-8 py-3 rounded-lg font-medium text-lg transition-all transform hover:-translate-y-1\">\r\n Conhe\u00e7a a GO84\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"border-y border-slate-200 bg-white\">\r\n <div class=\"container mx-auto px-6 py-12\">\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 text-center divide-x divide-slate-100\">\r\n <div class=\"p-2\">\r\n <div class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-1\">10+<\/div>\r\n <div class=\"text-sm text-slate-500 uppercase tracking-wider\">Anos de Experi\u00eancia<\/div>\r\n <\/div>\r\n <div class=\"p-2\">\r\n <div class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-1\">500+<\/div>\r\n <div class=\"text-sm text-slate-500 uppercase tracking-wider\">Projetos Entregues<\/div>\r\n <\/div>\r\n <div class=\"p-2\">\r\n <div class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-1\">98%<\/div>\r\n <div class=\"text-sm text-slate-500 uppercase tracking-wider\">Clientes Satisfeitos<\/div>\r\n <\/div>\r\n <div class=\"p-2\">\r\n <div class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-1\">25+<\/div>\r\n <div class=\"text-sm text-slate-500 uppercase tracking-wider\">Especialistas<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section id=\"about\" class=\"py-24 bg-slate-900 text-white relative overflow-hidden\">\r\n \r\n <div class=\"absolute inset-0 opacity-10\" style=\"background-image: url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png'); pointer-events-none;\"><\/div>\r\n \r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"flex flex-col md:flex-row items-center gap-16\">\r\n <div class=\"w-full md:w-1\/2\">\r\n <div class=\"relative\">\r\n <div class=\"absolute inset-0 bg-emerald-500 blur-[100px] opacity-20\"><\/div>\r\n <div class=\"relative bg-slate-800 p-8 rounded-3xl border border-slate-700 shadow-2xl\">\r\n <div class=\"flex items-center justify-between mb-8\">\r\n <span class=\"text-2xl font-bold text-slate-500 line-through decoration-emerald-500\/50 decoration-2\">GET84<\/span>\r\n <i data-lucide=\"arrow-right\" class=\"text-emerald-500 w-8 h-8 animate-pulse\"><\/i>\r\n <span class=\"text-3xl font-bold text-white\">GO84<\/span>\r\n <\/div>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-center gap-4 p-4 bg-slate-700\/50 rounded-xl\">\r\n <i data-lucide=\"check-circle\" class=\"text-emerald-500 shrink-0\"><\/i>\r\n <span class=\"text-slate-300\">Nova Identidade Visual<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-4 p-4 bg-slate-700\/50 rounded-xl\">\r\n <i data-lucide=\"check-circle\" class=\"text-emerald-500 shrink-0\"><\/i>\r\n <span class=\"text-slate-300\">Metodologias Mais \u00c1geis<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-4 p-4 bg-slate-700\/50 rounded-xl\">\r\n <i data-lucide=\"check-circle\" class=\"text-emerald-500 shrink-0\"><\/i>\r\n <span class=\"text-slate-300\">Escopo Expandido de Solu\u00e7\u00f5es<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"w-full md:w-1\/2\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">\r\n Mudamos para levar seu neg\u00f3cio mais longe.\r\n <\/h2>\r\n <p class=\"text-slate-400 text-lg mb-6 leading-relaxed\">\r\n A <strong>GET84<\/strong> construiu um legado de confian\u00e7a e entregas s\u00f3lidas. Agora, evolu\u00edmos para <strong>GO84<\/strong>.\r\n <\/p>\r\n <p class=\"text-slate-400 text-lg mb-8 leading-relaxed\">\r\n O \"GO\" representa movimento, a\u00e7\u00e3o e avan\u00e7o. Mantivemos nossa ess\u00eancia de resolver problemas complexos (\"84\"), mas agora com uma abordagem ainda mais moderna, proativa e focada na acelera\u00e7\u00e3o digital do seu neg\u00f3cio.\r\n <\/p>\r\n <button class=\"bg-emerald-600 hover:bg-emerald-500 text-white px-6 py-3 rounded-lg font-medium transition-colors\">\r\n Saiba Mais Sobre a Mudan\u00e7a\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"services\" class=\"py-24 bg-slate-50\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Nossas Solu\u00e7\u00f5es<\/h2>\r\n <p class=\"text-slate-600 text-lg\">\r\n Tecnologia de ponta a ponta para cobrir todas as necessidades da sua empresa na era digital.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"layout\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Desenvolvimento Web<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Sites institucionais, Landing Pages de alta convers\u00e3o e portais corporativos com design responsivo.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"code\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Software Sob Medida<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Sistemas personalizados desenvolvidos para resolver as dores espec\u00edficas da sua opera\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"database\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Gest\u00e3o de Dados<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Arquitetura de dados, integra\u00e7\u00e3o de sistemas e dashboards inteligentes para tomada de decis\u00e3o.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"globe\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">E-commerce<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Lojas virtuais robustas, seguras e otimizadas para vender mais, integradas aos meios de pagamento.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"shield-check\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Consultoria de TI<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Auditoria, planejamento estrat\u00e9gico e seguran\u00e7a da informa\u00e7\u00e3o para blindar seu neg\u00f3cio.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"service-card group p-8 rounded-2xl bg-white border border-slate-100 hover:border-emerald-500\/50 shadow-sm hover:shadow-xl hover:shadow-emerald-500\/10 transition-all duration-300\">\r\n <div class=\"icon-container w-14 h-14 rounded-xl bg-emerald-50 flex items-center justify-center mb-6 transition-colors duration-300\">\r\n <i data-lucide=\"cpu\" class=\"icon-svg w-7 h-7 text-emerald-600 transition-colors duration-300\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-800 mb-3\">Automa\u00e7\u00e3o & IA<\/h3>\r\n <p class=\"text-slate-600 leading-relaxed\">Implementa\u00e7\u00e3o de intelig\u00eancia artificial e bots para automatizar processos repetitivos.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-24 bg-white relative overflow-hidden\">\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"bg-emerald-900 rounded-3xl p-8 md:p-16 text-center text-white relative overflow-hidden shadow-2xl\">\r\n \r\n <div class=\"absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none\">\r\n <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs>\r\n <pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\r\n <path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"\/>\r\n <\/pattern>\r\n <\/defs>\r\n <rect width=\"100%\" height=\"100%\" fill=\"url(#grid)\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 max-w-2xl mx-auto\">\r\n <i data-lucide=\"zap\" class=\"w-12 h-12 text-emerald-400 mx-auto mb-6\"><\/i>\r\n <h2 class=\"text-3xl md:text-5xl font-bold mb-6\">Pronto para o pr\u00f3ximo n\u00edvel?<\/h2>\r\n <p class=\"text-emerald-100 text-lg mb-10\">\r\n A tecnologia n\u00e3o para, e sua empresa tamb\u00e9m n\u00e3o deveria. Vamos construir algo incr\u00edvel juntos com a expertise da GO84.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\r\n <button class=\"bg-white text-emerald-900 hover:bg-emerald-50 px-8 py-3 rounded-lg font-medium transition-colors\">\r\n Agendar Reuni\u00e3o Gratuita\r\n <\/button>\r\n <button class=\"bg-transparent border-2 border-emerald-400 text-emerald-300 hover:bg-emerald-800\/50 hover:text-white px-8 py-3 rounded-lg font-medium transition-colors\">\r\n Ver Portfolio\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer id=\"contact\" class=\"bg-slate-900 text-slate-400 py-16 border-t border-slate-800\">\r\n <div class=\"container mx-auto px-6\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-12 mb-12\">\r\n <div class=\"col-span-1 md:col-span-2\">\r\n \r\n <div class=\"flex items-center gap-2 h-10 mb-6 grayscale brightness-200\">\r\n <svg viewBox=\"0 0 100 100\" class=\"h-full w-auto overflow-visible\" style=\"max-height: 40px;\">\r\n <defs>\r\n <linearGradient id=\"logoGradient2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n <stop offset=\"0%\" stopColor=\"#4ade80\" \/>\r\n <stop offset=\"100%\" stopColor=\"#059669\" \/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <path d=\"M50 5 L93 28 V72 L50 95 L7 72 V28 Z\" fill=\"none\" stroke=\"url(#logoGradient2)\" stroke-width=\"8\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M50 5 L50 50 L93 28 M50 95 L50 50 L7 72\" fill=\"none\" stroke=\"url(#logoGradient2)\" stroke-width=\"4\" opacity=\"0.8\"\/>\r\n <\/svg>\r\n <span class=\"text-2xl font-bold text-white tracking-tight\">GO84<\/span>\r\n <\/div>\r\n\r\n <p class=\"max-w-sm mb-6\">\r\n Transformando desafios complexos em solu\u00e7\u00f5es digitais simples e eficientes. A evolu\u00e7\u00e3o da GET84.\r\n <\/p>\r\n <div class=\"flex space-x-4\">\r\n <div class=\"w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center hover:bg-emerald-600 hover:text-white transition-colors cursor-pointer\">\r\n <i data-lucide=\"message-square\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <div class=\"w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center hover:bg-emerald-600 hover:text-white transition-colors cursor-pointer\">\r\n <i data-lucide=\"globe\" class=\"w-5 h-5\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div>\r\n <h4 class=\"text-white font-bold mb-6 uppercase tracking-wider text-sm\">Empresa<\/h4>\r\n <ul class=\"space-y-4\">\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Sobre N\u00f3s<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Carreiras<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Blog<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-emerald-400 transition-colors\">Pol\u00edtica de Privacidade<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"text-white font-bold mb-6 uppercase tracking-wider text-sm\">Contato<\/h4>\r\n <ul class=\"space-y-4\">\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"text-emerald-500\">Email:<\/span>\r\n <a href=\"mailto:contato@go84.com.br\" class=\"hover:text-white\">contato@go84.com.br<\/a>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"text-emerald-500\">Tel:<\/span>\r\n <span class=\"hover:text-white\">(11) 99999-9999<\/span>\r\n <\/li>\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"text-emerald-500\">Local:<\/span>\r\n <span class=\"hover:text-white\">S\u00e3o Paulo, SP - Brasil<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"border-t border-slate-800 pt-8 flex flex-col md:flex-row justify-between items-center text-sm\">\r\n \r\n <p>© <span id=\"current-year\"><\/span> GO84 Solu\u00e7\u00f5es. Todos os direitos reservados.<\/p>\r\n <p class=\"mt-2 md:mt-0\">Design by GO84 Team.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <script>\r\n \/\/ Set Year Safely (Corre\u00e7\u00e3o do erro 2025)\r\n document.getElementById('current-year').textContent = new Date().getFullYear();\r\n\r\n \/\/ Initialize Lucide Icons\r\n if (typeof lucide !== 'undefined') {\r\n lucide.createIcons();\r\n }\r\n\r\n \/\/ Navbar Scroll Effect\r\n const navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 20) {\r\n navbar.classList.remove('bg-transparent', 'py-6');\r\n navbar.classList.add('glass-nav', 'py-4');\r\n } else {\r\n navbar.classList.add('bg-transparent', 'py-6');\r\n navbar.classList.remove('glass-nav', 'py-4');\r\n }\r\n });\r\n\r\n \/\/ Mobile Menu Toggle\r\n const btn = document.getElementById('mobile-menu-btn');\r\n const menu = document.getElementById('mobile-menu');\r\n const links = document.querySelectorAll('.mobile-link');\r\n\r\n if (btn && menu) {\r\n btn.addEventListener('click', () => {\r\n menu.classList.toggle('hidden');\r\n });\r\n\r\n links.forEach(link => {\r\n link.addEventListener('click', () => {\r\n menu.classList.add('hidden');\r\n });\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>GO84 – Solu\u00e7\u00f5es Inteligentes GO 84 Solu\u00e7\u00f5es In\u00edcio Evolu\u00e7\u00e3o Solu\u00e7\u00f5es Contato Fale Conosco In\u00edcio Evolu\u00e7\u00e3o Solu\u00e7\u00f5es Contato Fale Conosco A evolu\u00e7\u00e3o da GET84 chegou O futuro das Solu\u00e7\u00f5es Digitais Combinamos tecnologia de ponta com estrat\u00e9gia de neg\u00f3cios para transformar sua vis\u00e3o em realidade digital. Come\u00e7ar Projeto Conhe\u00e7a a GO84 10+ Anos de Experi\u00eancia 500+ Projetos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1344","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=1344"}],"version-history":[{"count":7,"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1344\/revisions"}],"predecessor-version":[{"id":1352,"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1344\/revisions\/1352"}],"wp:attachment":[{"href":"https:\/\/get84.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=1344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}