| <!DOCTYPE html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>LIMAPRINT3D - Impressão 3D Profissional</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;600;700&display=swap'); |
| |
| body { |
| font-family: 'Poppins', sans-serif; |
| background-color: #000; |
| color: #fff; |
| } |
| |
| .logo { |
| font-family: 'Poppins', sans-serif; |
| font-weight: 700; |
| color: #fff; |
| position: relative; |
| } |
| |
| .logo-3d { |
| font-size: 0.6em; |
| position: absolute; |
| top: -0.8em; |
| right: 0; |
| color: #fff; |
| background-color: #f97316; |
| padding: 0 0.3em; |
| border-radius: 3px; |
| } |
| |
| .slogan { |
| color: #fff; |
| font-style: italic; |
| font-size: 0.8rem; |
| } |
| |
| .banner { |
| height: 500px; |
| background-size: cover; |
| background-position: center; |
| transition: background-image 0.5s ease-in-out; |
| } |
| |
| .product-card { |
| transition: transform 0.3s ease, box-shadow 0.3s ease; |
| background-color: #111; |
| border: 1px solid #333; |
| } |
| |
| .product-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 20px rgba(249, 115, 22, 0.2); |
| border-color: #f97316; |
| } |
| |
| .service-icon { |
| color: #f97316; |
| font-size: 2.5rem; |
| } |
| |
| .nav-link { |
| position: relative; |
| } |
| |
| .nav-link::after { |
| content: ''; |
| position: absolute; |
| width: 0; |
| height: 2px; |
| bottom: 0; |
| left: 0; |
| background-color: #f97316; |
| transition: width 0.3s ease; |
| } |
| |
| .nav-link:hover::after { |
| width: 100%; |
| } |
| |
| .btn-primary { |
| background-color: #f97316; |
| transition: all 0.3s ease; |
| } |
| |
| .btn-primary:hover { |
| background-color: #ea580c; |
| transform: translateY(-2px); |
| box-shadow: 0 4px 8px rgba(249, 115, 22, 0.3); |
| } |
| |
| .section-title { |
| position: relative; |
| display: inline-block; |
| } |
| |
| .section-title::after { |
| content: ''; |
| position: absolute; |
| width: 50%; |
| height: 3px; |
| bottom: -5px; |
| left: 25%; |
| background-color: #f97316; |
| } |
| |
| .banner-overlay { |
| background-color: rgba(0, 0, 0, 0.5); |
| } |
| |
| .footer-link:hover { |
| color: #f97316; |
| } |
| |
| .product-grid { |
| display: grid; |
| grid-template-columns: repeat(5, 1fr); |
| gap: 1.5rem; |
| } |
| |
| @media (max-width: 1280px) { |
| .product-grid { |
| grid-template-columns: repeat(3, 1fr); |
| } |
| } |
| |
| @media (max-width: 768px) { |
| .product-grid { |
| grid-template-columns: repeat(2, 1fr); |
| } |
| } |
| |
| @media (max-width: 480px) { |
| .product-grid { |
| grid-template-columns: 1fr; |
| } |
| } |
| </style> |
| </head> |
| <body> |
| |
| <header class="sticky top-0 z-50 bg-black bg-opacity-90 backdrop-blur-sm border-b border-gray-800"> |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
| <div class="flex items-center space-x-2"> |
| <div class="w-10 h-10 rounded-full bg-orange-500 flex items-center justify-center"> |
| <i class="fas fa-cube text-white text-xl"></i> |
| </div> |
| <div class="relative"> |
| <h1 class="logo text-2xl">LIMAPRINT<span class="logo-3d">3D</span></h1> |
| <p class="slogan text-white">Dando forma às suas ideias, camada por camada!</p> |
| </div> |
| </div> |
| |
| <nav class="hidden md:flex space-x-8"> |
| <a href="#home" class="nav-link text-white hover:text-orange-500">Início</a> |
| <a href="#services" class="nav-link text-white hover:text-orange-500">Serviços</a> |
| <a href="#products" class="nav-link text-white hover:text-orange-500">Produtos</a> |
| <a href="#about" class="nav-link text-white hover:text-orange-500">Sobre</a> |
| <a href="#contact" class="nav-link text-white hover:text-orange-500">Contato</a> |
| </nav> |
| |
| <button class="md:hidden text-white"> |
| <i class="fas fa-bars text-2xl"></i> |
| </button> |
| </div> |
| </header> |
|
|
| |
| <section id="home" class="banner relative" style="background-image: url('https://images.unsplash.com/photo-1581094271901-8022df4466f9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');"> |
| <div class="banner-overlay absolute inset-0 flex items-center"> |
| <div class="container mx-auto px-4"> |
| <div class="max-w-2xl"> |
| <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-4">Tecnologia 3D para <span class="text-orange-500">transformar</span> suas ideias</h1> |
| <p class="text-lg text-gray-300 mb-8">Da prototipagem rápida à produção de peças técnicas, oferecemos soluções personalizadas em impressão 3D com qualidade industrial.</p> |
| <div class="flex space-x-4"> |
| <a href="#products" class="btn-primary text-white px-6 py-3 rounded-lg font-medium">Nossos Produtos</a> |
| <a href="#contact" class="border border-orange-500 text-orange-500 px-6 py-3 rounded-lg font-medium hover:bg-orange-500 hover:text-white transition">Orçamento</a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="services" class="py-16 bg-gray-900"> |
| <div class="container mx-auto px-4"> |
| <h2 class="section-title text-3xl font-bold text-center mb-12">Nossos <span class="text-orange-500">Serviços</span></h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| |
| <div class="bg-gray-800 rounded-xl p-6 text-center hover:bg-gray-700 transition"> |
| <div class="h-40 mb-4 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1623874514711-0f824325a17d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Prototipagem Rápida" class="h-full w-full object-cover rounded-lg"> |
| </div> |
| <h3 class="text-xl font-semibold mb-3">Prototipagem Rápida</h3> |
| <p class="text-gray-300">Transforme seus conceitos em protótipos funcionais rapidamente, permitindo testes e validações antes da produção em larga escala.</p> |
| </div> |
| |
| |
| <div class="bg-gray-800 rounded-xl p-6 text-center hover:bg-gray-700 transition"> |
| <div class="h-40 mb-4 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1620395458835-5a8a4c4f0a7e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Peças Técnicas" class="h-full w-full object-cover rounded-lg"> |
| </div> |
| <h3 class="text-xl font-semibold mb-3">Peças Técnicas</h3> |
| <p class="text-gray-300">Produção de componentes técnicos com alta precisão dimensional e resistência mecânica para aplicações industriales.</p> |
| </div> |
| |
| |
| <div class="bg-gray-800 rounded-xl p-6 text-center hover:bg-gray-700 transition"> |
| <div class="h-40 mb-4 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1623341214821-7e9944b106ed?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Acabamento Personalizado" class="h-full w-full object-cover rounded-lg"> |
| </div> |
| <h3 class="text-xl font-semibold mb-3">Acabamento Personalizado</h3> |
| <p class="text-gray-300">Serviços de pós-processamento incluindo lixamento, pintura, metalização e outros tratamentos superficiais.</p> |
| </div> |
| |
| |
| <div class="bg-gray-800 rounded-xl p-6 text-center hover:bg-gray-700 transition"> |
| <div class="h-40 mb-4 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1623341214821-7e9944b106ed?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Modelagem 3D" class="h-full w-full object-cover rounded-lg"> |
| </div> |
| <h3 class="text-xl font-semibold mb-3">Modelagem 3D</h3> |
| <p class="text-gray-300">Criação e otimização de modelos 3D para impressão, garantindo a melhor orientação e suportes para sua peça.</p> |
| </div> |
| |
| |
| <div class="bg-gray-800 rounded-xl p-6 text-center hover:bg-gray-700 transition"> |
| <div class="h-40 mb-4 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1620395458835-5a8a4c4f0a7e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Peças Sob Demanda" class="h-full w-full object-cover rounded-lg"> |
| </div> |
| <h3 class="text-xl font-semibold mb-3">Peças Sob Demanda</h3> |
| <p class="text-gray-300">Produção de peças únicas ou pequenas séries conforme sua necessidade, sem custos de moldagem ou ferramental.</p> |
| </div> |
| |
| |
| <div class="bg-gray-800 rounded-xl p-6 text-center hover:bg-gray-700 transition"> |
| <div class="h-40 mb-4 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1623341214821-7e9944b106ed?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Reparos e Substituição" class="h-full w-full object-cover rounded-lg"> |
| </div> |
| <h3 class="text-xl font-semibold mb-3">Reparos e Substituição</h3> |
| <p class="text-gray-300">Replicação de peças quebradas ou descontinuadas, mantendo seu equipamento em funcionamento.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="products" class="py-16 bg-black"> |
| <div class="container mx-auto px-4"> |
| <h2 class="section-title text-3xl font-bold text-center mb-12">Nossos <span class="text-orange-500">Produtos</span></h2> |
| |
| <div class="product-grid"> |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <div class="h-48 bg-gray-800 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1623874514711-0f824325a17d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Peças técnicas em 3D" class="w-full h-full object-cover"> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold mb-2">Peças Técnicas em ABS</h3> |
| <p class="text-gray-400 mb-4">Componentes industriais resistentes produzidos em ABS com alta precisão dimensional.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-orange-500 font-bold">A partir de R$ 45,00</span> |
| <button class="btn-primary px-4 py-2 rounded-lg text-sm">Detalhes</button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <div class="h-48 bg-gray-800 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1620395458835-5a8a4c4f0a7e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Prototipagem rápida" class="w-full h-full object-cover"> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold mb-2">Prototipagem em PLA</h3> |
| <p class="text-gray-400 mb-4">Modelos conceituais e funcionais em PLA, ideal para validação de projetos.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-orange-500 font-bold">A partir de R$ 30,00</span> |
| <button class="btn-primary px-4 py-2 rounded-lg text-sm">Detalhes</button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <div class="h-48 bg-gray-800 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1623341214821-7e9944b106ed?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Peças em PETG" class="w-full h-full object-cover"> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold mb-2">Peças em PETG</h3> |
| <p class="text-gray-400 mb-4">Material com excelente resistência química e térmica para aplicações específicas.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-orange-500 font-bold">A partir de R$ 55,00</span> |
| <button class="btn-primary px-4 py-2 rounded-lg text-sm">Detalhes</button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <div class="h-48 bg-gray-800 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1623874514711-0f824325a17d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Peças flexíveis" class="w-full h-full object-cover"> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold mb-2">Peças Flexíveis em TPU</h3> |
| <p class="text-gray-400 mb-4">Componentes com propriedades elásticas para aplicações que exigem flexibilidade.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-orange-500 font-bold">A partir de R$ 65,00</span> |
| <button class="btn-primary px-4 py-2 rounded-lg text-sm">Detalhes</button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <div class="h-48 bg-gray-800 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1620395458835-5a8a4c4f0a7e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Peças em resina" class="w-full h-full object-cover"> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold mb-2">Peças em Resina</h3> |
| <p class="text-gray-400 mb-4">Alta resolução e acabamento superficial superior para peças detalhadas.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-orange-500 font-bold">A partir de R$ 75,00</span> |
| <button class="btn-primary px-4 py-2 rounded-lg text-sm">Detalhes</button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <div class="h-48 bg-gray-800 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1623341214821-7e9944b106ed?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Peças em nylon" class="w-full h-full object-cover"> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold mb-2">Peças em Nylon</h3> |
| <p class="text-gray-400 mb-4">Material de engenharia com excelente resistência mecânica e térmica.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-orange-500 font-bold">A partir de R$ 90,00</span> |
| <button class="btn-primary px-4 py-2 rounded-lg text-sm">Detalhes</button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <div class="h-48 bg-gray-800 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1623874514711-0f824325a17d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Peças em policarbonato" class="w-full h-full object-cover"> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold mb-2">Peças em Policarbonato</h3> |
| <p class="text-gray-400 mb-4">Alta resistência ao impacto e transparência para aplicações específicas.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-orange-500 font-bold">A partir de R$ 85,00</span> |
| <button class="btn-primary px-4 py-2 rounded-lg text-sm">Detalhes</button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <div class="h-48 bg-gray-800 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1620395458835-5a8a4c4f0a7e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Peças em fibra de carbono" class="w-full h-full object-cover"> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold mb-2">Peças em Fibra de Carbono</h3> |
| <p class="text-gray-400 mb-4">Alta resistência mecânica com baixo peso para aplicações avançadas.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-orange-500 font-bold">A partir de R$ 120,00</span> |
| <button class="btn-primary px-4 py-2 rounded-lg text-sm">Detalhes</button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <div class="h-48 bg-gray-800 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1623341214821-7e9944b106ed?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Peças em HIPS" class="w-full h-full object-cover"> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold mb-2">Peças em HIPS</h3> |
| <p class="text-gray-400 mb-4">Material solúvel em limoneno, ideal para suportes complexos.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-orange-500 font-bold">A partir de R$ 50,00</span> |
| <button class="btn-primary px-4 py-2 rounded-lg text-sm">Detalhes</button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="product-card rounded-lg overflow-hidden"> |
| <div class="h-48 bg-gray-800 flex items-center justify-center"> |
| <img src="https://images.unsplash.com/photo-1623874514711-0f824325a17d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Peças em PVA" class="w-full h-full object-cover"> |
| </div> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold mb-2">Peças em PVA</h3> |
| <p class="text-gray-400 mb-4">Material solúvel em água para suportes complexos em impressão dual.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-orange-500 font-bold">A partir de R$ 70,00</span> |
| <button class="btn-primary px-4 py-2 rounded-lg text-sm">Detalhes</button> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="text-center mt-12"> |
| <a href="#" class="btn-primary inline-block px-8 py-3 rounded-lg font-medium">Ver Todos os Produtos</a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="about" class="py-16 bg-gray-900"> |
| <div class="container mx-auto px-4"> |
| <div class="flex flex-col lg:flex-row items-center"> |
| <div class="lg:w-1/2 mb-8 lg:mb-0 lg:pr-12"> |
| <h2 class="section-title text-3xl font-bold mb-6">Sobre a <span class="text-orange-500">LIMAPRINT3D</span></h2> |
| <p class="text-gray-300 mb-4">Fundada em 2018, a LIMAPRINT3D surgiu com a missão de democratizar o acesso à tecnologia de impressão 3D profissional, oferecendo soluções personalizadas para empresas e profissionais criativos.</p> |
| <p class="text-gray-300 mb-6">Com uma equipe de engenheiros e designers especializados, investimos continuamente em equipamentos de última geração e materiais de alta qualidade para atender às demandas mais exigentes do mercado.</p> |
| |
| <div class="grid grid-cols-2 gap-4 mb-6"> |
| <div class="bg-gray-800 p-4 rounded-lg"> |
| <div class="text-orange-500 text-2xl mb-2"> |
| <i class="fas fa-print"></i> |
| </div> |
| <h3 class="font-semibold mb-1">+15 Impressoras</h3> |
| <p class="text-sm text-gray-400">Tecnologias FDM, SLA e SLS</p> |
| </div> |
| <div class="bg-gray-800 p-4 rounded-lg"> |
| <div class="text-orange-500 text-2xl mb-2"> |
| <i class="fas fa-project-diagram"></i> |
| </div> |
| <h3 class="font-semibold mb-1">+500 Projetos</h3> |
| <p class="text-sm text-gray-400">Realizados com sucesso</p> |
| </div> |
| </div> |
| |
| <a href="#contact" class="btn-primary inline-block px-6 py-3 rounded-lg font-medium">Fale Conosco</a> |
| </div> |
| |
| <div class="lg:w-1/2"> |
| <div class="bg-gray-800 rounded-xl overflow-hidden"> |
| <img src="https://images.unsplash.com/photo-1623874514711-0f824325a17d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Equipe LIMAPRINT3D" class="w-full h-auto object-cover"> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section id="contact" class="py-16 bg-black"> |
| <div class="container mx-auto px-4"> |
| <h2 class="section-title text-3xl font-bold text-center mb-12">Entre em <span class="text-orange-500">Contato</span></h2> |
| |
| <div class="flex flex-col lg:flex-row gap-12"> |
| <div class="lg:w-1/2"> |
| <form class="space-y-6"> |
| <div> |
| <label for="name" class="block text-gray-300 mb-2">Nome</label> |
| <input type="text" id="name" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500 text-white"> |
| </div> |
| <div> |
| <label for="email" class="block text-gray-300 mb-2">E-mail</label> |
| <input type="email" id="email" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500 text-white"> |
| </div> |
| <div> |
| <label for="phone" class="block text-gray-300 mb-2">Telefone</label> |
| <input type="tel" id="phone" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500 text-white"> |
| </div> |
| <div> |
| <label for="message" class="block text-gray-300 mb-2">Mensagem</label> |
| <textarea id="message" rows="5" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-orange-500 text-white"></textarea> |
| </div> |
| <button type="submit" class="btn-primary w-full py-3 rounded-lg font-medium">Enviar Mensagem</button> |
| </form> |
| </div> |
| |
| <div class="lg:w-1/2"> |
| <div class="bg-gray-900 p-8 rounded-xl"> |
| <h3 class="text-xl font-semibold mb-6">Informações de Contato</h3> |
| |
| <div class="space-y-6"> |
| <div class="flex items-start"> |
| <div class="text-orange-500 mr-4 mt-1"> |
| <i class="fas fa-map-marker-alt"></i> |
| </div> |
| <div> |
| <h4 class="font-medium mb-1">Endereço</h4> |
| <p class="text-gray-400">Rua da Impressão 3D, 123<br>Centro, São Paulo - SP</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <div class="text-orange-500 mr-4 mt-1"> |
| <i class="fas fa-phone-alt"></i> |
| </div> |
| <div> |
| <h4 class="font-medium mb-1">Telefone</h4> |
| <p class="text-gray-400">(11) 98765-4321<br>(11) 1234-5678</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <div class="text-orange-500 mr-4 mt-1"> |
| <i class="fas fa-envelope"></i> |
| </div> |
| <div> |
| <h4 class="font-medium mb-1">E-mail</h4> |
| <p class="text-gray-400">contato@limaprint3d.com.br<br>orcamentos@limaprint3d.com.br</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <div class="text-orange-500 mr-4 mt-1"> |
| <i class="fas fa-clock"></i> |
| </div> |
| <div> |
| <h4 class="font-medium mb-1">Horário de Funcionamento</h4> |
| <p class="text-gray-400">Segunda a Sexta: 9h às 18h<br>Sábado: 9h às 13h</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-8"> |
| <h4 class="font-medium mb-4">Siga-nos</h4> |
| <div class="flex space-x-4"> |
| <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center text-orange-500 hover:bg-orange-500 hover:text-white transition"> |
| <i class="fab fa-instagram"></i> |
| </a> |
| <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center text-orange-500 hover:bg-orange-500 hover:text-white transition"> |
| <i class="fab fa-facebook-f"></i> |
| </a> |
| <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center text-orange-500 hover:bg-orange-500 hover:text-white transition"> |
| <i class="fab fa-linkedin-in"></i> |
| </a> |
| <a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center text-orange-500 hover:bg-orange-500 hover:text-white transition"> |
| <i class="fab fa-youtube"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-gray-900 py-8"> |
| <div class="container mx-auto px-4"> |
| <div class="flex flex-col md:flex-row justify-between items-center"> |
| <div class="mb-6 md:mb-0"> |
| <div class="flex items-center space-x-2"> |
| <div class="w-8 h-8 rounded-full bg-orange-500 flex items-center justify-center"> |
| <i class="fas fa-cube text-white"></i> |
| </div> |
| <h2 class="logo text-xl">LIMAPRINT<span class="logo-3d">3D</span></h2> |
| </div> |
| <p class="slogan text-white text-xs mt-1">Dando forma às suas ideias, camada por camada!</p> |
| </div> |
| |
| <div class="flex flex-wrap justify-center gap-6"> |
| <a href="#home" class="footer-link text-gray-400 hover:text-orange-500 transition">Início</a> |
| <a href="#services" class="footer-link text-gray-400 hover:text-orange-500 transition">Serviços</a> |
| <a href="#products" class="footer-link text-gray-400 hover:text-orange-500 transition">Produtos</a> |
| <a href="#about" class="footer-link text-gray-400 hover:text-orange-500 transition">Sobre</a> |
| <a href="#contact" class="footer-link text-gray-400 hover:text-orange-500 transition">Contato</a> |
| <a href="#" class="footer-link text-gray-400 hover:text-orange-500 transition">Termos</a> |
| <a href="#" class="footer-link text-gray-400 hover:text-orange-500 transition">Privacidade</a> |
| </div> |
| </div> |
| |
| <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500 text-sm"> |
| <p>© 2023 LIMAPRINT3D. Todos os direitos reservados.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| |
| <script> |
| document.addEventListener('DOMContentLoaded', function() { |
| const banner = document.querySelector('.banner'); |
| const images = [ |
| 'https://images.unsplash.com/photo-1623874514711-0f824325a17d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80', |
| 'https://images.unsplash.com/photo-1620395458835-5a8a4c4f0a7e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80', |
| 'https://images.unsplash.com/photo-1623341214821-7e9944b106ed?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80', |
| 'https://images.unsplash.com/photo-1581094271901-8022df4466f9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80' |
| ]; |
| |
| let currentImage = 0; |
| |
| function changeBannerImage() { |
| currentImage = (currentImage + 1) % images.length; |
| banner.style.backgroundImage = `url('${images[currentImage]}')`; |
| } |
| |
| setInterval(changeBannerImage, 3000); |
| |
| |
| 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' |
| }); |
| } |
| }); |
| }); |
| }); |
| </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=LIMATEC/limaprint" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
