1<!DOCTYPE html><html lang="pt-BR"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/images/novo logo Stepfy.png"/><link rel="preload" as="image" href="/images/services/Automação para WhatsApp.png"/><link rel="preload" as="image" href="/images/services/CRM.png"/><link rel="preload" as="image" href="/images/services/Desenvolvimento_de_api.jpg"/><link rel="preload" as="image" href="/images/services/totem.png"/><link rel="preload" as="image" href="/images/services/IA.png"/><link rel="preload" as="image" href="/images/services/Desenvolvimento_de_site_belem.jpg"/><link rel="stylesheet" href="/_next/static/css/cdcf8fe1c0813570.css" crossorigin="" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-70516be2bc3fbaf5.js" crossorigin=""/>
1<script src="/_next/static/chunks/fd9d1056-e4e5e23bdf33ed62.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/938-24f5c08876bc423a.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/main-app-857f45503ab14ec1.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/551-1a66e0f659c6e625.js" async=""></script>
1<script src="/_next/static/chunks/403-e361090c84e6c819.js" async=""></script>
1<script src="/_next/static/chunks/app/servicos/page-aa64d61ea8d05d26.js" async=""></script>
1<title>Stepfy Tech - Soluções Tecnológicas Inovadoras</title><meta name="description" content="Empresa especializada em desenvolvimento de software, consultoria em TI e soluções tecnológicas personalizadas para empresas."/><meta name="author" content="Stepfy Tech"/><meta name="keywords" content="tecnologia, desenvolvimento, software, consultoria, TI, inovação"/><link rel="shortcut icon" href="/images/Logo_ico.png"/><link rel="icon" href="/images/Logo_ico.png"/><link rel="apple-touch-icon" href="/images/Logo_ico.png"/><style> 2 /* CUSTOM SCROLLBAR - FINAL VERSION */ 3 4 /* SCROLLBAR CONFIGURADA */ 5 ::-webkit-scrollbar { 6 width: 12px !important; 7 } 8 9 ::-webkit-scrollbar-track { 10 background: #f1f5f9 !important; 11 border-radius: 12px !important; 12 } 13 14 /* GRADIENTE CORRETO */ 15 ::-webkit-scrollbar-thumb { 16 background: linear-gradient(to right, #10b981, #06b6d4) !important; 17 border-radius: 12px !important; 18 border: 2px solid #f1f5f9 !important; 19 min-height: 40px !important; 20 transition: all 0.3s ease !important; 21 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; 22 } 23 24 ::-webkit-scrollbar-thumb:hover { 25 background: linear-gradient(to right, #059669, #0891b2) !important; 26 box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; 27 transform: scale(1.05) !important; 28 } 29 30 ::-webkit-scrollbar-thumb:active { 31 background: linear-gradient(to right, #047857, #0e7490) !important; 32 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; 33 transform: scale(1.1) !important; 34 } 35 36 ::-webkit-scrollbar-corner { 37 background: #f1f5f9 !important; 38 } 39 40 /* REMOVE ALL BUTTONS */ 41 42 ::-webkit-scrollbar-button { 43 display: none !important; 44 width: 0 !important; 45 height: 0 !important; 46 background: transparent !important; 47 opacity: 0 !important; 48 visibility: hidden !important; 49 } 50 51 ::-webkit-scrollbar-button:start, 52 ::-webkit-scrollbar-button:end, 53 ::-webkit-scrollbar-button:single-button, 54 ::-webkit-scrollbar-button:start:decrement, 55 ::-webkit-scrollbar-button:end:increment, 56 ::-webkit-scrollbar-button:start:increment, 57 ::-webkit-scrollbar-button:end:decrement { 58 display: none !important; 59 width: 0 !important; 60 height: 0 !important; 61 background: transparent !important; 62 } 63 64 /* Firefox */ 65 html, body, * { 66 scrollbar-width: thin !important; 67 scrollbar-color: #10b981 #f1f5f9 !important; 68 } 69 </style>
69<script src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" crossorigin="" noModule=""></script>
69</head><body class="antialiased"><div class="min-h-screen bg-white"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-dark-900"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between items-center h-16"><div class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><div class="flex items-center"><img src="/images/novo logo Stepfy.png" alt="Stepfy Logo" class="h-10 w-auto"/></div></div><div class="hidden md:flex items-center space-x-8"><nav class="flex items-center space-x-8"><div class="relative" style="opacity:0;transform:translateY(-10px) translateZ(0)"><a href="/" class="transition-colors duration-200 text-white hover:text-secondary-400">InÃcio</a></div><div class="relative" style="opacity:0;transform:translateY(-10px) translateZ(0)"><div class="relative"><button class="flex items-center space-x-1 transition-colors duration-200 text-white hover:text-secondary-400"><span>Serviços</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="relative" style="opacity:0;transform:translateY(-10px) translateZ(0)"><a href="/blog" class="transition-colors duration-200 text-white hover:text-secondary-400">Blog</a></div><div class="relative" style="opacity:0;transform:translateY(-10px) translateZ(0)"><a href="#about" class="transition-colors duration-200 text-white hover:text-secondary-400">Sobre</a></div><div class="relative" style="opacity:0;transform:translateY(-10px) translateZ(0)"><a href="/contato" class="transition-colors duration-200 text-white hover:text-secondary-400">Contato</a></div></nav><div style="opacity:0;transform:translateX(20px) translateZ(0)"><button class="btn-primary cursor-pointer">Fale Conosco</button></div></div><button class="md:hidden p-2 text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-6 h-6 text-white"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></header><button class="fixed bottom-6 right-6 z-50 bg-green-500 hover:bg-green-600 text-white p-4 rounded-full shadow-lg hover:shadow-xl transition-all duration-300 group" tabindex="0" style="opacity:0;transform:translateY(100px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-6 h-6"><path d="m3 21 1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z"></path></svg><div class="absolute right-full mr-3 top-1/2 transform -translate-y-1/2 bg-gray-900 text-white text-sm px-3 py-2 rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300 whitespace-nowrap">Fale conosco no WhatsApp<div class="absolute left-full top-1/2 transform -translate-y-1/2 border-4 border-transparent border-l-gray-900"></div></div></button><section class="pt-24 pb-16 bg-gradient-to-br from-dark-900 via-dark-800 to-dark-900"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="inline-flex items-center px-3 py-1 rounded-full bg-secondary-100 text-secondary-800 text-sm font-medium mb-6">Nossos Serviços</div><h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-6">Soluções Tecnológicas</h1><p class="text-xl text-gray-300 max-w-3xl mx-auto">Transformamos ideias em soluções digitais inovadoras. Conheça nossos serviços especializados em automação, desenvolvimento e inteligência artificial.</p></div></div></section><section class="py-20 bg-white"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid lg:grid-cols-2 gap-12 items-center "><div class="space-y-8 " style="opacity:0;transform:translateX(-50px) translateZ(0)"><div class="mb-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><span class="inline-flex items-center px-2 py-1 rounded bg-secondary-100 text-[#047857] border border-[#a
697f3d0] text-xs font-medium">Serviço 01</span></div><h2 class="text-2xl md:text-3xl lg:text-4xl font-bold text-gray-900 leading-tight" style="opacity:0;transform:translateY(20px) translateZ(0)">Automação para WhatsApp</h2><p class="text-lg text-gray-600 leading-relaxed" style="opacity:0;transform:translateY(20px) translateZ(0)">Aproxime a comunicação com leads e clientes automatizando o envio de mensagens pelo WhatsApp. Com a configuração de disparo a partir de gatilhos, você garante que a mensagem certa sempre seja enviada. Utilizando variáveis de nome ou status do pedido, deixa a mensagem ainda mais personalizada e única.</p><ul class="space-y-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Implementação rápida e eficiente</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Suporte técnico especializado</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Integração com sistemas existentes</span></li></ul><div style="opacity:0;transform:translateY(20px) translateZ(0)"><button class="bg-gradient-to-r from-secondary-400 to-secondary-500 hover:from-secondary-500 hover:to-secondary-600 text-white font-semibold py-3 px-8 rounded-lg transition-all duration-300 flex items-center justify-center group cursor-pointer">Saiba mais<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="" style="opacity:0;transform:translateX(50px) translateZ(0)"><div class="relative"><div class="relative h-96 overflow-hidden rounded-2xl shadow-xl"><img src="/images/services/Automação para WhatsApp.png" alt="Automação para WhatsApp" class="w-full h-full object-cover"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div></div><div class="absolute -bottom-6 -left-6 w-16 h-16 bg-gradient-to-br from-secondary-400 to-secondary-500 rounded-xl flex items-center justify-center shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-8 h-8 text-white"><path d="m3 21 1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z"></path></svg></div></div></div></div></div></section><section class="py-20 bg-gray-50"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid lg:grid-cols-2 gap-12 items-center lg:grid-flow-col-dense"><div class="space-y-8 lg:col-start-2" style="opacity:0;transform:translateX(50px) translateZ(0)"><div class="mb-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><span class="inline-flex items-center px-2 py-1 rounded bg-secondary-100 text-[#047857] border border-[#a7f3d0] text-xs font-medium">Serviço 02</span></div><h2 class="text-2xl md:text-3xl lg:text-4xl font-bold text-gray-900 leading-tight" style="opacity:0;transform:translateY(20px) translateZ(0)">CRM para Multiatendimento</h2><p class="text-lg text-gray-600 leading-relaxed" style="opacity:0;transform:translateY(20px) translateZ(0)">Gerencie equipes de atendimento em múltiplos canais com bots inteligentes e acompanhamento de performance.</p><ul class="space-y-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Gestão centralizada de atendimentos</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Relatórios detalhados de performance</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Integração multi-canal</span></li></ul><div style="opacity:0;transform:translateY(20px) translateZ(0)"><button class="bg-gradient-to-r from-secondary-400 to-secondary-500 hover:from-secondary-500 hover:to-secondary-600 text-white font-semibold py-3 px-8 rounded-lg transition-all duration-300 flex items-center justify-center group cursor-pointer">Saiba mais<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="lg:col-start-1" style="opacity:0;transform:translateX(-50px) translateZ(0)"><div class="relative"><div class="relative h-96 overflow-hidden rounded-2xl shadow-xl"><img src="/images/services/CRM.png" alt="CRM para Multiatendimento" class="w-full h-full object-cover"/>
69<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div></div><div class="absolute -bottom-6 -left-6 w-16 h-16 bg-gradient-to-br from-secondary-400 to-secondary-500 rounded-xl flex items-center justify-center shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-8 h-8 text-white"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div></div></div></div></div></section><section class="py-20 bg-white"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid lg:grid-cols-2 gap-12 items-center "><div class="space-y-8 " style="opacity:0;transform:translateX(-50px) translateZ(0)"><div class="mb-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><span class="inline-flex items-center px-2 py-1 rounded bg-secondary-100 text-[#047857] border border-[#a7f3d0] text-xs font-medium">Serviço 03</span></div><h2 class="text-2xl md:text-3xl lg:text-4xl font-bold text-gray-900 leading-tight" style="opacity:0;transform:translateY(20px) translateZ(0)">Desenvolvimento de API</h2><p class="text-lg text-gray-600 leading-relaxed" style="opacity:0;transform:translateY(20px) translateZ(0)">Criamos APIs REST personalizadas para integração de sistemas, acesso a dados em tempo real e aumento da produtividade.</p><ul class="space-y-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">APIs RESTful personalizadas</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Documentação completa</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Segurança e performance</span></li></ul><div style="opacity:0;transform:translateY(20px) translateZ(0)"><button class="bg-gradient-to-r from-secondary-400 to-secondary-500 hover:from-secondary-500 hover:to-secondary-600 text-white font-semibold py-3 px-8 rounded-lg transition-all duration-300 flex items-center justify-center group cursor-pointer">Saiba mais<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="" style="opacity:0;transform:translateX(50px) translateZ(0)"><div class="relative"><div class="relative h-96 overflow-hidden rounded-2xl shadow-xl"><img src="/images/services/Desenvolvimento_de_api.jpg" alt="Desenvolvimento de API" class="w-full h-full object-cover"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div></div><div class="absolute -bottom-6 -left-6 w-16 h-16 bg-gradient-to-br from-secondary-400 to-secondary-500 rounded-xl flex items-center justify-center shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code w-8 h-8 text-white"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div></div></div></div></div></section><section class="py-20 bg-gray-50"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid lg:grid-cols-2 gap-12 items-center lg:grid-flow-col-dense"><div class="space-y-8 lg:col-start-2" style="opacity:0;transform:translateX(50px) translateZ(0)"><div class="mb-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><span class="inline-flex items-center px-2 py-1 rounded bg-secondary-100 text-[#047857] border border-[#a
697f3d0] text-xs font-medium">Serviço 04</span></div><h2 class="text-2xl md:text-3xl lg:text-4xl font-bold text-gray-900 leading-tight" style="opacity:0;transform:translateY(20px) translateZ(0)">Totem</h2><p class="text-lg text-gray-600 leading-relaxed" style="opacity:0;transform:translateY(20px) translateZ(0)">Totens modernos e intuitivos para otimização de processos e melhoria da experiência do cliente.</p><ul class="space-y-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Interface intuitiva e moderna</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Processos otimizados</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Experiência do cliente aprimorada</span></li></ul><div style="opacity:0;transform:translateY(20px) translateZ(0)"><button class="bg-gradient-to-r from-secondary-400 to-secondary-500 hover:from-secondary-500 hover:to-secondary-600 text-white font-semibold py-3 px-8 rounded-lg transition-all duration-300 flex items-center justify-center group cursor-pointer">Saiba mais<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="lg:col-start-1" style="opacity:0;transform:translateX(-50px) translateZ(0)"><div class="relative"><div class="relative h-96 overflow-hidden rounded-2xl shadow-xl"><img src="/images/services/totem.png" alt="Totem" class="w-full h-full object-cover"/><div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div></div><div class="absolute -bottom-6 -left-6 w-16 h-16 bg-gradient-to-br from-secondary-400 to-secondary-500 rounded-xl flex items-center justify-center shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor w-8 h-8 text-white"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg></div></div></div></div></div></section><section class="py-20 bg-white"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid lg:grid-cols-2 gap-12 items-center "><div class="space-y-8 " style="opacity:0;transform:translateX(-50px) translateZ(0)"><div class="mb-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><span class="inline-flex items-center px-2 py-1 rounded bg-secondary-100 text-[#047857] border border-[#a7f3d0] text-xs font-medium">Serviço 05</span></div><h2 class="text-2xl md:text-3xl lg:text-4xl font-bold text-gray-900 leading-tight" style="opacity:0;transform:translateY(20px) translateZ(0)">Inteligência Artificial</h2><p class="text-lg text-gray-600 leading-relaxed" style="opacity:0;transform:translateY(20px) translateZ(0)">Canais de chat com IA para interações inteligentes, análise de sentimentos, transcrição de áudio e avaliação de agentes.</p><ul class="space-y-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Chatbots inteligentes</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Análise de sentimentos</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Transcrição de áudio</span></li></ul><div style="opacity:0;transform:translateY(20px) translateZ(0)"><button class="bg-gradient-to-r from-secondary-400 to-secondary-500 hover:from-secondary-500 hover:to-secondary-600 text-white font-semibold py-3 px-8 rounded-lg transition-all duration-300 flex items-center justify-center group cursor-pointer">Saiba mais<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="" style="opacity:0;transform:translateX(50px) translateZ(0)"><div class="relative"><div class="relative h-96 overflow-hidden rounded-2xl shadow-xl"><img src="/images/services/IA.png" alt="Inteligência Artificial" class="w-full h-full object-cover"/>
69<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div></div><div class="absolute -bottom-6 -left-6 w-16 h-16 bg-gradient-to-br from-secondary-400 to-secondary-500 rounded-xl flex items-center justify-center shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain w-8 h-8 text-white"><path d="M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z"></path><path d="M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z"></path></svg></div></div></div></div></div></section><section class="py-20 bg-gray-50"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid lg:grid-cols-2 gap-12 items-center lg:grid-flow-col-dense"><div class="space-y-8 lg:col-start-2" style="opacity:0;transform:translateX(50px) translateZ(0)"><div class="mb-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><span class="inline-flex items-center px-2 py-1 rounded bg-secondary-100 text-[#047857] border border-[#a7f3d0] text-xs font-medium">Serviço 06</span></div><h2 class="text-2xl md:text-3xl lg:text-4xl font-bold text-gray-900 leading-tight" style="opacity:0;transform:translateY(20px) translateZ(0)">Desenvolvimento de Site</h2><p class="text-lg text-gray-600 leading-relaxed" style="opacity:0;transform:translateY(20px) translateZ(0)">Sites personalizados, modernos e responsivos com otimização SEO e navegação intuitiva.</p><ul class="space-y-4" style="opacity:0;transform:translateY(20px) translateZ(0)"><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Design moderno e responsivo</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Otimização SEO</span></li><li class="flex items-center" style="opacity:0;transform:translateX(-20px) translateZ(0)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-5 h-5 text-secondary-500 mr-3 flex-shrink-0"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-gray-700">Navegação intuitiva</span></li></ul><div style="opacity:0;transform:translateY(20px) translateZ(0)"><button class="bg-gradient-to-r from-secondary-400 to-secondary-500 hover:from-secondary-500 hover:to-secondary-600 text-white font-semibold py-3 px-8 rounded-lg transition-all duration-300 flex items-center justify-center group cursor-pointer">Saiba mais<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="lg:col-start-1" style="opacity:0;transform:translateX(-50px) translateZ(0)"><div class="relative"><div class="relative h-96 overflow-hidden rounded-2xl shadow-xl"><img src="/images/services/Desenvolvimento_de_site_belem.jpg" alt="Desenvolvimento de Site" class="w-full h-full object-cover"/>
69<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div></div><div class="absolute -bottom-6 -left-6 w-16 h-16 bg-gradient-to-br from-secondary-400 to-secondary-500 rounded-xl flex items-center justify-center shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-8 h-8 text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div></div></div></div></div></section><section class="py-20 bg-gradient-to-r from-secondary-500 to-dark-900"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"><div style="opacity:0;transform:translateY(20px) translateZ(0)"><h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Pronto para transformar seu negócio?</h2><p class="text-xl text-white mb-8 max-w-2xl mx-auto">Entre em contato conosco e descubra como nossas soluções podem impulsionar seus resultados.</p><div class="flex flex-col sm:flex-row gap-4 justify-center"><button class="bg-white text-secondary-600 hover:bg-gray-100 font-semibold py-3 px-8 rounded-lg transition-colors duration-300 cursor-pointer">Solicitar Orçamento</button><button class="bg-gradient-to-r from-secondary-400 to-secondary-500 hover:from-secondary-500 hover:to-secondary-600 text-white font-semibold py-3 px-8 rounded-lg transition-all duration-300 cursor-pointer">Agendar Reunião</button></div></div></div></section><footer class="bg-gradient-to-br from-[#131c2f] via-[#1c2739] to-[#0f172a] text-white"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"><div class="grid lg:grid-cols-3 gap-8"><div class="lg:col-span-1" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="flex items-center mb-6"><img src="/images/novo logo Stepfy.png" alt="Stepfy Logo" class="h-10 w-auto"/></div><p class="text-white mb-6 max-w-sm">Com foco em tecnologia open-source e inovação, ajudamos negócios a melhorar a produtividade e fortalecer o relacionamento com clientes por meio de integrações inteligentes e automatizadas. ð</p><div class="flex items-center space-x-4 mb-6"><a href="https://www.youtube.com/@Stepfy-tw6hy" target="_blank" rel="noopener noreferrer" class="w-8 h-8 bg-gray-800 rounded-full flex items-center justify-center hover:bg-gray-700 transition-colors duration-200" aria-label="YouTube"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-white"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg></a><a href="https://www.linkedin.com/company/stepfy-app" target="_blank" rel="noopener noreferrer" class="w-8 h-8 bg-gray-800 rounded-full flex items-center justify-center hover:bg-gray-700 transition-colors duration-200" aria-label="LinkedIn"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-4 h-4 text-white"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://www.instagram.com/stepfy_automacao/" target="_blank" rel="noopener noreferrer" class="w-8 h-8 bg-gray-800 rounded-full flex items-center justify-center hover:bg-gray-700 transition-colors duration-200" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram w-4 h-4 text-white"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a></div></div><div class="lg:col-span-2" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="grid md:grid-cols-2 gap-8"><div class="text-right"><h3 class="text-lg font-semibold mb-4 capitalize text-white">Serviços</h3><ul class="space-y-3"><li><a href="/servicos#whatsapp" class="text-white hover:text-secondary-400 transition-colors duration-200">Automação WhatsApp</a></li><li><a href="/servicos#crm" class="text-white hover:text-secondary-400 transition-colors duration-200">CRM Multi-atendimento</a></li><li><a href="/servicos#api" class="text-white hover:text-secondary-400 transition-colors duration-200">Desenvolvimento API</a></li><li><a href="/servicos#totem" class="text-white hover:text-secondary-400 transition-colors duration-200">Totem</a></li><li><a href="/servicos#ai" class="text-white hover:text-secondary-400 transition-colors duration-200">Inteligência Artificial</a></li><li><a href="/servicos#site" class="text-white hover:text-secondary-400 transition-colors duration-200">Desenvolvimento de Site</a></li></ul></div><div class="text-right"><h3 class="text-lg font-semibold mb-4 capitalize text-white">Quick Links</h3><ul class="space-y-3"><li><a href="/" class="text-white hover:text-secondary-400 transition-colors duration-200">InÃcio</a></li><li><a href="#about" class="text-white hover:text-secondary-400 transition-colors duration-200">Sobre</a></li><li><a href="/contato" class="text-white hover:text-secondary-400 transition-colors duration-200">Contato</a></li><li><a href="#faq" class="text-white hover:text-secondary-400 transition-colors duration-200">FAQ</a></li><li><a href="/privacidade" class="text-white hover:text-secondary-400 transition-colors duration-200">PolÃtica e Privacidade</a></li></ul></div></div></div></div><div class="border-t border-gray-700 pt-6 mt-8" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="flex flex-col md:flex-row items-start md:items-center space-y-3 md:space-y-0"><div class="flex items-center space-x-3 md:w-3/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin w-4 h-4 text-secondary-400 flex-shrink-0"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path><circle cx="12" cy="10" r="3"></circle></svg><span class="text-white text-sm">Av. Gov. José Malcher, 153 - Nazaré, Belém - PA, 66035-065</span></div><div class="flex items-center space-x-3 md:ml-8"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-4 h-4 text-secondary-400 flex-shrink-0"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span class="text-white text-sm">+55 16 99946-2732</span></div><div class="flex items-center space-x-3 md:ml-8"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-4 h-4 text-secondary-400 flex-shrink-0"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><span class="text-white text-sm">[email protected]</span></div></div></div><div class="mt-12" style="opacity:0;transform:translateY(20px) translateZ(0)"><div class="border-t border-gray-700 w-full"></div><div class="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 pt-8"><div class="text-white text-sm text-center">© 2025 Stepfy. Todos os direitos reservados. Powered by Stepfy</div></div></div></div></footer></div>
69<script src="/_next/static/chunks/webpack-70516be2bc3fbaf5.js" crossorigin="" async=""></script>
69<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
69<script>self.__next_f.push([1,"1:HL[\"/_next/static/css/cdcf8fe1c0813570.css\",\"style\",{\"crossOrigin\":\"\"}]\n0:\"$L2\"\n"])</script>
69<script>self.__next_f.push([1,"3:I[7690,[],\"\"]\n5:I[7831,[],\"\"]\n6:I[5683,[\"551\",\"static/chunks/551-1a66e0f659c6e625.js\",\"403\",\"static/chunks/403-e361090c84e6c819.js\",\"364\",\"static/chunks/app/servicos/page-aa64d61ea8d05d26.js\"],\"\"]\n7:I[5613,[],\"\"]\n8:I[1778,[],\"\"]\nb:I[8955,[],\"\"]\n9:Tab5,"])</script>
69<script>self.__next_f.push([1,"\n /* CUSTOM SCROLLBAR - FINAL VERSION */\n \n /* SCROLLBAR CONFIGURADA */\n ::-webkit-scrollbar {\n width: 12px !important;\n }\n \n ::-webkit-scrollbar-track {\n background: #f1f5f9 !important;\n border-radius: 12px !important;\n }\n \n /* GRADIENTE CORRETO */\n ::-webkit-scrollbar-thumb {\n background: linear-gradient(to right, #10b981, #06b6d4) !important;\n border-radius: 12px !important;\n border: 2px solid #f1f5f9 !important;\n min-height: 40px !important;\n transition: all 0.3s ease !important;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;\n }\n \n ::-webkit-scrollbar-thumb:hover {\n background: linear-gradient(to right, #059669, #0891b2) !important;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;\n transform: scale(1.05) !important;\n }\n \n ::-webkit-scrollbar-thumb:active {\n background: linear-gradient(to right, #047857, #0e7490) !important;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;\n transform: scale(1.1) !important;\n }\n \n ::-webkit-scrollbar-corner {\n background: #f1f5f9 !important;\n }\n \n /* REMOVE ALL BUTTONS */\n \n ::-webkit-scrollbar-button {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n background: transparent !important;\n opacity: 0 !important;\n visibility: hidden !important;\n }\n \n ::-webkit-scrollbar-button:start,\n ::-webkit-scrollbar-button:end,\n ::-webkit-scrollbar-button:single-button,\n ::-webkit-scrollbar-button:start:decrement,\n ::-webkit-scrollbar-button:end:increment,\n ::-webkit-scrollbar-button:start:increment,\n ::-webkit-scrollbar-button:end:decrement {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n background: transparent !important;\n }\n \n /* Firefox */\n html, body, * {\n scrollbar-width: thin !important;\n scrollbar-color: #10b981 #f1f5f9 !important;\n }\n "])</script>
69<script>self.__next_f.push([1,"2:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/cdcf8fe1c0813570.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]],[\"$\",\"$L3\",null,{\"buildId\":\"C7mwNgEz5OlSo8jjXzjW5\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/servicos\",\"initialTree\":[\"\",{\"children\":[\"servicos\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"servicos\",{\"children\":[\"__PAGE__\",{},[\"$L4\",[\"$\",\"$L5\",null,{\"propsForComponent\":{\"params\":{}},\"Component\":\"$6\",\"isStaticGeneration\":true}],null]]},[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"servicos\",\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}]]},[null,[\"$\",\"html\",null,{\"lang\":\"pt-BR\",\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$9\"}}]}],[\"$\",\"body\",null,{\"className\":\"antialiased\",\"children\":[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":null}]}]]}],null]],\"initialHead\":[false,\"$La\"],\"globalErrorComponent\":\"$b\"}]]\n"])</script>
69<script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Stepfy Tech - Soluções Tecnológicas Inovadoras\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Empresa especializada em desenvolvimento de software, consultoria em TI e soluções tecnológicas personalizadas para empresas.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"Stepfy Tech\"}],[\"$\",\"meta\",\"5\",{\"name\":\"keywords\",\"content\":\"tecnologia, desenvolvimento, software, consultoria, TI, inovação\"}],[\"$\",\"link\",\"6\",{\"rel\":\"shortcut icon\",\"href\":\"/images/Logo_ico.png\"}],[\"$\",\"link\",\"7\",{\"rel\":\"icon\",\"href\":\"/images/Logo_ico.png\"}],[\"$\",\"link\",\"8\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/Logo_ico.png\"}]]\n"])</script>
69<script>self.__next_f.push([1,"4:null\n"])</script>
69<script>self.__next_f.push([1,""])</script>
69</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.