LINKS

<div id="vestaer-links-container"> <div class="links-content"> <div class="links-header"> <img src="https://cdn.awsli.com.br/2583/2583561/logo/vestaer-logo-branca.png" alt="VESTAER" class="links-logo"> <p class="links-subtitle">Hardware de Elitep> div> <div class="links-list"> <a href="https://www.vestaer.com.br/loja/busca.php?loja=1164823&palavra_busca=oferta" class="link-item btn-ciano"> <i class="fas fa-rocket">i> OFERTAS DE HOJE | + FPS a> <a href="https://www.vestaer.com.br/mouses" class="link-item btn-roxo"> <i class="fas fa-mouse">i> ARSENAL COMPLETO (MOUSES) a> <a href="https://www.vestaer.com.br/water-cooler" class="link-item btn-roxo"> <i class="fas fa-snowflake">i> UPGRADE TÉRMICO (WATER COOLERS) a> <a href="https://www.vestaer.com.br/monitores" class="link-item btn-roxo"> <i class="fas fa-desktop">i> MONITORES E TELAS AUXILIARES a> <a href="https://wa.me/5585984572044?text=Olá! Estava na página de links e gostaria de tirar uma dúvida sobre um hardware." target="_blank" class="link-item btn-verde"> <i class="fab fa-whatsapp">i> FALAR COM ESPECIALISTA a> div> <div class="links-footer"> <p>Não conte histórias, conte FPS.p> div> div> div> <style> /* Estilização para Desktop e Mobile */ #vestaer-links-container { background: radial-gradient(circle, #1a1a1a 0%, #000000 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; font-family: 'Montserrat', sans-serif; } .links-content { width: 100%; max-width: 450px; /* Mantém o visual de 'app' no Desktop conforme discutido */ text-align: center; } .links-logo { max-width: 200px; margin-bottom: 5px; filter: drop-shadow(0 0 10px rgba(255,255,255,0.1)); } .links-subtitle { color: #00a6a9; /* Subtítulo em Ciano para destaque tecnológico */ font-size: 13px; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 35px; font-weight: 300; } .links-list { display: flex; flex-direction: column; gap: 18px; } /* Estilo dos Botões - Foco em Conversão */ .link-item { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 18px; border-radius: 12px; text-decoration: none !important; font-weight: 700; transition: all 0.3s ease; font-size: 14px; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.1); } /* Efeito Hover para PC (Gera mais cliques) */ .link-item:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.5); filter: brightness(1.1); } .btn-ciano { background-color: #00a6a9; } .btn-roxo { background-color: #4436af; } .btn-verde { background-color: #25d366; } .links-footer { margin-top: 50px; color: #fff; font-size: 14px; opacity: 0.6; letter-spacing: 1px; } /* Remove elementos desnecessários da Loja Integrada nesta página específica */ #cabecalho, #rodape, .atalhos-mobile { display: none !important; } style> <script> // Se o usuário tentar acessar via link direto mas a página carregar dentro do layout padrão // esse script ajuda a manter o foco total nos links. console.log("VESTAER Links Experience Loaded"); script> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">