<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bit Help - Soluções em Tecnologia</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--brand-blue-dark: #2c2755;
--brand-blue-light: #1cbac8;
--brand-green-lime: #bfff00;
--brand-green-olive: #a9cf44;
--brand-red: #ed3237;
--brand-white: #f5f5f5;
}
body {
background: #0f172a; /* Fundo escuro */
color: var(--brand-white);
font-family: 'Inter', sans-serif;
}
.glass-card {
background: rgba(44, 39, 85, 0.4);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.05);
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-3px);
border-color: var(--brand-green-lime);
box-shadow: 0 10px 20px -10px rgba(191, 255, 0, 0.2);
}
/* Degradê azul claro da identidade */
.btn-gradient {
background: linear-gradient(90deg, #1cbac8 0%, #159ba7 100%);
color: #ffffff;
text-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
.btn-gradient:hover {
opacity: 0.9;
}
.status-dot {
height: 8px;
width: 8px;
background-color: var(--brand-green-lime);
border-radius: 50%;
display: inline-block;
margin-right: 6px;
box-shadow: 0 0 8px var(--brand-green-lime);
}
.icon-box {
background-color: var(--brand-blue-dark);
color: var(--brand-green-lime);
}
/* Container Circular estilo Instagram */
.profile-logo-container {
width: 120px;
height: 120px;
background-color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
padding: 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
border: 3px solid var(--brand-blue-dark);
}
/* Fallback para logo caso a imagem não carregue */
.logo-fallback {
font-weight: 800;
color: var(--brand-blue-dark);
text-align: center;
}
</style>
</head>
<body class="min-h-screen flex flex-col items-center py-10 px-4">
<!-- Header / Logo Area -->
<div class="text-center mb-8 w-full max-w-xs">
<div class="mb-4">
<!-- Container Circular -->
<div class="profile-logo-container">
<img src="https://www.bithelp.net.br/wp-content/uploads/2020/11/Logo-Nova.png"
alt="Bit Help Soluções em Tecnologia"
class="max-w-full max-h-full object-contain block"
onerror="this.style.display='none'; document.getElementById('fallback').classList.remove('hidden');">
<!-- Fallback visual circular -->
<div id="fallback" class="hidden logo-fallback">
<div class="text-xl">Bit<span style="color: var(--brand-red);">●</span>Help</div>
</div>
</div>
</div>
<p class="text-slate-400 text-sm mt-2 font-semibold">
Bit Help Soluções em Tecnologia
</p>
<p class="text-slate-500 text-xs mt-1">
Sua operação sem interrupções.
</p>
<div class="mt-4 flex items-center justify-center text-xs font-medium" style="color: var(--brand-green-lime);">
<span class="status-dot"></span> Suporte Técnico Online Agora
</div>
</div>
<!-- Featured Service: Restaurante -->
<div class="w-full max-w-md mb-6">
<div class="glass-card p-4 rounded-2xl border-l-4" style="border-left-color: #1cbac8;">
<div class="flex items-center justify-between mb-2">
<span class="text-[10px] uppercase font-bold tracking-widest" style="color: #1cbac8;">DESTAQUE</span>
<i class="fas fa-utensils" style="color: #1cbac8;"></i>
</div>
<h2 class="font-bold text-lg">Software para Restaurantes</h2>
<p class="text-slate-400 text-xs mb-4">Gestão de mesas, delivery e estoque sem travamentos. O fim do caos no horário de pico.</p>
<a href="https://wa.me/552127414917?text=Gostaria%20de%20agendar%20uma%20apresenta%C3%A7%C3%A3o%20do%20Software%20Colibri" class="btn-gradient w-full py-3 rounded-xl flex items-center justify-center font-bold text-sm gap-2 shadow-lg shadow-cyan-900/20">
<i class="fab fa-whatsapp"></i> Solicitar Demonstração Grátis
</a>
</div>
</div>
<!-- Main Links Container -->
<div class="w-full max-w-md space-y-3">
<!-- Link 2: Suporte e Infra -->
<a href="https://www.bithelp.net.br/portfolio-item/outsourcing-de-ti/" class="glass-card w-full p-4 rounded-xl flex items-center gap-4 group">
<div class="w-10 h-10 icon-box rounded-lg flex items-center justify-center">
<i class="fas fa-network-wired"></i>
</div>
<div class="flex-1">
<h3 class="font-semibold text-sm">Suporte & Infra de TI</h3>
<p class="text-[11px] text-slate-400">Redes, Servidores e Manutenção Preventiva.</p>
</div>
<i class="fas fa-chevron-right text-slate-600 text-xs"></i>
</a>
<!-- Link 3: Outsourcing / Locação -->
<a href="https://www.bithelp.net.br/portfolio-item/outsourcing-de-impressao/" class="glass-card w-full p-4 rounded-xl flex items-center gap-4 group">
<div class="w-10 h-10 icon-box rounded-lg flex items-center justify-center">
<i class="fas fa-print"></i>
</div>
<div class="flex-1">
<h3 class="font-semibold text-sm">Locação de Impressoras</h3>
<p class="text-[11px] text-slate-400">Reduza custos e pare de se preocupar com suprimentos.</p>
</div>
<i class="fas fa-chevron-right text-slate-600 text-xs" style="color: var(--brand-green-lime);"></i>
</a>
<!-- Link 4: Automação -->
<a href="https://www.bithelp.net.br/nossas-solucoes/" class="glass-card w-full p-4 rounded-xl flex items-center gap-4 group">
<div class="w-10 h-10 icon-box rounded-lg flex items-center justify-center">
<i class="fas fa-barcode"></i>
</div>
<div class="flex-1">
<h3 class="font-semibold text-sm">Automação para Comércio</h3>
<p class="text-[11px] text-slate-400">PDV, SAT e emissão fiscal simplificada.</p>
</div>
<i class="fas fa-chevron-right text-slate-600 text-xs" style="color: var(--brand-green-lime);"></i>
</a>
<!-- Link 5: Falar com Especialista -->
<a href="https://wa.me/552127414917?text=Gostaria%20de%20falar%20com%20um%20Consultor%20de%20TI" class="bg-white/5 border border-white/10 w-full p-4 rounded-xl flex items-center gap-4 group hover:bg-white/10 transition-colors mt-6">
<div class="w-10 h-10 icon-box rounded-lg flex items-center justify-center">
<i class="fas fa-headset"></i>
</div>
<div class="flex-1">
<h3 class="font-semibold text-sm text-white">Falar com Consultor TI</h3>
<p class="text-[11px] text-slate-400 italic">Diagnóstico gratuito da sua infraestrutura.</p>
</div>
<i class="fas fa-external-link-alt text-slate-600 text-[10px]" style="color: var(--brand-green-lime);"></i>
</a>
</div>
<!-- Contact Info / Footer -->
<div class="mt-10 w-full max-w-md text-center border-t border-white/5 pt-8">
<div class="flex flex-col gap-3 text-slate-400 text-xs mb-6">
<div class="flex items-center justify-center gap-2">
<i class="fas fa-map-marker-alt"></i>
<span>R. Nilza Chiapeta Fadigas, 274 - Várzea, Teresópolis - RJ</span>
</div>
<div class="flex items-center justify-center gap-4">
<a href="tel:2127414917" class="hover:text-white transition-colors flex items-center gap-1">
<i class="fas fa-phone-alt" style="color: var(--brand-blue-light);"></i>
21 2741-4917
</a>
<a href="https://wa.me/552127414917" class="hover:text-white transition-colors flex items-center gap-1">
<i class="fab fa-whatsapp" style="color: var(--brand-green-lime);"></i>
WhatsApp
</a>
</div>
<a href="https://www.bithelp.net.br/" target="_blank" class="hover:text-white transition-colors underline decoration-brand-blue-light underline-offset-4">
www.bithelp.net.br
</a>
</div>
<!-- Social Icons -->
<div class="flex gap-6 justify-center text-slate-500 text-xl mb-8">
<a href="https://www.instagram.com/bithelp" class="hover:text-cyan-400 transition-colors"><i class="fab fa-instagram"></i></a>
<a href="http://www.linkedin.com/in/bithelp" class="hover:text-cyan-400 transition-colors"><i class="fab fa-linkedin"></i></a>
<a href="https://www.bithelp.net.br/" class="hover:text-cyan-400 transition-colors"><i class="fas fa-globe"></i></a>
</div>
<p class="text-[10px] text-slate-600 uppercase tracking-widest font-bold">
© 2024 Bit Help Soluções em Tecnologia
</p>
</div>
</body>
</html>
Nós armazenamos dados temporariamente para melhorar a sua experiência de navegação e recomendar conteúdo de seu interesse. Ao utilizar nossos serviços, você concorda com tal monitoramento. Ao clicar em “Aceitar todos”, você concorda com o uso de todos os cookies. Você pode ainda visitar "Opções" para mudar sua configuração.
Manage consent