| <!DOCTYPE html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Plug Tek Casa e Construção | Macapá-AP</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> |
| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); |
| |
| body { |
| font-family: 'Poppins', sans-serif; |
| scroll-behavior: smooth; |
| } |
| |
| .hero-gradient { |
| background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); |
| } |
| |
| .product-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
| } |
| |
| .testimonial-card { |
| transition: all 0.3s ease; |
| } |
| |
| .testimonial-card:hover { |
| transform: scale(1.02); |
| } |
| |
| .floating-button { |
| animation: float 3s ease-in-out infinite; |
| } |
| |
| @keyframes float { |
| 0% { transform: translateY(0px); } |
| 50% { transform: translateY(-10px); } |
| 100% { transform: translateY(0px); } |
| } |
| |
| .parallax { |
| background-attachment: fixed; |
| background-position: center; |
| background-repeat: no-repeat; |
| background-size: cover; |
| } |
| </style> |
| </head> |
| <body class="bg-gray-50"> |
| |
| <a href="https://wa.me/5596999097624?text=Ol%C3%A1!%20Encontrei%20o%20site%20de%20voc%C3%AAs%20e%20me%20interessei%20por%20alguns%20produtos.%0AGostaria%20de%20solicitar%20um%20or%C3%A7amento%2C%20por%20favor!%0APoderiam%20me%20passar%20mais%20informa%C3%A7%C3%B5es%3F%0ADesde%20j%C3%A1%2C%20agrade%C3%A7o%20pela%20aten%C3%A7%C3%A3o!%0AAguardo%20o%20retorno." target="_blank" class="fixed bottom-8 right-8 bg-green-500 text-white w-16 h-16 rounded-full flex items-center justify-center text-2xl shadow-lg z-50 floating-button hover:bg-green-600 transition-colors"> |
| <i class="fab fa-whatsapp"></i> |
| </a> |
|
|
| |
| <header class="bg-white shadow-md sticky top-0 z-40"> |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
| <div class="flex items-center"> |
| <img src="https://via.placeholder.com/50" alt="Plug Tek Logo" class="h-12 mr-3"> |
| <h1 class="text-xl font-bold text-blue-900">Plug Tek <span class="text-blue-600">Casa e Construção</span></h1> |
| </div> |
| |
| <nav class="hidden md:flex space-x-8"> |
| <a href="#inicio" class="text-blue-900 hover:text-blue-600 font-medium">Início</a> |
| <a href="#produtos" class="text-blue-900 hover:text-blue-600 font-medium">Produtos</a> |
| <a href="#sobre" class="text-blue-900 hover:text-blue-600 font-medium">Sobre Nós</a> |
| <a href="#contato" class="text-blue-900 hover:text-blue-600 font-medium">Contato</a> |
| </nav> |
| |
| <button class="md:hidden text-blue-900" id="menu-toggle"> |
| <i class="fas fa-bars text-2xl"></i> |
| </button> |
| </div> |
| |
| |
| <div class="md:hidden hidden bg-white w-full py-4 px-4 shadow-md" id="mobile-menu"> |
| <a href="#inicio" class="block py-2 text-blue-900 hover:text-blue-600">Início</a> |
| <a href="#produtos" class="block py-2 text-blue-900 hover:text-blue-600">Produtos</a> |
| <a href="#sobre" class="block py-2 text-blue-900 hover:text-blue-600">Sobre Nós</a> |
| <a href="#contato" class="block py-2 text-blue-900 hover:text-blue-600">Contato</a> |
| </div> |
| </header> |
|
|
| |
| <section id="inicio" class="hero-gradient text-white py-20 md:py-32"> |
| <div class="container mx-auto px-4 flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-10 md:mb-0"> |
| <h2 class="text-4xl md:text-5xl font-bold mb-6">Tudo para sua obra em um só lugar!</h2> |
| <p class="text-xl mb-8">Materiais de construção de qualidade com os melhores preços de Macapá. Atendemos desde pequenas reformas até grandes construções.</p> |
| <div class="flex flex-col sm:flex-row gap-4"> |
| <a href="https://wa.me/5596999097624?text=Ol%C3%A1!%20Encontrei%20o%20site%20de%20voc%C3%AAs%20e%20me%20interessei%20por%20alguns%20produtos.%0AGostaria%20de%20solicitar%20um%20or%C3%A7amento%2C%20por%20favor!%0APoderiam%20me%20passar%20mais%20informa%C3%A7%C3%B5es%3F%0ADesde%20j%C3%A1%2C%20agrade%C3%A7o%20pela%20aten%C3%A7%C3%A3o!%0AAguardo%20o%20retorno." target="_blank" class="bg-white text-blue-900 font-bold py-3 px-8 rounded-lg hover:bg-gray-100 transition-colors text-center">Solicitar Orçamento</a> |
| <a href="#produtos" class="border-2 border-white text-white font-bold py-3 px-8 rounded-lg hover:bg-white hover:text-blue-900 transition-colors text-center">Ver Produtos</a> |
| </div> |
| </div> |
| <div class="md:w-1/2 flex justify-center"> |
| <img src="https://via.placeholder.com/500x350" alt="Loja Plug Tek" class="rounded-lg shadow-2xl w-full max-w-md"> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div class="bg-gray-50 p-6 rounded-xl text-center"> |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <i class="fas fa-truck text-blue-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-blue-900">Entrega Rápida</h3> |
| <p class="text-gray-600">Entregamos em toda Macapá e região metropolitana no mesmo dia ou agendado.</p> |
| </div> |
| |
| <div class="bg-gray-50 p-6 rounded-xl text-center"> |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <i class="fas fa-percentage text-blue-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-blue-900">Melhor Preço</h3> |
| <p class="text-gray-600">Preços competitivos e condições especiais para pedidos em grande quantidade.</p> |
| </div> |
| |
| <div class="bg-gray-50 p-6 rounded-xl text-center"> |
| <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
| <i class="fas fa-headset text-blue-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold mb-2 text-blue-900">Atendimento Personalizado</h3> |
| <p class="text-gray-600">Equipe especializada para te ajudar a escolher os melhores produtos para sua obra.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="produtos" class="py-16 bg-gray-50"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl font-bold text-blue-900 mb-4">Nossos Produtos em Destaque</h2> |
| <p class="text-gray-600 max-w-2xl mx-auto">Temos uma variedade incrível de produtos: ferramentas, papelaria, descartáveis, utensílios para o lar, elétrica, hidráulica, eletrônicos… é coisa boa que não acaba mais!</p> |
| </div> |
| |
| <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="bg-white rounded-xl overflow-hidden shadow-md product-card transition-all duration-300"> |
| <div class="relative overflow-hidden h-48"> |
| <img src="https://www.plugtekmacapa.com.br/_next/image?url=https%3A%2F%2Fcdn.dooca.store%2F1079%2Fproducts%2Fwind10-12v-60w_1600x1600%2Bfill_ffffff.png%3Fv%3D1694639042&w=1080&q=75" alt="Compressor de Ar Portátil" class="w-full h-full object-cover"> |
| <div class="absolute top-4 right-4 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">DESTAQUE</div> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Compressor de Ar Portátil Wind10 12V 60W</h3> |
| <p class="text-gray-600 mb-4">Compressor direto portátil automotivo, perfeito para viagens e emergências.</p> |
| <div class="flex justify-center mt-4"> |
| <a href="https://www.plugtekmacapa.com.br/products/d0982137-308f-488f-a3e3-410380e9a7d1/Compressor-de-Ar-Direto-Porttil-Automototivo-Wind10-12V-60W-Intech-Machine" target="_blank" class="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors">Comprar</a> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-xl overflow-hidden shadow-md product-card transition-all duration-300"> |
| <div class="relative overflow-hidden h-48"> |
| <img src="https://www.plugtekmacapa.com.br/_next/image?url=https%3A%2F%2Fcdn.dooca.store%2F1079%2Fproducts%2Fbarraca-san-valentin-3-pessoas-camping-e-praia_1600x1600%2Bfill_ffffff.png%3Fv%3D1694639042&w=1080&q=75" alt="Barraca San Valentin" class="w-full h-full object-cover"> |
| <div class="absolute top-4 right-4 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">DESTAQUE</div> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold text-blue-900 mb-2">Barraca San Valentin 3 Pessoas Camping e Praia</h3> |
| <p class="text-gray-600 mb-4">Barraca resistente e prática para 3 pessoas, ideal para camping e praia.</p> |
| <div class="flex justify-center mt-4"> |
| <a href="https://www.plugtekmacapa.com.br/products/d2a568f5-8dc5-46e3-a180-9cbbaf9543ac/Barraca-San-Valentin-3-Pessoas-Camping-e-Praia" target="_blank" class="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors">Comprar</a> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-xl overflow-hidden shadow-md product-card transition-all duration-300"> |
| <div class="relative overflow-hidden h-48"> |
| <img src="https://www.plugtekmacapa.com.br/_next/image?url=https%3A%2F%2Fcdn.dooca.store%2F1079%2Fproducts%2Fxpro-fosco-econ-36l-branco-neve-verb_1600x1600%2Bfill_ffffff.png%3Fv%3D1694639042&w=1080&q=75" alt="XPRO Fosco Econ 36L Branco Neve" class="w-full h-full object-cover"> |
| <div class="absolute top-4 right-4 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">DESTAQUE</div> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-bold text-blue-900 mb-2">XPRO Fosco Econ 36L Branco Neve - VERBRAS</h3> |
| <p class="text-gray-600 mb-4">Tinta acrílica fosca de alta qualidade para pintura interna, rendimento de até 36L.</p> |
| <div class="flex justify-center mt-4"> |
| <a href="https://www.plugtekmacapa.com.br/products/f42e1696-3dec-4119-8ebb-9601e4c79d4f/XPRO-FOSCO-ECON-36L-BRANCO-NEVE--VERBRAS" target="_blank" class="bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors">Comprar</a> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="text-center mt-12"> |
| <a href="https://www.plugtekmacapa.com.br/products" target="_blank" class="inline-block border-2 border-blue-600 text-blue-600 font-bold py-3 px-8 rounded-lg hover:bg-blue-600 hover:text-white transition-colors">Ver Todos os Produtos</a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="sobre" class="py-16 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10"> |
| <img src="https://via.placeholder.com/500x350" alt="Sobre a Plug Tek" class="rounded-lg shadow-xl w-full"> |
| </div> |
| <div class="md:w-1/2"> |
| <h2 class="text-3xl font-bold text-blue-900 mb-6">Sobre a Plug Tek Casa e Construção</h2> |
| <p class="text-gray-600 mb-4">Há mais de 10 anos fazendo parte da vida dos macapaenses, a Plug Tek se tornou uma referência quando o assunto é qualidade, confiança e aquele atendimento que faz você se sentir em casa.</p> |
| <p class="text-gray-600 mb-6">Na Plug Tek Casa e Construção, você encontra tudo o que precisa para o seu dia a dia — seja para sua casa, escritório, construção, lanchonete ou qualquer outro projeto! Oferecemos uma variedade enorme de produtos, sempre com preços justos, atendimento de primeira e a vontade de sempre ir além pra te surpreender. Vem com a gente — aqui, o cuidado começa no primeiro "bom dia"!</p> |
| |
| <div class="grid grid-cols-2 gap-4 mb-6"> |
| <div class="flex items-center"> |
| <div class="bg-blue-100 p-2 rounded-full mr-3"> |
| <i class="fas fa-check text-blue-600"></i> |
| </div> |
| <span class="text-gray-700">Qualidade Garantida</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="bg-blue-100 p-2 rounded-full mr-3"> |
| <i class="fas fa-check text-blue-600"></i> |
| </div> |
| <span class="text-gray-700">Atendimento Personalizado</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="bg-blue-100 p-2 rounded-full mr-3"> |
| <i class="fas fa-check text-blue-600"></i> |
| </div> |
| <span class="text-gray-700">Entrega Rápida</span> |
| </div> |
| <div class="flex items-center"> |
| <div class="bg-blue-100 p-2 rounded-full mr-3"> |
| <i class="fas fa-check text-blue-600"></i> |
| </div> |
| <span class="text-gray-700">Profissionais Qualificados</span> |
| </div> |
| </div> |
| |
| <a href="#contato" class="inline-block bg-blue-600 text-white font-bold py-3 px-8 rounded-lg hover:bg-blue-700 transition-colors">Fale Conosco</a> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="depoimentos" class="py-16 bg-gray-50"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl font-bold text-blue-900 mb-4">O que nossos clientes dizem</h2> |
| <p class="text-gray-600 max-w-2xl mx-auto">A satisfação dos nossos clientes é nossa maior recompensa</p> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| |
| <div class="bg-white p-6 rounded-xl shadow-md testimonial-card"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 mr-2"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 mb-4">"Comprei todos os materiais para minha casa na Plug Tek e fui muito bem atendido. Os preços são ótimos e a entrega foi super rápida!"</p> |
| <div class="flex items-center"> |
| <img src="https://via.placeholder.com/50" alt="Cliente" class="w-10 h-10 rounded-full mr-3"> |
| <h4 class="font-bold text-blue-900">Carlos Silva</h4> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white p-6 rounded-xl shadow-md testimonial-card"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 mr-2"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 mb-4">"Sou cliente há anos e sempre encontro o que preciso. A equipe é muito atenciosa e me ajuda a economizar sem perder qualidade."</p> |
| <div class="flex items-center"> |
| <img src="https://via.placeholder.com/50" alt="Cliente" class="w-10 h-10 rounded-full mr-3"> |
| <h4 class="font-bold text-blue-900">Ana Paula Rocha</h4> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white p-6 rounded-xl shadow-md testimonial-card"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400 mr-2"> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star"></i> |
| <i class="fas fa-star-half-alt"></i> |
| </div> |
| </div> |
| <p class="text-gray-600 mb-4">"Comprei minhas ferramentas na Plug Tek e fiquei super satisfeito! Ótima qualidade, preço justo e atendimento excelente. Recomendo de olhos fechados!"</p> |
| <div class="flex items-center"> |
| <img src="https://via.placeholder.com/50" alt="Cliente" class="w-10 h-10 rounded-full mr-3"> |
| <h4 class="font-bold text-blue-900">Roberto Almeida</h4> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-blue-900 text-white parallax" style="background-image: linear-gradient(rgba(30, 58, 138, 0.9), rgba(30, 58, 138, 0.9)), url('https://via.placeholder.com/1920x1080')"> |
| <div class="container mx-auto px-4 text-center"> |
| <h2 class="text-3xl font-bold mb-6">Precisa de materiais para sua obra?</h2> |
| <p class="text-xl mb-8 max-w-3xl mx-auto">Solicite um orçamento sem compromisso e receba atendimento personalizado de nossos especialistas.</p> |
| <a href="https://wa.me/5596999097624?text=Ol%C3%A1!%20Encontrei%20o%20site%20de%20voc%C3%AAs%20e%20me%20interessei%20por%20alguns%20produtos.%0AGostaria%20de%20solicitar%20um%20or%C3%A7amento%2C%20por%20favor!%0APoderiam%20me%20passar%20mais%20informa%C3%A7%C3%B5es%3F%0ADesde%20j%C3%A1%2C%20agrade%C3%A7o%20pela%20aten%C3%A7%C3%A3o!%0AAguardo%20o%20retorno." target="_blank" class="inline-block bg-white text-blue-900 font-bold py-3 px-8 rounded-lg hover:bg-gray-100 transition-colors">Solicitar Orçamento</a> |
| </div> |
| </section> |
|
|
| |
| <section id="contato" class="py-16 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="max-w-3xl mx-auto text-left"> |
| <h2 class="text-3xl font-bold text-blue-900 mb-6">Entre em Contato</h2> |
| <p class="text-gray-600 mb-8">Estamos à disposição para tirar suas dúvidas, receber sugestões ou fornecer um orçamento personalizado.</p> |
| |
| <div class="space-y-6"> |
| <div class="flex items-start"> |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> |
| <i class="fas fa-map-marker-alt text-blue-600"></i> |
| </div> |
| <div class="text-left"> |
| <h4 class="font-bold text-blue-900 mb-1">Endereço</h4> |
| <p class="text-gray-600">Av. José Mauro S do Nascimento, 290 - Muca, Macapá - AP</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> |
| <i class="fas fa-phone-alt text-blue-600"></i> |
| </div> |
| <div class="text-left"> |
| <h4 class="font-bold text-blue-900 mb-1">Telefone</h4> |
| <p class="text-gray-600">(96) 3313-3797</p> |
| <p class="text-gray-600">(96) 99909-7624 (WhatsApp)</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> |
| <i class="fas fa-envelope text-blue-600"></i> |
| </div> |
| <div class="text-left"> |
| <h4 class="font-bold text-blue-900 mb-1">E-mail</h4> |
| <p class="text-gray-600">contatoclienteplugtek@gmail.com</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> |
| <i class="fas fa-clock text-blue-600"></i> |
| </div> |
| <div class="text-left"> |
| <h4 class="font-bold text-blue-900 mb-1">Horário de Funcionamento</h4> |
| <p class="text-gray-600">Segunda à Sábado: 8h às 19h</p> |
| <p class="text-gray-600">Domingo: 8h às 13h</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-8 text-center"> |
| <h4 class="font-bold text-blue-900 mb-4">Siga-nos nas redes sociais</h4> |
| <div class="flex justify-center space-x-4"> |
| <a href="https://www.facebook.com/plugtekmacapa" target="_blank" class="bg-blue-100 text-blue-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-blue-200 transition-colors"> |
| <i class="fab fa-facebook-f"></i> |
| </a> |
| <a href="https://www.instagram.com/lojaplugtek/" target="_blank" class="bg-blue-100 text-blue-600 w-10 h-10 rounded-full flex items-center justify-center hover:bg-blue-200 transition-colors"> |
| <i class="fab fa-instagram"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="h-96"> |
| <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.818715004644!2d-51.066667!3d0.038611!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMMKwMDInMTAuMCJOIDUxwrAwNCcwMC4wIlc!5e0!3m2!1spt-BR!2sbr!4v1620000000000!5m2!1spt-BR!2sbr" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe> |
| </section> |
|
|
| |
| <footer class="bg-blue-900 text-white py-12"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div class="text-left"> |
| <h3 class="text-xl font-bold mb-4">Plug Tek Casa e Construção</h3> |
| <p class="mb-4">Tudo para sua obra em um só lugar. Materiais de construção de qualidade com os melhores preços de Macapá.</p> |
| <div class="flex space-x-4"> |
| <a href="https://www.facebook.com/plugtekmacapa" target="_blank" class="hover:text-blue-300 transition-colors"><i class="fab fa-facebook-f"></i></a> |
| <a href="https://www.instagram.com/lojaplugtek/" target="_blank" class="hover:text-blue-300 transition-colors"><i class="fab fa-instagram"></i></a> |
| <a href="https://api.whatsapp.com/send/?phone=5596999097624&text=Ol%C3%A1%21+Encontrei+o+site+de+voc%C3%AAs+e+me+interessei+por+alguns+produtos.%0AGostaria+de+solicitar+um+or%C3%A7amento%2C+por+favor%21%0APoderiam+me+passar+mais+informa%C3%A7%C3%B5es%3F%0ADesde+j%C3%A1%2C+agrade%C3%A7o+pela+aten%C3%A7%C3%A3o%21%0AAguardo+o+retorno.&type=phone_number&app_absent=0" target="_blank" class="hover:text-blue-300 transition-colors"><i class="fab fa-whatsapp"></i></a> |
| </div> |
| </div> |
| |
| <div class="text-left"> |
| <h4 class="font-bold text-lg mb-4">Links Úteis</h4> |
| <ul class="space-y-2"> |
| <li><a href="#inicio" class="hover:text-blue-300 transition-colors">Início</a></li> |
| <li><a href="#produtos" class="hover:text-blue-300 transition-colors">Produtos</a></li> |
| <li><a href="#sobre" class="hover:text-blue-300 transition-colors">Sobre Nós</a></li> |
| <li><a href="#depoimentos" class="hover:text-blue-300 transition-colors">Depoimentos</a></li> |
| <li><a href="#contato" class="hover:text-blue-300 transition-colors">Contato</a></li> |
| </ul> |
| </div> |
| |
| <div class="text-left"> |
| <h4 class="font-bold text-lg mb-4">Categorias</h4> |
| <ul class="space-y-2"> |
| <li><a href="https://www.plugtekmacapa.com.br/products?c=EL%C3%89TRICA" target="_blank" class="hover:text-blue-300 transition-colors">Elétrica</a></li> |
| <li><a href="https://www.plugtekmacapa.com.br/products?c=CONSTRU%C3%87%C3%83O" target="_blank" class="hover:text-blue-300 transition-colors">Construção</a></li> |
| <li><a href="https://www.plugtekmacapa.com.br/products?c=DESCART%C3%81VEIS" target="_blank" class="hover:text-blue-300 transition-colors">Descartáveis</a></li> |
| <li><a href="https://www.plugtekmacapa.com.br/products?c=PAPELARIA" target="_blank" class="hover:text-blue-300 transition-colors">Papelaria</a></li> |
| <li><a href="https://www.plugtekmacapa.com.br/products?c=UTENS%C3%8DLIOS" target="_blank" class="hover:text-blue-300 transition-colors">Utensílios</a></li> |
| </ul> |
| </div> |
| |
| </div> |
| |
| <div class="border-t border-blue-800 mt-12 pt-8 text-center text-sm"> |
| <p>© 2025 Plug Tek Casa e Construção. Todos os direitos reservados.</p> |
| <p class="mt-2">Desenvolvido com ❤️ para Macapá-AP</p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| document.getElementById('menu-toggle').addEventListener('click', function() { |
| const menu = document.getElementById('mobile-menu'); |
| menu.classList.toggle('hidden'); |
| }); |
| |
| |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| anchor.addEventListener('click', function (e) { |
| e.preventDefault(); |
| |
| const targetId = this.getAttribute('href'); |
| const targetElement = document.querySelector(targetId); |
| |
| if (targetElement) { |
| window.scrollTo({ |
| top: targetElement.offsetTop - 80, |
| behavior: 'smooth' |
| }); |
| |
| |
| const mobileMenu = document.getElementById('mobile-menu'); |
| if (!mobileMenu.classList.contains('hidden')) { |
| mobileMenu.classList.add('hidden'); |
| } |
| } |
| }); |
| }); |
| |
| |
| const contactForm = document.querySelector('form'); |
| if (contactForm) { |
| contactForm.addEventListener('submit', function(e) { |
| e.preventDefault(); |
| alert('Mensagem enviada com sucesso! Entraremos em contato em breve.'); |
| this.reset(); |
| }); |
| } |
| </script> |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=sebastiaoonter/plug-tek-finality" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
