Spaces:
Running
Running
| <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Queens777.xyz - Plataforma de Entretenimento Digital</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; | |
| background: linear-gradient(135deg, #1a0933 0%, #2a0b45 100%); | |
| color: #fff; | |
| } | |
| .hero-gradient { | |
| background: linear-gradient(90deg, rgba(106, 17, 203, 0.8) 0%, rgba(37, 117, 252, 0.8) 100%); | |
| } | |
| .feature-card { | |
| background: rgba(255, 255, 255, 0.05); | |
| backdrop-filter: blur(10px); | |
| border: 1px solid rgba(255, 255, 255, 0.1); | |
| transition: all 0.3s ease; | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); | |
| } | |
| .btn-primary { | |
| background: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%); | |
| transition: all 0.3s ease; | |
| } | |
| .btn-primary:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 5px 15px rgba(106, 17, 203, 0.4); | |
| } | |
| .pulse-animation { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { | |
| box-shadow: 0 0 0 0 rgba(106, 17, 203, 0.7); | |
| } | |
| 70% { | |
| box-shadow: 0 0 0 10px rgba(106, 17, 203, 0); | |
| } | |
| 100% { | |
| box-shadow: 0 0 0 0 rgba(106, 17, 203, 0); | |
| } | |
| } | |
| .floating { | |
| animation: floating 3s ease-in-out infinite; | |
| } | |
| @keyframes floating { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-10px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Navigation --> | |
| <nav class="bg-black bg-opacity-30 backdrop-filter backdrop-blur-lg fixed w-full z-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex items-center justify-between h-16"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0"> | |
| <span class="text-white font-bold text-xl">Queens777<span class="text-purple-400">.xyz</span></span> | |
| </div> | |
| </div> | |
| <div class="hidden md:block"> | |
| <div class="ml-10 flex items-baseline space-x-4"> | |
| <a href="#" class="text-white hover:text-purple-300 px-3 py-2 rounded-md text-sm font-medium">Início</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Sobre</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Vantagens</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Depoimentos</a> | |
| <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Contato</a> | |
| </div> | |
| </div> | |
| <div class="hidden md:block"> | |
| <a href="https://queens777.xyz/?id=AF639fa¤cy=BRL&type=2" class="btn-primary text-white px-6 py-2 rounded-full text-sm font-bold">JOGAR AGORA</a> | |
| </div> | |
| <div class="-mr-2 flex md:hidden"> | |
| <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button"> | |
| <span class="sr-only">Open main menu</span> | |
| <svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> | |
| </svg> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div class="hidden md:hidden" id="mobile-menu"> | |
| <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> | |
| <a href="#" class="text-white block px-3 py-2 rounded-md text-base font-medium">Início</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Sobre</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Vantagens</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Depoimentos</a> | |
| <a href="#" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">Contato</a> | |
| <a href="https://queens777.xyz/?id=AF639fa¤cy=BRL&type=2" class="btn-primary text-white block px-3 py-2 rounded-md text-base font-medium text-center">JOGAR AGORA</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="pt-24 pb-16 md:pt-32 md:pb-24 px-4 sm:px-6 lg:px-8"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="md:flex items-center justify-between"> | |
| <div class="md:w-1/2 mb-10 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6"> | |
| <span class="bg-clip-text text-transparent hero-gradient">Entretenimento Digital</span><br> | |
| <span class="text-white">com Oportunidades Reais</span> | |
| </h1> | |
| <p class="text-lg text-gray-300 mb-8 max-w-lg"> | |
| Plataforma inovadora que une tecnologia de ponta com chances reais de ganhos. Jogue com responsabilidade e descubra uma nova forma de entretenimento. | |
| </p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="https://queens777.xyz/?id=AF639fa¤cy=BRL&type=2" class="btn-primary text-white px-8 py-4 rounded-full text-lg font-bold text-center pulse-animation"> | |
| <i class="fas fa-play mr-2"></i> Começar Agora | |
| </a> | |
| <a href="#" class="bg-white bg-opacity-10 hover:bg-opacity-20 text-white px-8 py-4 rounded-full text-lg font-bold text-center border border-white border-opacity-20 transition-all"> | |
| <i class="fas fa-info-circle mr-2"></i> Saiba Mais | |
| </a> | |
| </div> | |
| <div class="mt-8 flex items-center space-x-4"> | |
| <div class="flex -space-x-2"> | |
| <img class="w-10 h-10 rounded-full border-2 border-purple-500" src="https://randomuser.me/api/portraits/women/1.jpg" alt="User 1"> | |
| <img class="w-10 h-10 rounded-full border-2 border-purple-500" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User 2"> | |
| <img class="w-10 h-10 rounded-full border-2 border-purple-500" src="https://randomuser.me/api/portraits/women/2.jpg" alt="User 3"> | |
| </div> | |
| <div> | |
| <p class="text-sm text-gray-300">+10.000 usuários ativos</p> | |
| <div class="flex items-center"> | |
| <i class="fas fa-star text-yellow-400 mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 mr-1"></i> | |
| <span class="ml-2 text-sm text-gray-300">4.9/5</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 relative"> | |
| <div class="relative floating"> | |
| <img src="https://images.unsplash.com/photo-1639762681057-408e52192e55?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2232&q=80" alt="Queens777 Platform" class="rounded-2xl shadow-2xl w-full max-w-lg mx-auto"> | |
| <div class="absolute -bottom-6 -right-6 bg-purple-600 p-4 rounded-xl shadow-lg"> | |
| <div class="text-center"> | |
| <p class="text-sm text-white opacity-80">Prêmio acumulado</p> | |
| <p class="text-2xl font-bold text-white">R$ 1.245.678,90</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features Section --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-black bg-opacity-20"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Por que escolher a Queens777?</h2> | |
| <p class="text-lg text-gray-300 max-w-2xl mx-auto">Nossa plataforma oferece a melhor experiência em entretenimento digital com segurança e transparência.</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> | |
| <!-- Feature 1 --> | |
| <div class="feature-card p-8 rounded-xl"> | |
| <div class="w-16 h-16 bg-purple-600 bg-opacity-20 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-bolt text-2xl text-purple-400"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Pagamentos Ágeis</h3> | |
| <p class="text-gray-300">Sistema de pagamentos rápido e seguro via Pix, com saques processados em até 24 horas.</p> | |
| </div> | |
| <!-- Feature 2 --> | |
| <div class="feature-card p-8 rounded-xl"> | |
| <div class="w-16 h-16 bg-blue-600 bg-opacity-20 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-headset text-2xl text-blue-400"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Suporte Dedicado</h3> | |
| <p class="text-gray-300">Equipe de suporte disponível 24/7 para responder todas as suas dúvidas e solicitações.</p> | |
| </div> | |
| <!-- Feature 3 --> | |
| <div class="feature-card p-8 rounded-xl"> | |
| <div class="w-16 h-16 bg-green-600 bg-opacity-20 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-shield-alt text-2xl text-green-400"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Ambiente Seguro</h3> | |
| <p class="text-gray-300">Plataforma 100% legal e protegida, com tecnologia de ponta para garantir sua segurança.</p> | |
| </div> | |
| <!-- Feature 4 --> | |
| <div class="feature-card p-8 rounded-xl"> | |
| <div class="w-16 h-16 bg-yellow-600 bg-opacity-20 rounded-full flex items-center justify-center mb-6"> | |
| <i class="fas fa-chart-line text-2xl text-yellow-400"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Crescimento Constante</h3> | |
| <p class="text-gray-300">Comunidade em expansão e prêmios cada vez maiores distribuídos aos nossos usuários.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- How It Works Section --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">Como Funciona</h2> | |
| <p class="text-lg text-gray-300 max-w-2xl mx-auto">Em poucos passos você pode começar a aproveitar nossa plataforma.</p> | |
| </div> | |
| <div class="relative"> | |
| <!-- Timeline --> | |
| <div class="hidden md:block absolute left-1/2 top-0 h-full w-1 bg-gradient-to-b from-purple-500 to-blue-500 transform -translate-x-1/2"></div> | |
| <!-- Step 1 --> | |
| <div class="mb-16 md:flex items-center justify-between"> | |
| <div class="md:w-5/12 md:pr-8 mb-8 md:mb-0 order-1"> | |
| <div class="bg-black bg-opacity-20 p-6 rounded-xl"> | |
| <div class="w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center mb-4 -ml-2"> | |
| <span class="text-white font-bold">1</span> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Cadastro Rápido</h3> | |
| <p class="text-gray-300">Crie sua conta em menos de 1 minuto com apenas alguns dados básicos e comece a explorar a plataforma.</p> | |
| </div> | |
| </div> | |
| <div class="md:w-5/12 order-2"> | |
| <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Cadastro" class="rounded-xl shadow-lg w-full"> | |
| </div> | |
| </div> | |
| <!-- Step 2 --> | |
| <div class="mb-16 md:flex items-center justify-between"> | |
| <div class="md:w-5/12 order-2 md:order-1"> | |
| <img src="https://images.unsplash.com/photo-1621761191319-c6fb62004040?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1887&q=80" alt="Depósito" class="rounded-xl shadow-lg w-full"> | |
| </div> | |
| <div class="md:w-5/12 md:pl-8 mb-8 md:mb-0 order-1 md:order-2"> | |
| <div class="bg-black bg-opacity-20 p-6 rounded-xl"> | |
| <div class="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center mb-4 -ml-2"> | |
| <span class="text-white font-bold">2</span> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Faça seu Depósito</h3> | |
| <p class="text-gray-300">Utilize o Pix para fazer depósitos instantâneos e começar a jogar imediatamente.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Step 3 --> | |
| <div class="mb-16 md:flex items-center justify-between"> | |
| <div class="md:w-5/12 md:pr-8 mb-8 md:mb-0 order-1"> | |
| <div class="bg-black bg-opacity-20 p-6 rounded-xl"> | |
| <div class="w-12 h-12 bg-green-500 rounded-full flex items-center justify-center mb-4 -ml-2"> | |
| <span class="text-white font-bold">3</span> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Escolha seu Jogo</h3> | |
| <p class="text-gray-300">Diversas opções de jogos disponíveis, cada um com suas próprias características e chances de ganho.</p> | |
| </div> | |
| </div> | |
| <div class="md:w-5/12 order-2"> | |
| <img src="https://images.unsplash.com/photo-1542751371-adc38448a05e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Jogos" class="rounded-xl shadow-lg w-full"> | |
| </div> | |
| </div> | |
| <!-- Step 4 --> | |
| <div class="md:flex items-center justify-between"> | |
| <div class="md:w-5/12 order-2 md:order-1"> | |
| <img src="https://images.unsplash.com/photo-1601597111158-2fceff292cdc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Ganhos" class="rounded-xl shadow-lg w-full"> | |
| </div> | |
| <div class="md:w-5/12 md:pl-8 mb-8 md:mb-0 order-1 md:order-2"> | |
| <div class="bg-black bg-opacity-20 p-6 rounded-xl"> | |
| <div class="w-12 h-12 bg-yellow-500 rounded-full flex items-center justify-center mb-4 -ml-2"> | |
| <span class="text-white font-bold">4</span> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Receba seus Ganhos</h3> | |
| <p class="text-gray-300">Saque seus ganhos rapidamente e aproveite os frutos do seu entretenimento.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials Section --> | |
| <section class="py-16 px-4 sm:px-6 lg:px-8 bg-black bg-opacity-20"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-4">O que nossos usuários dizem</h2> | |
| <p class="text-lg text-gray-300 max-w-2xl mx-auto">Depoimentos reais de pessoas que já estão aproveitando nossa plataforma.</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Testimonial 1 --> | |
| <div class="feature-card p-8 rounded-xl"> | |
| <div class="flex items-center mb-6"> | |
| <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/32.jpg" alt="User 1"> | |
| <div> | |
| <h4 class="font-bold">Ana Carolina</h4> | |
| <div class="flex items-center"> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-gray-300 italic">"Nunca imaginei que poderia ganhar tanto com entretenimento. A plataforma é super fácil de usar e os saques são realmente rápidos como prometem!"</p> | |
| </div> | |
| <!-- Testimonial 2 --> | |
| <div class="feature-card p-8 rounded-xl"> | |
| <div class="flex items-center mb-6"> | |
| <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/45.jpg" alt="User 2"> | |
| <div> | |
| <h4 class="font-bold">Ricardo Silva</h4> | |
| <div class="flex items-center"> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-gray-300 italic">"O suporte é excelente! Tive um problema com meu primeiro saque e foi resolvido em menos de 1 hora. Recomendo demais a Queens777!"</p> | |
| </div> | |
| <!-- Testimonial 3 --> | |
| <div class="feature-card p-8 rounded-xl"> | |
| <div class="flex items-center mb-6"> | |
| <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/68.jpg" alt="User 3"> | |
| <div> | |
| <h4 class="font-bold">Fernanda Lima</h4> | |
| <div class="flex items-center"> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| <i class="fas fa-star text-yellow-400 text-xs mr-1"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p class="text-gray-300 italic">"A variedade de jogos é incrível e a plataforma é muito estável. Já testei outras, mas nenhuma se compara à experiência oferecida aqui."</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-20 px-4 sm:px-6 lg:px-8 hero-gradient"> | |
| <div class="max-w-4xl mx-auto text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Pronto para começar?</h2> | |
| <p class="text-xl text-white mb-8">Junte-se a milhares de usuários que já estão aproveitando o melhor do entretenimento digital com chances reais de ganhos.</p> | |
| <a href="https://queens777.xyz/?id=AF639fa¤cy=BRL&type=2" class="inline-block bg-white text-purple-600 hover:bg-gray-100 px-10 py-4 rounded-full text-lg font-bold transition-all"> | |
| <i class="fas fa-user-plus mr-2"></i> Criar Minha Conta | |
| </a> | |
| <p class="mt-4 text-white opacity-80">Cadastro rápido e sem complicações</p> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-black bg-opacity-50 py-12 px-4 sm:px-6 lg:px-8"> | |
| <div class="max-w-7xl mx-auto"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div class="md:col-span-2"> | |
| <h3 class="text-white text-xl font-bold mb-4">Queens777.xyz</h3> | |
| <p class="text-gray-400 mb-4">Plataforma de entretenimento digital que une tecnologia de ponta com oportunidades reais de rendimento.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-telegram"></i></a> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-white text-lg font-bold mb-4">Links Úteis</h4> | |
| <ul class="space-y-2"> | |
| <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">Política de Privacidade</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Perguntas Frequentes</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Tutoriais</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-white text-lg font-bold mb-4">Contato</h4> | |
| <ul class="space-y-2"> | |
| <li class="text-gray-400"><i class="fas fa-envelope mr-2"></i> [email protected]</li> | |
| <li class="text-gray-400"><i class="fab fa-telegram mr-2"></i> @queens777suporte</li> | |
| <li class="text-gray-400"><i class="fas fa-clock mr-2"></i> 24/7</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2023 Queens777.xyz - Todos os direitos reservados.</p> | |
| <div class="flex space-x-6"> | |
| <img src="https://logodownload.org/wp-content/uploads/2020/01/pix-bcb-logotipo.png" alt="Pix" class="h-8"> | |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Visa_Inc._logo.svg/2560px-Visa_Inc._logo.svg.png" alt="Visa" class="h-8"> | |
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/MasterCard_Logo.svg/1200px-MasterCard_Logo.svg.png" alt="Mastercard" class="h-8"> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- Fixed CTA Button --> | |
| <div class="fixed bottom-6 right-6 z-50"> | |
| <a href="https://queens777.xyz/?id=AF639fa¤cy=BRL&type=2" class="btn-primary text-white px-6 py-3 rounded-full text-sm font-bold flex items-center shadow-lg"> | |
| <i class="fas fa-play mr-2"></i> JOGAR AGORA | |
| </a> | |
| </div> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('mobile-menu-button').addEventListener('click', function() { | |
| const menu = document.getElementById('mobile-menu'); | |
| if (menu.classList.contains('hidden')) { | |
| menu.classList.remove('hidden'); | |
| menu.classList.add('block'); | |
| } else { | |
| menu.classList.remove('block'); | |
| menu.classList.add('hidden'); | |
| } | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| // Animate elements when they come into view | |
| const observer = new IntersectionObserver((entries) => { | |
| entries.forEach(entry => { | |
| if (entry.isIntersecting) { | |
| entry.target.classList.add('animate-fadeIn'); | |
| } | |
| }); | |
| }, { | |
| threshold: 0.1 | |
| }); | |
| document.querySelectorAll('.feature-card, .hero-gradient').forEach(el => { | |
| observer.observe(el); | |
| }); | |
| </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=Maeufibcahsdx/plataforma-queens777-xyz" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p><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=Maeufibcahsdx/plataforma" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |