1<!doctype html> 2<html lang="pt-br"> 3<head> 4 <meta charset="utf-8"/> 5 <meta name="viewport" content="width=device-width,initial-scale=1"/> 6 <title>InÃcio ⢠QI Telecom</title> 7 <meta name="description" content="Internet fibra com WiâFi incluso, ping baixo para jogos e suporte humano."/> 8 <meta name="robots" content="index,follow"/> 9 <meta property="og:type" content="website"/> 10 <meta property="og:title" content="InÃcio ⢠QI Telecom"/> 11 <meta property="og:description" content="Internet fibra com WiâFi incluso, ping baixo para jogos e suporte humano."/> 12 <meta property="og:image" content="/assets/img/logo.png"/> 13 <meta name="theme-color" content="#0b5aa6"/> 14 <link rel="icon" href="/assets/img/favicon.ico"/> 15 <link rel="preconnect" href="https://fonts.googleapis.com"> 16 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 17 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"> 18
18<script src="https://cdn.tailwindcss.com"></script>
18 19
19<script> 20 tailwind.config = { 21 theme: { 22 extend: { 23 fontFamily: { sans: ['Inter', 'ui-sans-serif', 'system-ui', 'Segoe UI', 'Roboto', 'Arial'] }, 24 colors: { 25 qi: { 50:'#f2f7ff', 100:'#e6f0ff', 200:'#bfdcff', 300:'#8cc1ff', 400:'#4fa1ff', 500:'#1c7ed6', 600:'#0b5aa6', 700:'#094b8a', 800:'#073a6b', 900:'#062f57' }, 26 qiy: { 50:'#fffbea', 100:'#fff3c4', 200:'#ffe38a', 300:'#ffd24d', 400:'#ffbf1a', 500:'#f5a600', 600:'#d68100', 700:'#b35f00', 800:'#8f4a00', 900:'#733b00' } 27 }, 28 boxShadow: { soft: '0 12px 30px rgba(2, 12, 27, 0.08)' } 29 } 30 } 31 } 32</script>
32 33 <style> 34 35 /* Logo (padrão operadoras): clean, grande e com destaque sutil */ 36 .qi-logo{ 37 opacity:.98; 38 filter: drop-shadow(0 8px 14px rgba(2, 12, 27, .14)); 39 transform: translateZ(0); 40 transition: transform .18s ease, opacity .18s ease, filter .18s ease; 41 } 42 .qi-logo:hover{ 43 opacity:1; 44 transform: translateY(-1px) scale(1.03); 45 filter: drop-shadow(0 12px 18px rgba(2, 12, 27, .18)); 46 } 47 48/* Pequenos ajustes */ 49 .container-max{width:100%;max-width:1240px} 50 ::selection{background:rgba(255,191,26,.35)} 51 a,button{transition:color .15s ease, background-color .15s ease, opacity .15s ease, transform .15s ease} 52 img{max-width:100%;height:auto} 53 html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden} 54 :focus-visible{outline:3px solid #ffbf1a;outline-offset:3px} 55 @media(max-width:640px){.container-max{width:100%}h1{line-height:1.08}input,select,textarea,button{font-size:16px!important}} 56 @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}} 57 .section-kicker{display:inline-flex;align-items:center;gap:.5rem;color:#0b5aa6;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.section-kicker:before{content:'';width:1.75rem;height:2px;border-radius:2px;background:#ffbf1a}.glass-card{background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7)} 58 .home-page .rounded-3xl{border-radius:1rem!important}.home-page .rounded-2xl{border-radius:.75rem!important}.home-page details{border-radius:.65rem!important} 59 60 /* Conteúdo HTML das páginas */ 61 .content-html{font-size:1rem;color:#334155;line-height:1.75;overflow-wrap:anywhere} 62 .content-html p{margin:0.9rem 0; color:#334155; line-height:1.75} 63 .content-html h1,.content-html h2,.content-html h3{color:#0f172a;font-weight:800;letter-spacing:-.025em;line-height:1.2} 64 .content-html h1{margin:1.4rem 0 .8rem;font-size:clamp(1.7rem,3vw,2.35rem)} 65 .content-html h2{margin:1.35rem 0 .65rem;font-size:1.45rem} 66 .content-html h3{margin:1.2rem 0 .55rem;font-size:1.15rem} 67 .content-html ul{margin:0.8rem 0 0.8rem 1.2rem; list-style:disc} 68 .content-html li{margin:0.35rem 0} 69 .content-html a{color:#0b5aa6; font-weight:700} 70 .content-html a:hover{color:#094b8a; text-decoration:underline} 71 .content-html img{display:block;margin:1.25rem auto;border-radius:.75rem;box-shadow:0 10px 28px rgba(2,12,27,.1)} 72 .content-html a:has(img){display:block;border-radius:.75rem}.content-html a:has(img):hover img{transform:translateY(-2px);box-shadow:0 14px 32px rgba(2,12,27,.16)} 73 .content-html img{transition:transform .18s ease,box-shadow .18s ease} 74 .content-html blockquote{margin:1.25rem 0;border-left:3px solid #ffbf1a;background:#f8fafc;padding:.85rem 1rem;color:#475569} 75 .content-html table{width:100%;margin:1.25rem 0;border-collapse:collapse}.content-html th,.content-html td{border:1px solid #e2e8f0;padding:.65rem;text-align:left}.content-html th{background:#f2f7ff;color:#073a6b} 76 @media(min-width:1536px){.container-max{max-width:1320px}.home-page section>.container-max{padding-left:2rem;padding-right:2rem}} 77 78 </style> 79</head> 80<body class="bg-qi-50 text-slate-900 font-sans home-page" > 81 82<!-- Faixa fina (padrão operadoras) --> 83<div class="brand-strip h-[3px] bg-gradient-to-r from-qi-600 via-qi-500 to-qiy-400"></div> 84 85<header class="sticky top-0 z-50 bg-white/95 backdrop-blur border-b border-slate-100 shadow-sm"> 86 <div class="container-max mx-auto px-4 py-3 flex items-center justify-between gap-3"> 87 <a href="/" class="flex items-center"> 88 <img src="/assets/img/logo.png" alt="QI Telecom" class="qi-logo h-12 sm:h-14 md:h-16 w-auto object-contain"/> 89 </a> 90 91 <nav class="hidden md:flex items-center gap-6 text-sm font-semibold text-slate-600"> 92 <a class="hover:text-qi-700" href="/#planos">Planos</a> 93<a class="hover:text-qi-700" href="/#beneficios">BenefÃcios</a> 94<a class="hover:text-qi-700" href="#" data-modal-slug="sobre-nos">Sobre Nós</a> 95<a class="hover:text-qi-700" href="#" data-modal-slug="qi-tvplay">QI TvPlay</a> 96<a class="hover:text-qi-700" href="#" data-modal-slug="webmail">Webmail</a> 97<a class="hover:text-qi-700" href="#" data-modal-slug="contrato">Contrato</a> 98 99 </nav> 100 101 <div class="hidden md:flex items-center gap-2"> 102 <div id="weatherWidget" tabindex="0" class="group relative hidden lg:flex cursor-default items-center gap-2 rounded-lg border border-slate-200 bg-slate-50 px-3 py-2 text-xs text-slate-600" aria-label="Previsão do tempo da sua cidade">
103 <span id="weatherIcon" class="text-base" aria-hidden="true">â</span> 104 <span><b id="weatherTemp" class="text-slate-800">--°</b><span class="ml-1 max-w-[92px] truncate align-bottom inline-block" id="weatherLabel">Localizandoâ¦</span></span> 105 <div class="pointer-events-none invisible absolute right-0 top-[calc(100%+.65rem)] z-[70] w-72 translate-y-1 rounded-xl border border-slate-200 bg-white p-4 opacity-0 shadow-xl transition duration-150 group-hover:visible group-hover:translate-y-0 group-hover:opacity-100 group-focus-within:visible group-focus-within:translate-y-0 group-focus-within:opacity-100" role="tooltip"> 106 <div class="flex items-start justify-between gap-3 border-b border-slate-100 pb-3"> 107 <div><div class="text-[10px] font-extrabold uppercase tracking-[.12em] text-qi-600">Tempo agora</div><div id="weatherCity" class="mt-1 text-sm font-extrabold text-slate-900">Sua localização</div></div> 108 <div id="weatherDetailTemp" class="text-2xl font-extrabold text-qi-700">--°</div> 109 </div> 110 <div id="weatherCondition" class="mt-3 font-bold text-slate-800">Consultando previsãoâ¦</div> 111 <div class="mt-3 grid grid-cols-2 gap-x-3 gap-y-2 text-[11px] text-slate-500"> 112 <span>Sensação <b id="weatherFeels" class="block text-slate-800">--°</b></span> 113 <span>Umidade <b id="weatherHumidity" class="block text-slate-800">--%</b></span> 114 <span>Vento <b id="weatherWind" class="block text-slate-800">-- km/h</b></span> 115 <span>Máx. / mÃn. <b id="weatherRange" class="block text-slate-800">--° / --°</b></span> 116 <span class="col-span-2">Chance de chuva <b id="weatherRain" class="ml-1 text-slate-800">--%</b></span> 117 </div> 118 <p class="mt-3 border-t border-slate-100 pt-2 text-[10px] leading-relaxed text-slate-400">Usamos sua localização apenas para consultar o clima. Se não for autorizada, exibimos Palotina.</p> 119 </div> 120 </div> 121 <a href="https://sistema.qitelecom.net.br/central_assinante_web/login" class="px-3 py-2 rounded-full border border-qi-200 text-sm font-semibold text-qi-800 hover:bg-qi-50">Ãrea do Cliente</a> 122 <a href="https://wa.me/5544999291145" target="_blank" rel="noopener" class="px-4 py-2 rounded-full bg-qiy-400 text-slate-900 text-sm font-extrabold shadow-soft hover:bg-qiy-300">WhatsApp</a> 123 </div> 124 125 <button id="menuBtn" aria-controls="mobileMenu" aria-expanded="false" aria-label="Abrir menu" class="md:hidden inline-flex items-center justify-center w-11 h-11 rounded-xl border border-slate-200 bg-white text-xl"> 126 â° 127 </button> 128 </div> 129 130 <div id="mobileMenu" class="md:hidden hidden border-t border-slate-100 bg-white"> 131 <div class="container-max mx-auto px-4 py-4 grid gap-1 text-base font-semibold text-slate-700 max-h-[calc(100vh-76px)] overflow-y-auto"> 132 <a class="py-2" href="/#planos">Planos</a> 133 <a class="py-2" href="/#beneficios">BenefÃcios</a> 134 <a class="py-2" href="#" data-modal-slug="sobre-nos">Sobre Nós</a> 135 <a class="py-2" href="#" data-modal-slug="qi-tvplay">QI TvPlay</a> 136 <a class="py-2" href="#" data-modal-slug="webmail">Webmail</a> 137 <a class="py-2" href="#" data-modal-slug="contrato">Contrato</a> 138 <a class="py-2" href="/#velocidade">Teste de velocidade</a> 139 <a class="py-2" href="/#faq">Dúvidas</a> 140 <a class="py-2" href="/#contato">Contato</a> 141 <a class="mt-2 py-3 text-center rounded-xl border border-qi-200" href="https://sistema.qitelecom.net.br/central_assinante_web/login">Ãrea do Cliente</a> 142 <a class="py-3 text-center rounded-xl bg-qiy-400 text-slate-900" href="https://wa.me/5544999291145" target="_blank" rel="noopener">WhatsApp</a> 143 </div> 144 </div> 145</header> 146<main> 147 <!-- HERO --> 148<section class="relative overflow-hidden bg-white"> 149 <div class="absolute inset-0 bg-[radial-gradient(circle_at_15%_10%,rgba(11,90,166,.12),transparent_42%),radial-gradient(circle_at_90%_30%,rgba(255,191,26,.12),transparent_38%),linear-gradient(to_bottom,#f8fbff,#ffffff)]"></div> 150 <div class="relative container-max mx-auto px-4 pt-6 sm:pt-10 pb-12 sm:pb-16"> 151 152 153 <!-- Banner principal --> 154 <div class="-mx-[calc((100vw-100%)/2)] rounded-none overflow-hidden border-y border-slate-100 shadow-soft relative"> 155 <div class="absolute inset-0 bg-gradient-to-tr from-qi-900/18 via-trans
155parent to-qi-400/12 pointer-events-none"></div> 156 <div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_20%,rgba(255,255,255,.18),transparent_60%)] pointer-events-none"></div> 157<img id="heroBannerImg" 158 src="/uploads/banners/banner_20260814_142254_3fab6624.png" 159 alt="QI Telecom" 160 class="w-full h-[260px] sm:h-[380px] md:h-[520px] object-cover" width="1920" height="720" fetchpriority="high" decoding="async"> 161 162 <div class="absolute left-4 bottom-4 z-20 max-w-[70%] border-l-4 border-qiy-400 bg-slate-950/80 px-4 py-3 text-white backdrop-blur-sm"> 163 <span id="heroBadgeTitle" class="block text-sm sm:text-base font-extrabold">Brasileirão é Aqui</span> 164 </div> 165 <a id="heroCtaLink" href="https://wa.me/5544999291145" class="absolute bottom-4 right-4 z-30 hidden sm:inline-flex items-center gap-2 rounded-lg bg-qiy-400 px-4 py-2.5 text-sm font-extrabold text-slate-950 shadow-lg hover:bg-qiy-300" style="">Saiba mais <span aria-hidden="true">â</span></a> 166 167 168 <div class="absolute right-4 top-4 z-20 flex gap-2" id="heroDots"></div> 169 </div> 170 171 <!-- Texto centralizado --> 172 <div class="mt-10 -mx-4 sm:mx-0"> 173 <div class="text-center w-full px-6 sm:px-0 max-w-4xl mx-auto"> 174 175 <!--<div class="inline-flex items-center justify-center gap-2 rounded-full border border-slate-200 bg-white px-3 py-1 text-xs font-semibold text-slate-600"> 176 <span class="h-2 w-2 rounded-full bg-qi-600"></span> 177 100% Fibra (FTTH) ⢠WiâFi incluso ⢠Ping baixo 178 </div>--> 179 180 <span class="section-kicker">Conexão QI Telecom</span> 181 <h1 id="heroTitle" class="mt-4 text-[2rem] sm:text-4xl md:text-5xl font-extrabold tracking-[-.035em] text-slate-950 leading-[1.08]"> 182 Fibra Ãptica de Verdade </h1> 183 184 <div class="mx-auto mt-5 h-1 w-14 bg-qiy-400"></div> 185 <p id="heroSubtitle" class="mt-5 text-base sm:text-lg text-slate-600 leading-relaxed max-w-2xl mx-auto"> 186 Atendimento Ultra Rápido. </p> 187 188 189 </div> 190 191
191<script> 192 (function () { 193 const data = [{"img":"/uploads/banners/banner_20260814_142254_3fab6624.png","title":"Brasileirão é Aqui","subtitle":"","cta_label":"","cta_url":"https://wa.me/5544999291145","cta_newtab":0},{"img":"/uploads/banners/banner_20260814_142202_6e8f115b.webp","title":"Telefonia Móvel","subtitle":"","cta_label":"","cta_url":"https://wa.me/5544999291145","cta_newtab":0}]; 194 if (!Array.isArray(data) || data.length <= 1) return; 195 196 const img = document.getElementById('heroBannerImg'); 197 const bt = document.getElementById('heroBadgeTitle'); 198 const bl = document.getElementById('heroCtaLink'); 199 const dots = document.getElementById('heroDots'); 200 201 let i = 0; 202 let lastUser = 0; 203 204 function setLink(item) { 205 if (!bl) return; 206 const url = (item.cta_url || '').trim(); 207 if (!url) { 208 bl.style.display = 'none'; 209 bl.removeAttribute('href'); 210 bl.removeAttribute('target'); 211 bl.removeAttribute('rel'); 212 return; 213 } 214 bl.style.display = ''; 215 bl.href = url; 216 if (item.cta_newtab) { 217 bl.target = '_blank'; 218 bl.rel = 'noopener'; 219 } else { 220 bl.removeAttribute('target'); 221 bl.removeAttribute('rel'); 222 } 223 } 224 225 function renderDots() { 226 if (!dots) return; 227 dots.innerHTML = ''; 228 data.forEach((_, idx) => { 229 const b = document.createElement('button'); 230 b.type = 'button'; 231 b.className = 232 'h-2.5 w-2.5 rounded-full border border-white/60 ' + 233 (idx === i ? 'bg-white' : 'bg-white/30'); 234 b.addEventListener('click', () => { 235 i = idx; 236 lastUser = Date.now(); 237 apply(); 238 }); 239 dots.appendChild(b); 240 }); 241 } 242 243 function apply() { 244 const item = data[i] || {}; 245 if (img && item.img) { 246 img.style.opacity = '0'; img.style.transform = 'scale(1.015)'; 247 setTimeout(() => { 248 img.src = item.img; 249 img.style.opacity = '1'; img.style.transform = 'scale(1)'; 250 }, 420); 251 } 252 if (bt) bt.textContent = item.title || 'Rede monitorada 24/7'; 253 setLink(item); 254 renderDots(); 255 } 256 257 if (img) img.style.transition = 'opacity .7s ease, transform 1.2s ease'; 258 259 apply(); 260 261 setInterval(() => { 262 // se o usuário clicou nos dots recentemente, segura um pouco 263 if (Date.now() - lastUser < 8000) return; 264 i = (i + 1) % data.length; 265 apply(); 266 }, 6500); 267 })(); 268</script>
268 269 270 271 </div> 272 </div> 273</section> 274 275<!-- MINI-BARRA INSTITUCIONAL --> 276<section class="container-max mx-auto px-4 -mt-1 relative z-10"> 277 <div class="rounded-lg border border-slate-200/70 bg-white shadow-[0_20px_60px_rgba(6,47,87,.10)] px-5 sm:px-7 py-5"> 278 <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4"> 279 <div class="grid grid-cols-2 sm:grid-cols-3 gap-5 text-sm"> 280 <span><b class="block text-lg text-qi-800">Operação local</b><span class="text-slate-500">Atendimento próximo</span></span> 281 <span><b class="block text-lg text-qi-800">+12 mil km</b><span class="text-slate-500">de rede de fibra</span></span> 282 <span class="col-span-2 sm:col-span-1"><b class="block text-lg text-qi-800">Monitoramento 24/7</b><span class="text-slate-500">Rede acompanhada</span></span> 283 </div> 284 <div class="grid sm:grid-cols-2 gap-3"> 285 <a href="https://wa.me/5544999291145" target="_blank" rel="noopener" 286 class="inline-flex items-center justify-center px-4 py-2.5 rounded-full bg-qi-700 text-white text-sm font-semibold shadow-soft hover:bg-qi-800"> 287 Atendimento no WhatsApp 288 </a> 289 <a href="/#contato" class="inline-flex items-center justify-center px-4 py-2.5 rounded-full border border-qi-200 text-sm font-semibold text-qi-900 hover:bg-qi-50"> 290 Consultar cobertura 291 </a> 292 </div> 293 </div> 294 </div> 295</section> 296 297<!-- PLANOS --> 298 <section id="planos" class="mt-12 bg-gradient-to-b from-slate-50 to-white border-y border-slate-100"> 299 <div class="container-max mx-auto px-4 py-16 sm:py-20"> 300 <div class="max-w-2xl"> 301 <span class="section-kicker">Internet para sua casa</span><h2 class="mt-3 text-3xl sm:text-4xl font-extrabold tracking-tight text-slate-950">Escolha a velocidade ideal</h2> 302 <p class="mt-2 text-slate-600">Sem taxa de instalação. Consulte disponibilidade e condições.</p> 303 </div> 304 305 <div class="mt-8 grid sm:grid-cols-2 xl:grid-cols-4 gap-4 sm:gap-5"> 306 307 <div class="relative overflow-hidden rounded-xl border bg-white p-6 flex flex-col transition duration-300 hover:-translate-y-1 hover:shadow-[0_24px_55px_rgba(6,47,87,.14)] border-qiy-300 shadow-[0_18px_45px_rgba(255,191,26,.18)]"> 308 <div class="absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-qiy-400 to-qiy-300"></div> <div class="flex items-start justify-between gap-3"> 309 <div> 310 <div class="text-sm font-extrabold text-qi-700">QI ESSENCIAL 30</div> 311 <div class="text-xs text-slate-500">Internet estável para o dia a dia. Simples, rápida e sem complicação.</div> 312 </div> 313 </div> 314 315 <div class="mt-5 text-4xl font-extrabold tracking-tight text-slate-950">430 MEGA</div> 316 317 <div class="mt-3 flex items-end gap-1"> 318 <div class="text-2xl font-extrabold">R$ 89,90</div> 319 <div class="text-sm text-slate-500 pb-1">/mês</div> 320 </div> 321 <div class="mt-5 flex items-center gap-2 text-[11px] font-extrabold uppercase tracking-[.14em] text-qi-700"><span class="h-px flex-1 bg-qi-100"></span><span>Incluso no plano</span><span class="h-px flex-1 bg-qi-100"></span></div> 322 <ul class="mt-4 space-y-2.5 text-sm text-slate-700"> 323 <li class="flex items-start gap-2.5 leading-snug"><span class="mt-[1px] inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-qi-50 text-[11px] font-black text-qi-700" aria-hidden="true">â</span><span class="pt-px font-medium">1 Roteador</span></li> 324 </ul> 325 326 <div class="mt-6"> 327 <a href="https://wa.me/5544999291145?text=Ol%C3%A1%21%20Tenho%20interesse%20no%20plano%20QI%20ESSENCIAL%2030%20430%20MEGA%20da%20QI%20Telecom." target="_blank" rel="noopener" 328 class="inline-flex w-full items-center justify-center px-4 py-3 rounded-full bg-qi-700 text-white text-sm font-extrabold shadow-soft hover:bg-qi-800"> 329 Consultar disponibilidade 330 </a> 331 <div class="mt-2 text-[10px] leading-tight text-slate-400"> 332 Banda nominal. Pode variar conforme condições de rede. 333 </div> 334 </div> 335 </div> 336 <div class="relative overflow-hidden rounded-xl border bg-white p-6 flex flex-col transition duration-300 hover:-translate-y-1 hover:shadow-[0_24px_55px_rgba(6,47,87,.14)] border-slate-200 shadow-soft"> 337 <div class="flex items-start justify-between gap-3"> 338 <div> 339 <div class="text-sm font-extrabold text-qi-700">QI CONECTA 30</div> 340 <div class="text-xs text-slate-500">Velocidade que acompanha sua rotina, streaming sem travar e Wi-Fi potente.</div> 341 </div> 342 <div class="text-xs font-bold rounded-full border border-slate-200 bg-white px-3 py-1">O MAIS VENDIDO</div> 343 </div> 344 345 <div class="mt-5 text-4xl font-extrabold tracking-tight text-slate-950">730 MEGA</div> 346 347 <div class="mt-3 flex items-end gap-1"> 348 <div class="text-2xl font-extrabold">R$ 99,90</div> 349 <div class="text-sm text-slate-500 pb-1">/mês</div> 350 </div> 351 <div class="mt-5 flex items-center gap-2 text-[11px] font-extrabold uppercase tracking-[.14em] text-qi-700"><span class="h-px flex-1 bg-qi-100"></span><span>Incluso no plano</span><span class="h-px flex-1 bg-qi-100"></span></div> 352 <ul class="mt-4 space-y-2.5 text-sm text-slate-700"> 353 <li class="flex items-start gap-2.5 leading-snug"><span class="mt-[1px] inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-qi-50 text-[11px] font-black text-qi-700" aria-hidden="true">â</span><span class="pt-px font-medium">1 Roteador</span></li> 354 <li class="flex items-start gap-2.5 leading-snug"><span class="mt-[1px] inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-qi-50 text-[11px] font-black text-qi-700" aria-hidden="true">â</span><span class="pt-px font-medium">Aplicativo QI TV Play</span></li> 355 </ul> 356 357 <div class="mt-6"> 358 <a href="https://wa.me/5544999291145?text=Ol%C3%A1%21%20Tenho%20interesse%20no%20plano%20QI%20CONECTA%2030%20730%20MEGA%20da%20QI%20Telecom." target="_blank" rel="noopener" 359 class="inline-flex w-full items-center justify-center px-4 py-3 rounded-full bg-qi-700 text-white text-sm font-extrabold shadow-soft hover:bg-qi-800"> 360 Consultar disponibilidade 361 </a> 362 <div class="mt-2 text-[10px] leading-tight text-slate-400"> 363 Banda nominal. Pode variar conforme condições de rede. 364 </div> 365 </div> 366 </div> 367 <div class="relative overflow-hidden rounded-xl border bg-white p-6 flex flex-col transition duration-300 hover:-translate-y-1 hover:shadow-[0_24px_55px_rgba(6,47,87,.14)] border-slate-200 shadow-soft"> 368 <div class="flex items-start justify-between gap-3"> 369 <div> 370 <div class="text-sm font-extrabold text-qi-700">QI FAMÃLIA 30</div> 371 <div class="text-xs text-slate-500">Wi-Fi em todos os cantos da casa. Perfeito para famÃlias conectadas.</div> 372 </div> 373 </div> 374 375 <div class="mt-5 text-4xl font-extrabold tracking-tight text-slate-950">830 MEGA</div> 376 377 <div class="mt-3 flex items-end gap-1"> 378 <div class="text-2xl font-extrabold">R$ 129,90</div> 379 <div class="text-sm text-slate-500 pb-1">/mês</div> 380 </div> 381 <div class="mt-5 flex items-center gap-2 text-[11px] font-extrabold uppercase tracking-[.14em] text-qi-700"><span class="h-px flex-1 bg-qi-100"></span><span>Incluso no plano</span><span class="h-px flex-1 bg-qi-100"></span></div> 382 <ul class="mt-4 space-y-2.5 text-sm text-slate-700"> 383 <li class="flex items-start gap-2.5 leading-snug"><span class="mt-[1px] inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-qi-50 text-[11px] font-black text-qi-700" aria-hidden="true">â</span><span class="pt-px font-medium">2 Roteadores</span></li> 384 <li class="flex items-start gap-2.5 leading-snug"><span class="mt-[1px] inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-qi-50 text-[11px] font-black text-qi-700" aria-hidden="true">â</span><span class="pt-px font-medium">Aplicativo QI TV Play</span></li> 385 <li class="flex items-start gap-2.5 leading-snug"><span class="mt-[1px] inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-qi-50 text-[11px] font-black text-qi-700" aria-hidden="true">â</span><span class="pt-px font-medium">Aplicativo Watch - Filmes e séries</span></li> 386 </ul> 387 388 <div class="mt-6"> 389 <a href="https://wa.me/5544999291145?text=Ol%C3%A1%21%20Tenho%20interesse%20no%20plano%20QI%20FAM%C3%8DLIA%2030%20830%20MEGA%20da%20QI%20Telecom." target="_blank" rel="noopener" 390 class="inline-flex w-full items-center justify-center px-4 py-3 rounded-full bg-qi-700 text-white text-sm font-extrabold shadow-soft hover:bg-qi-800"> 391 Consultar disponibilidade 392 </a> 393 <div class="mt-2 text-[10px] leading-tight text-slate-400"> 394 Banda nominal. Pode variar conforme condições de rede. 395 </div> 396 </div> 397 </div> 398 <div class="relative overflow-hidden rounded-xl border bg-white p-6 flex flex-col transition duration-300 hover:-translate-y-1 hover:shadow-[0_24px_55px_rgba(6,47,87,.14)] border-slate-200 shadow-soft"> 399 <div class="flex items-start justify-between gap-3"> 400 <div> 401 <div class="text-sm font-extrabold text-qi-700">QI LENDÃRIO 30</div> 402 <div class="text-xs text-slate-500">Performance extrema para quem não aceita limites.</div> 403 </div> 404 </div> 405 406 <div class="mt-5 text-4xl font-extrabold tracking-tight text-slate-950">1000 MEGA</div> 407 408 <div class="mt-3 flex items-end gap-1"> 409 <div class="text-2xl font-extrabold">R$ 154,90</div> 410 <div class="text-sm text-slate-500 pb-1">/mês</div> 411 </div> 412 <div class="mt-5 flex items-center gap-2 text-[11px] font-extrabold uppercase tracking-[.14em] text-qi-700"><span class="h-px flex-1 bg-qi-100"></span><span>Incluso no plano</span><span class="h-px flex-1 bg-qi-100"></span></div> 413 <ul class="mt-4 space-y-2.5 text-sm text-slate-700"> 414 <li class="flex items-start gap-2.5 leading-snug"><span class="mt-[1px] inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-qi-50 text-[11px] font-black text-qi-700" aria-hidden="true">â</span><span class="pt-px font-medium">2 Roteadores</span></li> 415 <li class="flex items-start gap-2.5 leading-snug"><span class="mt-[1px] inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-qi-50 text-[11px] font-black text-qi-700" aria-hidden="true">â</span><span class="pt-px font-medium">Aplicativo QI TV Play</span></li> 416 <li class="flex items-start gap-2.5 leading-snug"><span class="mt-[1px] inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-qi-50 text-[11px] font-black text-qi-700" aria-hidden="true">â</span><span class="pt-px font-medium">Aplicativo Watch - Filmes e séries</span></li> 417 </ul> 418 419 <div class="mt-6"> 420 <a href="https://wa.me/5544999291145?text=Ol%C3%A1%21%20Tenho%20interesse%20no%20plano%20QI%20LEND%C3%81RIO%2030%201000%20MEGA%20da%20QI%20Telecom." target="_blank" rel="noopener" 421 class="inline-flex w-full items-center justify-center px-4 py-3 rounded-full bg-qi-700 text-white text-sm font-extrabold shadow-soft hover:bg-qi-800"> 422 Consultar disponibilidade 423 </a> 424 <div class="mt-2 text-[10px] leading-tight text-slate-400"> 425 Banda nominal. Pode variar conforme condições de rede. 426 </div> 427 </div> 428 </div> 429 </div> 430 </div> 431 </section> 432 433 <!-- BENEFÃCIOS -->
434 <section id="beneficios" class="container-max mx-auto px-4 py-16 sm:py-20"> 435 <div class="grid lg:grid-cols-[1.08fr_.92fr] gap-6 items-stretch"> 436 <div> 437 <span class="section-kicker">Experiência QI</span><h2 class="mt-3 text-3xl sm:text-4xl font-extrabold tracking-tight">Tecnologia com suporte humano</h2> 438 <p class="mt-2 text-slate-600 leading-relaxed"> 439 FTTH 100% fibra, baixa latência e rede monitorada. IPv6 nativo, roteamento otimizado e suporte humano para resolver rápido. 440 </p> 441 442 <div class="mt-6 grid sm:grid-cols-2 gap-4"> 443 <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-soft"><span class="mb-4 inline-flex h-11 w-11 items-center justify-center rounded-lg bg-gradient-to-br from-qi-600 to-qi-800 text-white shadow-md"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="M5 12.5a10 10 0 0 1 14 0M8 16a6 6 0 0 1 8 0M11 19.5a2 2 0 0 1 2 0" stroke-linecap="round"/></svg></span> 444 <div class="font-bold">WiâFi 6 incluso</div> 445 <div class="text-sm text-slate-600">Roteador WiâFi 6 (conforme plano) e instalação organizada.</div> 446 </div> 447 <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-soft"><span class="mb-4 inline-flex h-11 w-11 items-center justify-center rounded-lg bg-gradient-to-br from-qi-600 to-qi-800 text-white shadow-md"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><circle cx="12" cy="12" r="8"/><path d="M8.5 9.5c1.6-2.2 5.8-1.7 6.5.8.9 3-1.2 5.7-4 5.1-2.3-.4-2.7-3.4-.8-4.6 1.6-1 3.7-.3 4.5 1.2" stroke-linecap="round"/></svg></span> 448 <div class="font-bold">
448IPv6 nativo</div> 449 <div class="text-sm text-slate-600">Conectividade moderna, mais performance e compatibilidade.</div> 450 </div> 451 <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-soft"><span class="mb-4 inline-flex h-11 w-11 items-center justify-center rounded-lg bg-gradient-to-br from-qi-600 to-qi-800 text-white shadow-md"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="M4 15a8 8 0 1 1 16 0" stroke-linecap="round"/><path d="m12 15 4-5M9.5 18h5" stroke-linecap="round"/></svg></span> 452 <div class="font-bold">Baixa latência</div> 453 <div class="text-sm text-slate-600">Rota otimizada e monitoramento para melhor experiência.</div> 454 </div> 455 <div class="rounded-2xl border border-slate-200 bg-white p-5 shadow-soft"><span class="mb-4 inline-flex h-11 w-11 items-center justify-center rounded-lg bg-gradient-to-br from-qi-600 to-qi-800 text-white shadow-md"><svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="M7 11v-1a5 5 0 0 1 10 0v1M6 11h2v6H6a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2Zm12 0h-2v6h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2ZM16 17c0 2-1.5 3-4 3" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 456 <div class="font-bold">Suporte humano</div> 457 <div class="text-sm text-slate-600">Atendimento local e rápido pelo WhatsApp (sem robô).</div> 458 </div> 459 </div> 460 </div> 461 462 <div class="h-full rounded-xl border border-qi-200 bg-white p-6 sm:p-7 text-slate-900 shadow-[0_18px_45px_rgba(6,47,87,.10)] flex flex-col"> 463 <div class="text-xs font-extrabold uppercase tracking-[.16em] text-qi-700">Conectividade empresarial</div> 464 <div class="mt-2 text-2xl font-extrabold">Soluções sob medida</div> 465 <p class="mt-2 text-sm leading-relaxed text-slate-600">Estrutura preparada para operações que não podem parar.</p> 466 <div class="mt-5 grid sm:grid-cols-3 lg:grid-cols-1 xl:grid-cols-3 gap-2"> 467 <div class="border-l-2 border-qiy-400 bg-qi-50 px-3 py-3"><div class="text-sm font-bold">Link dedicado</div><div class="mt-1 text-xs text-slate-500">SLA e monitoramento</div></div> 468 <div class="border-l-2 border-qiy-400 bg-qi-50 px-3 py-3"><div class="text-sm font-bold">Redundância</div><div class="mt-1 text-xs text-slate-500">Alta disponibilidade</div></div> 469 <div class="border-l-2 border-qiy-400 bg-qi-50 px-3 py-3"><div class="text-sm font-bold">Projetos especiais</div><div class="mt-1 text-xs text-slate-500">Agro, indústria e condomÃnios</div></div> 470 </div> 471 472 <a class="mt-auto inline-flex items-center justify-center px-5 py-3 rounded-lg bg-qi-700 text-white text-sm font-extrabold hover:bg-qi-800" 473 href="https://wa.me/5544999291145" target="_blank" rel="noopener"> 474 Falar com especialista 475 </a> 476 </div> 477 </div> 478 </section> 479 480 <!-- TESTE DE VELOCIDADE --> 481 <section id="velocidade" class="bg-gradient-to-br from-slate-50 to-qi-50 border-y border-slate-100"> 482 <div class="container-max mx-auto px-4 py-16 sm:py-20"> 483 <div class="grid lg:grid-cols-2 gap-8 items-center"> 484 <div> 485 <span class="section-kicker">Diagnóstico rápido</span><h2 class="mt-3 text-3xl sm:text-4xl font-extrabold tracking-tight">Teste sua velocidade</h2> 486 <p class="mt-2 text-slate-600">Faça um teste rápido para validar download, upload e ping.</p> 487 <div class="mt-6 flex flex-wrap gap-3"> 488 <a class="px-5 py-3 rounded-full bg-qi-700 text-white text-sm font-semibold shadow-soft hover:bg-qi-800" 489 href="https://fast.com" target="_blank" rel="noopener">Fast.com</a> 490 <a class="px-5 py-3 rounded-full border border-slate-200 text-sm font-semibold hover:bg-white" 491 href="https://www.speedtest.net" target="_blank" rel="noopener">Speedtest</a> 492 <a class="px-5 py-3 rounded-full border border-slate-200 text-sm font-semibold hover:bg-white" 493 href="https://sistema.qitelecom.net.br/central_assinante_web/login" target="_blank" rel="noopener">Ãrea do Cliente</a> 494 </div> 495 <div class="mt-3 text-xs text-slate-500">Dica: prefira testar via cabo para resultado mais preciso.</div> 496 </div> 497 498 <div class="rounded-3xl border border-slate-100 bg-white p-6 shadow-soft"> 499 <div class="font-bold">Checklist rápido</div> 500 <ul class="mt-3 text-sm text-slate-600 space-y-2"> 501 <li class="flex gap-2"><span class="text-qi-700">â</span>Feche downloads e streaming durante o teste</li> 502 <li class="flex gap-2"><span class="text-qi-700">â</span>Teste próximo ao roteador (WiâFi) ou via cabo</li> 503 <li class="flex gap-2"><span class="text-qi-700">â</span>Repita 2â3 vezes para média confiável</li> 504 </ul> 505 </div> 506 </div> 507 </div> 508 </section> 509 510 <!-- FAQ --> 511 <section id="faq" class="container-max mx-auto px-4 py-16 sm:py-20"> 512 <span class="section-kicker">Ajuda</span><h2 class="mt-3 text-3xl sm:text-4xl font-extrabold tracking-tight">Dúvidas frequentes</h2> 513 <p class="mt-2 text-slate-600">Respostas rápidas para as perguntas mais comuns.</p> 514 515 <div class="mt-8 grid md:grid-cols-2 gap-4"> 516 <details class="group self-start rounded-2xl border border-slate-200 bg-white p-5 shadow-soft open:border-qi-200 open:bg-qi-50/40"> 517 <summary class="cursor-pointer list-none flex items-center justify-between gap-4">
518 <span class="font-bold">Como emitir minha segunda via da fatura?</span> 519 <span class="text-qi-700 group-open:rotate-45 transition">+</span> 520 </summary> 521 <div class="mt-3 text-sm text-slate-600 leading-relaxed"> 522 Acesse a área do cliente. Se preferir, fale no WhatsApp. </div> 523 </details> 524 <details class="group self-start rounded-2xl border border-slate-200 bg-white p-5 shadow-soft open:border-qi-200 open:bg-qi-50/40"> 525 <summary class="cursor-pointer list-none flex items-center justify-between gap-4"> 526 <span class="font-bold">Como funciona o atendimento do suporte técnico?</span> 527 <span class="text-qi-700 group-open:rotate-45 transition">+</span> 528 </summary> 529 <div class="mt-3 text-sm text-slate-600 leading-relaxed"> 530 Atendimento humano via WhatsApp e suporte técnico conforme necessidade. </div> 531 </details> 532 <details class="group self-start rounded-2xl border border-slate-200 bg-white p-5 shadow-soft open:border-qi-200 open:bg-qi-50/40"> 533 <summary class="cursor-pointer list-none flex items-center justify-between gap-4"> 534 <span class="font-bold">A QI Telecom possui serviço de telefonia fixa?</span> 535 <span class="text-qi-700 group-open:rotate-45 transition">+</span> 536 </summary> 537 <div class="mt-3 text-sm text-slate-600 leading-relaxed"> 538 Consulte disponibilidade com a equipe. </div> 539 </details> 540 <details class="group self-start rounded-2xl border border-slate-200 bg-white p-5 shadow-soft open:border-qi-200 open:bg-qi-50/40"> 541 <summary class="cursor-pointer list-none flex items-center justify-between gap-4"> 542 <span class="font-bold">O valor da mensalidade muda após um perÃodo?</span> 543 <span class="text-qi-700 group-open:rotate-45 transition">+</span> 544 </summary> 545 <div class="mt-3 text-sm text-slate-600 leading-relaxed"> 546 Consulte as condições comerciais do seu plano. </div> 547 </details> 548 <details class="group self-start rounded-2xl border border-slate-200 bg-white p-5 shadow-soft open:border-qi-200 open:bg-qi-50/40"> 549 <summary class="cursor-pointer list-none flex items-center justify-between gap-4"> 550 <span class="font-bold">Existe algum custo de adesão?</span> 551 <span class="text-qi-700 group-open:rotate-45 transition">+</span> 552 </summary> 553 <div class="mt-3 text-sm text-slate-600 leading-relaxed"> 554 Consulte disponibilidade e condições com nossa equipe. </div> 555 </details> 556 <details class="group self-start rounded-2xl border border-slate-200 bg-white p-5 shadow-soft open:border-qi-200 open:bg-qi-50/40"> 557 <summary class="cursor-pointer list-none flex items-center justify-between gap-4"> 558 <span class="font-bold">Quais custos para mudança de endereço ou visita técnica?</span> 559 <span class="text-qi-700 group-open:rotate-45 transition">+</span> 560 </summary> 561 <div class="mt-3 text-sm text-slate-600 leading-relaxed"> 562 Consulte valores e regras com a equipe de suporte. </div> 563 </details> 564 </div> 565 </section> 566 567 <!-- CONTATO --> 568 <section id="contato" class="bg-slate-950 border-t border-slate-900 text-white"> 569 <div class="container-max mx-auto px-4 py-16 sm:py-20"> 570 <div class="max-w-3xl"><span class="section-kicker !text-qiy-300">Atendimento</span><h2 class="mt-3 text-3xl sm:text-4xl font-extrabold tracking-tight">Vamos encontrar o plano certo?</h2><p class="mt-2 text-slate-300">Envie seus dados e nossa equipe local retorna rapidamente. O contato entra automaticamente no painel comercial.</p></div> 571 <div class="mt-8 grid lg:grid-cols-[1.15fr_.85fr] gap-6 items-start"> 572 <div> 573 <form class="lead-form rounded-xl border border-slate-100 bg-white p-6 text-slate-900 shadow-soft space-y-4" method="post" action="/lead.php" autocomplete="on"> 574 <input type="text" name="website" tabindex="-1" autocomplete="off" class="hidden" aria-hidden="true"> 575 <input type="hidden" name="form_token" value="cae1b945652fdf7045785c9148f000cd"> 576 <input type="hidden" name="source" value="home-contato"> 577 <div> 578 <label class="text-sm font-semibold text-slate-700">Nome</label> 579 <input name="name" required minlength="3" autocomplete="name" class="mt-1 w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-4 focus:ring-qi-100 focus:border-qi-400" placeholder="Seu nome completo"> 580 </div> 581 <div class="grid md:grid-cols-2 gap-4"> 582 <div> 583 <label class="text-sm font-semibold text-slate-700">Telefone/WhatsApp</label> 584 <input name="phone" required inputmode="tel" autocomplete="tel" data-phone-mask class="mt-1 w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-4 focus:ring-qi-100 focus:border-qi-400" placeholder="(45) 9xxxx-xxxx"> 585 </div> 586 <div> 587 <label class="text-sm font-semibold text-slate-700">Cidade/Bairro</label> 588 <input name="city" autocomplete="address-level2" class="mt-1 w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-4 focus:ring-qi-100 focus:border-qi-400" placeholder="Ex.: Palotina / Centro"> 589 </div> 590 </div> 591 <div class="grid md:grid-cols-2 gap-4"> 592 <div> 593 <label class="text-sm font-semibold text-slate-700">Plano de interesse</label> 594 <select name="plan" class="mt-1 w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 focus:outline-none focus:ring-4 focus:ring-qi-100 focus:border-qi-400"> 595 <option value="">Escolha uma opção</option> 596 <option value="QI ESSENCIAL 30 430 MEGA">QI ESSENCIAL 30 ⢠430 MEGA</option> 597 <option value="QI CONECTA 30 730 MEGA">QI CONECTA 30 ⢠730 MEGA</option> 598 <option value="QI FAMÃLIA 30 830 MEGA">QI FAMÃLIA 30 ⢠830 MEGA</option> 599 <option value="QI LENDÃRIO 30 1000 MEGA">QI LENDÃRIO 30 ⢠1000 MEGA</option> 600 <option value="Empresarial / Link dedicado">Empresarial / Link dedicado</option> 601 </select> 602 </div> 603 <div> 604 <label class="text-sm font-semibold text-slate-700">E-mail</label> 605 <input name="email" type="email" autocomplete="email" class="mt-1 w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-4 focus:ring-qi-100 focus:border-qi-400" placeholder="[email protected]"> 606 </div> 607 </div> 608 <div> 609 <label class="text-sm font-semibold text-slate-700">Mensagem</label> 610 <textarea name="message" rows="4" class="mt-1 w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-4 focus:ring-qi-100 focus:border-qi-400" placeholder="Endereço, melhor horário para contato ou observação..."></textarea> 611 </div> 612 613 <button class="w-full px-5 py-3 rounded-full bg-qiy-400 text-slate-900 text-sm font-extrabold shadow-soft hover:bg-qiy-300"> 614 Solicitar atendimento 615 </button> 616 617 <div class="text-xs text-slate-500 text-center">Ao enviar, você concorda em ser contatado pela equipe da QI Telecom.</div> 618 </form> 619 </div> 620 621 <aside class="rounded-xl border border-white/10 bg-white/[.06] p-6 shadow-soft"> 622 <div class="text-xs font-extrabold uppercase tracking-[.16em] text-qiy-300">Canais rápidos</div><div class="mt-2 text-xl font-extrabold">Atendimento direto</div>
623 <dl class="mt-5 divide-y divide-white/10 text-sm"><div class="pb-4"><dt class="text-xs font-bold uppercase tracking-wider text-slate-500">Telefones</dt><dd class="mt-1.5 leading-relaxed text-white">3649-1486 - 99929-1145 - 0800 887 0563</dd></div><div class="py-4"><dt class="text-xs font-bold uppercase tracking-wider text-slate-500">E-mail</dt><dd class="mt-1.5 text-white">[email protected]</dd></div><div class="py-4"><dt class="text-xs font-bold uppercase tracking-wider text-slate-500">Horário</dt><dd class="mt-1.5 leading-relaxed text-slate-300">Segunda - Sexta 08:00 - 20:00 - Sábado, Domingo e Feriados 08:00 - 17:00 (Call Center)</dd></div><div class="pt-4"><dt class="text-xs font-bold uppercase tracking-wider text-slate-500">Endereço</dt><dd class="mt-1.5 leading-relaxed text-slate-300">Rua Aldir Pedron, 1319 - Centro<br /> 624Palotina, Paraná</dd></div></dl> 625 626 <a class="mt-6 inline-flex w-full items-center justify-center px-4 py-3 rounded-lg bg-qiy-400 text-slate-950 text-sm font-extrabold hover:bg-qiy-300" 627 href="https://wa.me/5544999291145" target="_blank" rel="noopener"> 628 Chamar no WhatsApp 629 </a> 630 631 <div class="mt-3 text-center text-xs text-slate-500">Resposta mais rápida via WhatsApp.</div> 632 </aside> 633 </div> 634 </div> 635 </section> 636</main> 637 638<a href="https://wa.me/5544999291145?text=Ol%C3%A1%21%20Vim%20pelo%20site%20da%20QI%20Telecom%20e%20gostaria%20de%20atendimento." target="_blank" rel="noopener" class="fixed bottom-4 right-4 z-50 inline-flex items-center gap-2 rounded-full bg-emerald-500 px-4 py-3 text-white text-sm font-extrabold shadow-2xl hover:bg-emerald-600 md:hidden"> 639 WhatsApp 640</a> 641 642<footer class="border-t border-slate-100 bg-white"> 643<div class="h-1 bg-gradient-to-r from-qi-700 via-qi-600 to-qiy-400"></div> 644 <div class="container-max mx-auto px-4 py-8 grid sm:grid-cols-2 lg:grid-cols-[1.1fr_1fr_.7fr] gap-7"> 645 <div> 646 <div class="flex items-center gap-3 mb-3"> 647 <img src="/assets/img/logo.png" alt="QI Telecom" class="h-8 w-8 object-contain"/> 648 <div class="text-sm font-extrabold text-qi-700">QI Telecom</div> 649 </div> 650 <p class="max-w-sm text-xs text-slate-500 leading-relaxed">QI TELECOM à 30 ANOS CONECTANDO PALOTINA E REGIÃO!</p> 651 </div> 652 653 <div class="text-xs"> 654 <div class="text-[11px] font-extrabold uppercase tracking-wider text-slate-800 mb-2">Contato</div> 655 <div class="text-slate-500 space-y-1.5 leading-relaxed"> 656 <div>3649-1486 - 99929-1145 - 0800 887 0563</div> 657 <div>[email protected]</div> 658 <div>Rua Aldir Pedron, 1319 - Centro 659Palotina, Paraná</div> 660 </div> 661 </div> 662 663 <div class="text-xs"> 664 <div class="text-[11px] font-extrabold uppercase tracking-wider text-slate-800 mb-2">Links</div> 665 <div class="text-slate-500 space-y-1.5"> 666 <a class="block hover:text-qi-700" href="/#planos">Planos</a> 667 <a class="block hover:text-qi-700" href="/#faq">Dúvidas Frequentes</a> 668 <a class="block hover:text-qi-700" href="/admin/">Painel Administrativo</a> 669 <a class="block hover:text-qi-700" href="/chamados">Chamados Corporativos</a> 670 <a class="block hover:text-qi-700" href="https://qitelecom.net.br/manualdamarca" target="_blank" rel="noopener">Manual da Marca</a> 671 </div> 672 </div> 673 </div> 674 675 <div class="border-t border-slate-100"> 676 <div class="container-max mx-auto px-4 py-3 flex flex-col md:flex-row items-center justify-between gap-2 text-[11px] text-slate-400"> 677 <div>© 2026 QI Telecom ⢠Todos os direitos reservados</div> 678 <div>Desenvolvido por Fabricio Borri</div> 679 </div> 680 </div> 681</footer> 682 683 684<!-- Modal overlay (Webmail / QI TvPlay / Contrato) --> 685<div id="qiModal" class="fixed inset-0 z-[100] hidden"> 686 <div id="qiModalBackdrop" class="absolute inset-0 bg-black/55"></div> 687 688 <div class="absolute inset-0 flex items-start justify-center p-3 md:p-8 overflow-auto"> 689 <div class="w-full max-w-5xl bg-white rounded-xl shadow-2xl border border-slate-200 overflow-hidden"> 690 <div class="flex items-center justify-between gap-3 px-4 md:px-6 py-4 border-b border-slate-100 bg-white/95 backdrop-blur"> 691 <div class="min-w-0"> 692 <div id="qiModalTitle" class="text-base md:text-lg font-extrabold text-slate-900 truncate">Carregandoâ¦</div> 693 <div class="text-xs text-slate-500">QI Telecom</div> 694 </div> 695 <button id="qiModalClose" class="shrink-0 inline-flex items-center justify-center w-10 h-10 rounded-xl border border-slate-200 hover:bg-slate-50" aria-label="Fechar">â</button> 696 </div> 697 698 <div id="qiModalBody" class="p-4 md:p-6"> 699 <div class="text-slate-600 text-sm">Carregando conteúdoâ¦</div> 700 </div> 701 </div> 702 </div> 703</div> 704
705<script src="/assets/js/app.js?v=1786720516"></script>
705 706</body> 707</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.