Spaces:
Running
Running
Crie um ecommerce de loja de smartwatch e fone bluetooh. Utilize esse site como referência: https://www.flordelisacessorios.com/ - Initial Deployment
be17f29 verified | <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>TechWear - Smartwatches e Fones Bluetooth</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <style> | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| } | |
| .product-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 20px rgba(0,0,0,0.1); | |
| } | |
| .discount-badge { | |
| position: absolute; | |
| top: 10px; | |
| right: 10px; | |
| background: #ef4444; | |
| color: white; | |
| padding: 2px 8px; | |
| border-radius: 4px; | |
| font-size: 12px; | |
| font-weight: 600; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Header --> | |
| <header class="bg-white shadow-sm sticky top-0 z-50"> | |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> | |
| <div class="flex items-center space-x-2"> | |
| <i data-feather="watch" class="text-blue-600"></i> | |
| <h1 class="text-xl font-bold text-blue-600">TechWear</h1> | |
| </div> | |
| <nav class="hidden md:flex space-x-6"> | |
| <a href="#" class="font-medium text-gray-700 hover:text-blue-600">Home</a> | |
| <a href="#" class="font-medium text-gray-700 hover:text-blue-600">Smartwatches</a> | |
| <a href="#" class="font-medium text-gray-700 hover:text-blue-600">Fones Bluetooth</a> | |
| <a href="#" class="font-medium text-gray-700 hover:text-blue-600">Ofertas</a> | |
| <a href="#" class="font-medium text-gray-700 hover:text-blue-600">Contato</a> | |
| </nav> | |
| <div class="flex items-center space-x-4"> | |
| <a href="#" class="text-gray-700 hover:text-blue-600"> | |
| <i data-feather="search"></i> | |
| </a> | |
| <a href="#" class="text-gray-700 hover:text-blue-600"> | |
| <i data-feather="user"></i> | |
| </a> | |
| <a href="#" class="text-gray-700 hover:text-blue-600 relative"> | |
| <i data-feather="shopping-cart"></i> | |
| <span class="absolute -top-2 -right-2 bg-blue-600 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">0</span> | |
| </a> | |
| <button class="md:hidden text-gray-700"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Banner --> | |
| <section class="bg-gradient-to-r from-blue-500 to-blue-600 text-white py-16"> | |
| <div class="container mx-auto px-4 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-8 md:mb-0"> | |
| <h2 class="text-4xl font-bold mb-4">Tecnologia que veste você</h2> | |
| <p class="text-lg mb-6">Os melhores smartwatches e fones bluetooth com até 30% de desconto</p> | |
| <button class="bg-white text-blue-600 font-medium px-6 py-2 rounded-full hover:bg-gray-100 transition">Compre agora</button> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <img src="https://images.unsplash.com/photo-1556740738-b6a63e27c4df?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Smartwatch e Fones Bluetooth" class="rounded-lg shadow-xl max-w-md w-full"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Categories --> | |
| <section class="py-12 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-2xl font-bold text-center mb-8">Nossas Categorias</h2> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> | |
| <a href="#" class="bg-gray-100 rounded-lg p-6 text-center hover:bg-blue-50 transition"> | |
| <div class="bg-blue-100 rounded-full p-4 inline-block mb-3"> | |
| <i data-feather="watch" class="text-blue-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-medium">Smartwatches</h3> | |
| </a> | |
| <a href="#" class="bg-gray-100 rounded-lg p-6 text-center hover:bg-blue-50 transition"> | |
| <div class="bg-blue-100 rounded-full p-4 inline-block mb-3"> | |
| <i data-feather="headphones" class="text-blue-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-medium">Fones Bluetooth</h3> | |
| </a> | |
| <a href="#" class="bg-gray-100 rounded-lg p-6 text-center hover:bg-blue-50 transition"> | |
| <div class="bg-blue-100 rounded-full p-4 inline-block mb-3"> | |
| <i data-feather="battery-charging" class="text-blue-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-medium">Acessórios</h3> | |
| </a> | |
| <a href="#" class="bg-gray-100 rounded-lg p-6 text-center hover:bg-blue-50 transition"> | |
| <div class="bg-blue-100 rounded-full p-4 inline-block mb-3"> | |
| <i data-feather="percent" class="text-blue-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-medium">Ofertas</h3> | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Featured Products --> | |
| <section class="py-12 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex justify-between items-center mb-8"> | |
| <h2 class="text-2xl font-bold">Smartwatches em Destaque</h2> | |
| <a href="#" class="text-blue-600 font-medium flex items-center"> | |
| Ver todos <i data-feather="chevron-right" class="ml-1"></i> | |
| </a> | |
| </div> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6"> | |
| <!-- Product 1 --> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm product-card transition duration-300 relative"> | |
| <div class="discount-badge">-20%</div> | |
| <img src="https://images.unsplash.com/photo-1523275335684-37898b6baf30?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Smartwatch Model X" class="w-full h-48 object-cover"> | |
| <div class="p-4"> | |
| <h3 class="font-medium text-gray-800 mb-1">Smartwatch Model X</h3> | |
| <div class="flex items-center mb-2"> | |
| <div class="flex text-yellow-400"> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| </div> | |
| <span class="text-gray-500 text-sm ml-1">(128)</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <span class="text-lg font-bold text-gray-800">R$ 399,90</span> | |
| <span class="text-sm text-gray-500 line-through ml-2">R$ 499,90</span> | |
| </div> | |
| <button class="mt-3 w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition">Adicionar ao carrinho</button> | |
| </div> | |
| </div> | |
| <!-- Product 2 --> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm product-card transition duration-300"> | |
| <img src="https://images.unsplash.com/photo-1579586337278-3befd80fd20a?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Smartwatch Pro 2" class="w-full h-48 object-cover"> | |
| <div class="p-4"> | |
| <h3 class="font-medium text-gray-800 mb-1">Smartwatch Pro 2</h3> | |
| <div class="flex items-center mb-2"> | |
| <div class="flex text-yellow-400"> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current text-gray-300"></i> | |
| </div> | |
| <span class="text-gray-500 text-sm ml-1">(87)</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <span class="text-lg font-bold text-gray-800">R$ 599,90</span> | |
| </div> | |
| <button class="mt-3 w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition">Adicionar ao carrinho</button> | |
| </div> | |
| </div> | |
| <!-- Product 3 --> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm product-card transition duration-300 relative"> | |
| <div class="discount-badge">-15%</div> | |
| <img src="https://images.unsplash.com/photo-1546868871-7041f2a55e12?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Smartwatch Fitness" class="w-full h-48 object-cover"> | |
| <div class="p-4"> | |
| <h3 class="font-medium text-gray-800 mb-1">Smartwatch Fitness</h3> | |
| <div class="flex items-center mb-2"> | |
| <div class="flex text-yellow-400"> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| </div> | |
| <span class="text-gray-500 text-sm ml-1">(214)</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <span class="text-lg font-bold text-gray-800">R$ 349,90</span> | |
| <span class="text-sm text-gray-500 line-through ml-2">R$ 409,90</span> | |
| </div> | |
| <button class="mt-3 w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition">Adicionar ao carrinho</button> | |
| </div> | |
| </div> | |
| <!-- Product 4 --> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm product-card transition duration-300"> | |
| <img src="https://images.unsplash.com/photo-1523170335258-f5ed1181a1dd?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Smartwatch Elegance" class="w-full h-48 object-cover"> | |
| <div class="p-4"> | |
| <h3 class="font-medium text-gray-800 mb-1">Smartwatch Elegance</h3> | |
| <div class="flex items-center mb-2"> | |
| <div class="flex text-yellow-400"> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current text-gray-300"></i> | |
| </div> | |
| <span class="text-gray-500 text-sm ml-1">(56)</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <span class="text-lg font-bold text-gray-800">R$ 459,90</span> | |
| </div> | |
| <button class="mt-3 w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition">Adicionar ao carrinho</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Bluetooth Headphones Section --> | |
| <section class="py-12 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex justify-between items-center mb-8"> | |
| <h2 class="text-2xl font-bold">Fones Bluetooth em Destaque</h2> | |
| <a href="#" class="text-blue-600 font-medium flex items-center"> | |
| Ver todos <i data-feather="chevron-right" class="ml-1"></i> | |
| </a> | |
| </div> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6"> | |
| <!-- Product 1 --> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm product-card transition duration-300 relative"> | |
| <div class="discount-badge">-25%</div> | |
| <img src="https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Fone Bluetooth Pro" class="w-full h-48 object-cover"> | |
| <div class="p-4"> | |
| <h3 class="font-medium text-gray-800 mb-1">Fone Bluetooth Pro</h3> | |
| <div class="flex items-center mb-2"> | |
| <div class="flex text-yellow-400"> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| </div> | |
| <span class="text-gray-500 text-sm ml-1">(189)</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <span class="text-lg font-bold text-gray-800">R$ 299,90</span> | |
| <span class="text-sm text-gray-500 line-through ml-2">R$ 399,90</span> | |
| </div> | |
| <button class="mt-3 w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition">Adicionar ao carrinho</button> | |
| </div> | |
| </div> | |
| <!-- Product 2 --> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm product-card transition duration-300"> | |
| <img src="https://images.unsplash.com/photo-1590658268037-6bf12165ee8a?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Fone Bluetooth Sport" class="w-full h-48 object-cover"> | |
| <div class="p-4"> | |
| <h3 class="font-medium text-gray-800 mb-1">Fone Bluetooth Sport</h3> | |
| <div class="flex items-center mb-2"> | |
| <div class="flex text-yellow-400"> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current text-gray-300"></i> | |
| </div> | |
| <span class="text-gray-500 text-sm ml-1">(76)</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <span class="text-lg font-bold text-gray-800">R$ 249,90</span> | |
| </div> | |
| <button class="mt-3 w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition">Adicionar ao carrinho</button> | |
| </div> | |
| </div> | |
| <!-- Product 3 --> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm product-card transition duration-300 relative"> | |
| <div class="discount-badge">-30%</div> | |
| <img src="https://images.unsplash.com/photo-1572569511254-d8f925fe2cbb?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Fone Bluetooth Elite" class="w-full h-48 object-cover"> | |
| <div class="p-4"> | |
| <h3 class="font-medium text-gray-800 mb-1">Fone Bluetooth Elite</h3> | |
| <div class="flex items-center mb-2"> | |
| <div class="flex text-yellow-400"> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| </div> | |
| <span class="text-gray-500 text-sm ml-1">(243)</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <span class="text-lg font-bold text-gray-800">R$ 349,90</span> | |
| <span class="text-sm text-gray-500 line-through ml-2">R$ 499,90</span> | |
| </div> | |
| <button class="mt-3 w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition">Adicionar ao carrinho</button> | |
| </div> | |
| </div> | |
| <!-- Product 4 --> | |
| <div class="bg-white rounded-lg overflow-hidden shadow-sm product-card transition duration-300"> | |
| <img src="https://images.unsplash.com/photo-1578301978010-4675c121c7e1?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Fone Bluetooth Mini" class="w-full h-48 object-cover"> | |
| <div class="p-4"> | |
| <h3 class="font-medium text-gray-800 mb-1">Fone Bluetooth Mini</h3> | |
| <div class="flex items-center mb-2"> | |
| <div class="flex text-yellow-400"> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current"></i> | |
| <i data-feather="star" class="w-4 h-4 fill-current text-gray-300"></i> | |
| </div> | |
| <span class="text-gray-500 text-sm ml-1">(92)</span> | |
| </div> | |
| <div class="flex items-center"> | |
| <span class="text-lg font-bold text-gray-800">R$ 199,90</span> | |
| </div> | |
| <button class="mt-3 w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition">Adicionar ao carrinho</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features --> | |
| <section class="py-12 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-2xl font-bold text-center mb-8">Por que comprar na TechWear?</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="bg-white p-6 rounded-lg shadow-sm text-center"> | |
| <div class="bg-blue-100 rounded-full p-4 inline-block mb-4"> | |
| <i data-feather="truck" class="text-blue-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-medium text-lg mb-2">Frete Grátis</h3> | |
| <p class="text-gray-600">Para compras acima de R$ 299 em todo o Brasil</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-sm text-center"> | |
| <div class="bg-blue-100 rounded-full p-4 inline-block mb-4"> | |
| <i data-feather="shield" class="text-blue-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-medium text-lg mb-2">Garantia</h3> | |
| <p class="text-gray-600">12 meses de garantia em todos os produtos</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-sm text-center"> | |
| <div class="bg-blue-100 rounded-full p-4 inline-block mb-4"> | |
| <i data-feather="credit-card" class="text-blue-600 w-8 h-8"></i> | |
| </div> | |
| <h3 class="font-medium text-lg mb-2">Parcelamento</h3> | |
| <p class="text-gray-600">Em até 12x sem juros no cartão</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Newsletter --> | |
| <section class="py-12 bg-blue-600 text-white"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h2 class="text-2xl font-bold mb-4">Receba nossas ofertas</h2> | |
| <p class="mb-6 max-w-2xl mx-auto">Cadastre-se e receba as melhores promoções de smartwatches e fones bluetooth diretamente no seu e-mail.</p> | |
| <div class="max-w-md mx-auto flex"> | |
| <input type="email" placeholder="Seu melhor e-mail" class="flex-grow px-4 py-2 rounded-l-lg focus:outline-none text-gray-800"> | |
| <button class="bg-blue-800 px-6 py-2 rounded-r-lg hover:bg-blue-900 transition">Cadastrar</button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 text-white py-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <div class="flex items-center space-x-2 mb-4"> | |
| <i data-feather="watch" class="text-blue-400"></i> | |
| <h3 class="text-xl font-bold">TechWear</h3> | |
| </div> | |
| <p class="text-gray-400">A melhor loja de smartwatches e fones bluetooth do Brasil.</p> | |
| <div class="flex space-x-4 mt-4"> | |
| <a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-lg mb-4">Institucional</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Sobre nós</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Política de privacidade</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Termos de uso</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Trocas e devoluções</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-lg mb-4">Atendimento</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Central de ajuda</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Meus pedidos</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Contato</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Dúvidas frequentes</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-lg mb-4">Formas de pagamento</h4> | |
| <div class="grid grid-cols-3 gap-2"> | |
| <div class="bg-white p-2 rounded"> | |
| <img src="https://logodownload.org/wp-content/uploads/2014/05/visa-logo-1.png" alt="Visa" class="h-6 object-contain"> | |
| </div> | |
| <div class="bg-white p-2 rounded"> | |
| <img src="https://logodownload.org/wp-content/uploads/2014/05/mastercard-logo.png" alt="Mastercard" class="h-6 object-contain"> | |
| </div> | |
| <div class="bg-white p-2 rounded"> | |
| <img src="https://logodownload.org/wp-content/uploads/2014/05/elo-logo-1.png" alt="Elo" class="h-6 object-contain"> | |
| </div> | |
| <div class="bg-white p-2 rounded"> | |
| <img src="https://logodownload.org/wp-content/uploads/2014/05/hipercard-logo.png" alt="Hipercard" class="h-6 object-contain"> | |
| </div> | |
| <div class="bg-white p-2 rounded"> | |
| <img src="https://logodownload.org/wp-content/uploads/2014/05/boleto-logo.png" alt="Boleto" class="h-6 object-contain"> | |
| </div> | |
| <div class="bg-white p-2 rounded"> | |
| <img src="https://logodownload.org/wp-content/uploads/2019/02/pix-logo-banco-central.png" alt="Pix" class="h-6 object-contain"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400"> | |
| <p>© 2023 TechWear. Todos os direitos reservados.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> | |