ibypasspro / index.html
mcbinho's picture
Add 3 files
546a107 verified
Raw
History Blame Contribute Delete
46.6 kB
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>iBypass Pro - Ativação de iPhones</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>
.gradient-bg {
background: linear-gradient(135deg, #0071e3 0%, #34a853 100%);
}
.device-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);
}
.pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
</style>
</head>
<body class="bg-gray-100 font-sans">
<!-- Header -->
<header class="gradient-bg text-white shadow-lg">
<div class="container mx-auto px-4 py-6">
<div class="flex justify-between items-center">
<div class="flex items-center space-x-2">
<i class="fab fa-apple text-3xl"></i>
<h1 class="text-2xl font-bold">iBypass Pro</h1>
</div>
<nav class="hidden md:flex space-x-6">
<a href="#services" class="hover:text-gray-200 transition">Serviços</a>
<a href="#how-it-works" class="hover:text-gray-200 transition">Como Funciona</a>
<a href="#pricing" class="hover:text-gray-200 transition">Preços</a>
<a href="#contact" class="hover:text-gray-200 transition">Contato</a>
</nav>
<button class="md:hidden text-2xl">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</header>
<!-- Hero Section -->
<section class="gradient-bg 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-10 md:mb-0">
<h2 class="text-4xl md:text-5xl font-bold mb-4">Ativação de iPhone <span class="text-yellow-300">100% Funcional</span></h2>
<p class="text-xl mb-6">Remoção completa de iCloud, FRP e ativação para todos os modelos de iPhone com garantia de satisfação.</p>
<div class="flex space-x-4">
<a href="#pricing" class="bg-white text-blue-600 px-6 py-3 rounded-lg font-bold hover:bg-gray-100 transition duration-300 pulse">Ver Preços</a>
<a href="https://wa.me/5511976387872" class="border-2 border-white text-white px-6 py-3 rounded-lg font-bold hover:bg-white hover:text-blue-600 transition duration-300">Fale no WhatsApp</a>
</div>
</div>
<div class="md:w-1/2 flex justify-center">
<img src="https://cdn.pixabay.com/photo/2016/11/29/08/41/apple-1868496_1280.jpg" alt="iPhone" class="w-full max-w-md rounded-lg shadow-2xl">
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Nossos <span class="text-blue-600">Serviços</span></h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-gray-50 p-6 rounded-xl shadow-md hover:shadow-lg transition">
<div class="text-blue-600 text-4xl mb-4">
<i class="fas fa-cloud"></i>
</div>
<h3 class="text-xl font-bold mb-2">Remoção de iCloud</h3>
<p class="text-gray-600">Removemos permanentemente a conta iCloud do dispositivo, permitindo que você use o iPhone normalmente.</p>
</div>
<div class="bg-gray-50 p-6 rounded-xl shadow-md hover:shadow-lg transition">
<div class="text-blue-600 text-4xl mb-4">
<i class="fas fa-lock-open"></i>
</div>
<h3 class="text-xl font-bold mb-2">Desbloqueio FRP</h3>
<p class="text-gray-600">Removemos a proteção de fábrica (FRP) que impede o uso do dispositivo após reset de fábrica.</p>
</div>
<div class="bg-gray-50 p-6 rounded-xl shadow-md hover:shadow-lg transition">
<div class="text-blue-600 text-4xl mb-4">
<i class="fas fa-mobile-alt"></i>
</div>
<h3 class="text-xl font-bold mb-2">Ativação Completa</h3>
<p class="text-gray-600">Ativamos seu iPhone para uso completo, incluindo chamadas, mensagens e todos os recursos.</p>
</div>
</div>
</div>
</section>
<!-- How It Works -->
<section id="how-it-works" class="py-16 bg-gray-100">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Como <span class="text-blue-600">Funciona</span></h2>
<div class="grid md:grid-cols-4 gap-6">
<div class="flex flex-col items-center text-center">
<div class="bg-blue-600 text-white w-16 h-16 rounded-full flex items-center justify-center text-2xl mb-4">1</div>
<h3 class="font-bold mb-2">Escolha o Modelo</h3>
<p class="text-gray-600">Selecione abaixo o modelo do seu iPhone</p>
</div>
<div class="flex flex-col items-center text-center">
<div class="bg-blue-600 text-white w-16 h-16 rounded-full flex items-center justify-center text-2xl mb-4">2</div>
<h3 class="font-bold mb-2">Faça o Pagamento</h3>
<p class="text-gray-600">Realize o pagamento via PIX ou outro método</p>
</div>
<div class="flex flex-col items-center text-center">
<div class="bg-blue-600 text-white w-16 h-16 rounded-full flex items-center justify-center text-2xl mb-4">3</div>
<h3 class="font-bold mb-2">Envie os Dados</h3>
<p class="text-gray-600">Forneça o IMEI e detalhes do dispositivo</p>
</div>
<div class="flex flex-col items-center text-center">
<div class="bg-blue-600 text-white w-16 h-16 rounded-full flex items-center justify-center text-2xl mb-4">4</div>
<h3 class="font-bold mb-2">Receba o Bypass</h3>
<p class="text-gray-600">Processamos e enviamos as instruções em até 24h</p>
</div>
</div>
</div>
</section>
<!-- Pricing Section -->
<section id="pricing" class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Nossos <span class="text-blue-600">Preços</span></h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- iPhone XR/XS/XS Max -->
<div class="device-card bg-white border border-gray-200 rounded-xl p-6 shadow-md hover:shadow-xl transition duration-300">
<div class="flex justify-between items-start mb-4">
<h3 class="text-xl font-bold">iPhone XR/XS/XS Max</h3>
<span class="bg-blue-100 text-blue-800 text-sm font-semibold px-3 py-1 rounded-full">Popular</span>
</div>
<div class="text-3xl font-bold mb-4">R$ 454</div>
<ul class="space-y-2 mb-6">
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Remoção completa de iCloud</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Desbloqueio FRP</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Ativação permanente</span>
</li>
</ul>
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%20XR/XS/XS%20Max" class="block w-full bg-blue-600 text-white py-3 rounded-lg font-bold hover:bg-blue-700 transition text-center">Comprar Agora</a>
</div>
<!-- iPhone 11 Series -->
<div class="device-card bg-white border border-gray-200 rounded-xl p-6 shadow-md hover:shadow-xl transition duration-300">
<h3 class="text-xl font-bold mb-4">iPhone 11/11 Pro</h3>
<div class="text-3xl font-bold mb-4">R$ 484</div>
<ul class="space-y-2 mb-6">
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Remoção completa de iCloud</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Desbloqueio FRP</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Ativação permanente</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Suporte 24/7</span>
</li>
</ul>
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2011/11%20Pro" class="block w-full bg-blue-600 text-white py-3 rounded-lg font-bold hover:bg-blue-700 transition text-center">Comprar Agora</a>
</div>
<!-- iPhone 12 Series -->
<div class="device-card bg-white border border-gray-200 rounded-xl p-6 shadow-md hover:shadow-xl transition duration-300">
<h3 class="text-xl font-bold mb-4">iPhone 12/12 Pro</h3>
<div class="text-3xl font-bold mb-4">R$ 554</div>
<ul class="space-y-2 mb-6">
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Remoção completa de iCloud</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Desbloqueio FRP</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Ativação permanente</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Suporte 24/7</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Garantia de 30 dias</span>
</li>
</ul>
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2012/12%20Pro" class="block w-full bg-blue-600 text-white py-3 rounded-lg font-bold hover:bg-blue-700 transition text-center">Comprar Agora</a>
</div>
<!-- iPhone 13 Series -->
<div class="device-card bg-white border border-gray-200 rounded-xl p-6 shadow-md hover:shadow-xl transition duration-300">
<h3 class="text-xl font-bold mb-4">iPhone 13/13 Pro</h3>
<div class="text-3xl font-bold mb-4">R$ 604</div>
<ul class="space-y-2 mb-6">
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Remoção completa de iCloud</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Desbloqueio FRP</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Ativação permanente</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Suporte 24/7</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Garantia de 30 dias</span>
</li>
</ul>
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2013/13%20Pro" class="block w-full bg-blue-600 text-white py-3 rounded-lg font-bold hover:bg-blue-700 transition text-center">Comprar Agora</a>
</div>
<!-- iPhone 14 Series -->
<div class="device-card bg-white border border-gray-200 rounded-xl p-6 shadow-md hover:shadow-xl transition duration-300">
<div class="flex justify-between items-start mb-4">
<h3 class="text-xl font-bold">iPhone 14/14 Plus</h3>
<span class="bg-red-100 text-red-800 text-sm font-semibold px-3 py-1 rounded-full">Novo</span>
</div>
<div class="text-3xl font-bold mb-4">R$ 684</div>
<ul class="space-y-2 mb-6">
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Remoção completa de iCloud</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Desbloqueio FRP</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Ativação permanente</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Suporte 24/7</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Garantia de 30 dias</span>
</li>
</ul>
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2014/14%20Plus" class="block w-full bg-blue-600 text-white py-3 rounded-lg font-bold hover:bg-blue-700 transition text-center">Comprar Agora</a>
</div>
<!-- iPhone 15 Series -->
<div class="device-card bg-white border border-gray-200 rounded-xl p-6 shadow-md hover:shadow-xl transition duration-300">
<div class="flex justify-between items-start mb-4">
<h3 class="text-xl font-bold">iPhone 15/15 Pro</h3>
<span class="bg-purple-100 text-purple-800 text-sm font-semibold px-3 py-1 rounded-full">Último Modelo</span>
</div>
<div class="text-3xl font-bold mb-4">R$ 784</div>
<ul class="space-y-2 mb-6">
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Remoção completa de iCloud</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Desbloqueio FRP</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Ativação permanente</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Suporte 24/7</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Garantia de 30 dias</span>
</li>
<li class="flex items-center">
<i class="fas fa-check text-green-500 mr-2"></i>
<span>Suporte prioritário</span>
</li>
</ul>
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2015/15%20Pro" class="block w-full bg-blue-600 text-white py-3 rounded-lg font-bold hover:bg-blue-700 transition text-center">Comprar Agora</a>
</div>
</div>
<!-- Full Price Table -->
<div class="mt-16 bg-gray-50 rounded-xl overflow-hidden shadow-md">
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-100">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Modelo do iPhone</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Preço</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Tempo de Processamento</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ação</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="px-6 py-4 whitespace-nowrap">iPhone XR/XS/XS Max</td>
<td class="px-6 py-4 whitespace-nowrap font-bold">R$ 454</td>
<td class="px-6 py-4 whitespace-nowrap">12-24 horas</td>
<td class="px-6 py-4 whitespace-nowrap">
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%20XR/XS/XS%20Max" class="text-blue-600 hover:text-blue-800 font-bold">Comprar</a>
</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap">iPhone 11</td>
<td class="px-6 py-4 whitespace-nowrap font-bold">R$ 484</td>
<td class="px-6 py-4 whitespace-nowrap">12-24 horas</td>
<td class="px-6 py-4 whitespace-nowrap">
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2011" class="text-blue-600 hover:text-blue-800 font-bold">Comprar</a>
</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap">iPhone 11 Pro/Pro Max</td>
<td class="px-6 py-4 whitespace-nowrap font-bold">R$ 484 - R$ 534</td>
<td class="px-6 py-4 whitespace-nowrap">12-24 horas</td>
<td class="px-6 py-4 whitespace-nowrap">
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2011%20Pro/Pro%20Max" class="text-blue-600 hover:text-blue-800 font-bold">Comprar</a>
</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap">iPhone 12/12 Mini</td>
<td class="px-6 py-4 whitespace-nowrap font-bold">R$ 554 - R$ 450</td>
<td class="px-6 py-4 whitespace-nowrap">12-24 horas</td>
<td class="px-6 py-4 whitespace-nowrap">
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2012/12%20Mini" class="text-blue-600 hover:text-blue-800 font-bold">Comprar</a>
</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap">iPhone 12 Pro/Pro Max</td>
<td class="px-6 py-4 whitespace-nowrap font-bold">R$ 550 - R$ 604</td>
<td class="px-6 py-4 whitespace-nowrap">12-24 horas</td>
<td class="px-6 py-4 whitespace-nowrap">
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2012%20Pro/Pro%20Max" class="text-blue-600 hover:text-blue-800 font-bold">Comprar</a>
</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap">iPhone 13/13 Mini</td>
<td class="px-6 py-4 whitespace-nowrap font-bold">R$ 574 - R$ 484</td>
<td class="px-6 py-4 whitespace-nowrap">12-24 horas</td>
<td class="px-6 py-4 whitespace-nowrap">
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2013/13%20Mini" class="text-blue-600 hover:text-blue-800 font-bold">Comprar</a>
</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap">iPhone 13 Pro/Pro Max</td>
<td class="px-6 py-4 whitespace-nowrap font-bold">R$ 604 - R$ 664</td>
<td class="px-6 py-4 whitespace-nowrap">12-24 horas</td>
<td class="px-6 py-4 whitespace-nowrap">
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2013%20Pro/Pro%20Max" class="text-blue-600 hover:text-blue-800 font-bold">Comprar</a>
</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap">iPhone 14/14 Plus</td>
<td class="px-6 py-4 whitespace-nowrap font-bold">R$ 676 - R$ 684</td>
<td class="px-6 py-4 whitespace-nowrap">24-48 horas</td>
<td class="px-6 py-4 whitespace-nowrap">
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2014/14%20Plus" class="text-blue-600 hover:text-blue-800 font-bold">Comprar</a>
</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap">iPhone 14 Pro Max</td>
<td class="px-6 py-4 whitespace-nowrap font-bold">R$ 724</td>
<td class="px-6 py-4 whitespace-nowrap">24-48 horas</td>
<td class="px-6 py-4 whitespace-nowrap">
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2014%20Pro%20Max" class="text-blue-600 hover:text-blue-800 font-bold">Comprar</a>
</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap">iPhone 15/15 Plus</td>
<td class="px-6 py-4 whitespace-nowrap font-bold">R$ 664 - R$ 694</td>
<td class="px-6 py-4 whitespace-nowrap">24-48 horas</td>
<td class="px-6 py-4 whitespace-nowrap">
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2015/15%20Plus" class="text-blue-600 hover:text-blue-800 font-bold">Comprar</a>
</td>
</tr>
<tr>
<td class="px-6 py-4 whitespace-nowrap">iPhone 15 Pro/Pro Max</td>
<td class="px-6 py-4 whitespace-nowrap font-bold">R$ 784 - R$ 814</td>
<td class="px-6 py-4 whitespace-nowrap">24-48 horas</td>
<td class="px-6 py-4 whitespace-nowrap">
<a href="https://wa.me/5511976387872?text=Olá,%20gostaria%20de%20comprar%20o%20serviço%20de%20bypass%20para%20iPhone%2015%20Pro/Pro%20Max" class="text-blue-600 hover:text-blue-800 font-bold">Comprar</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="py-16 bg-gray-100">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">O que nossos <span class="text-blue-600">clientes</span> dizem</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-white p-6 rounded-xl shadow-md">
<div class="flex items-center mb-4">
<div class="text-yellow-400 text-xl 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 um iPhone XS bloqueado por um preço ótimo e o iBypass Pro resolveu meu problema em menos de 24h. Agora meu iPhone está 100% funcional!"</p>
<div class="flex items-center">
<div class="w-10 h-10 rounded-full bg-gray-300 mr-3"></div>
<div>
<h4 class="font-bold">Carlos Silva</h4>
<p class="text-sm text-gray-500">São Paulo</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-md">
<div class="flex items-center mb-4">
<div class="text-yellow-400 text-xl 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">"Não acreditava que seria possível desbloquear meu iPhone 13 Pro Max, mas a equipe foi super profissional e resolveu tudo rapidamente. Recomendo!"</p>
<div class="flex items-center">
<div class="w-10 h-10 rounded-full bg-gray-300 mr-3"></div>
<div>
<h4 class="font-bold">Ana Oliveira</h4>
<p class="text-sm text-gray-500">Rio de Janeiro</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-md">
<div class="flex items-center mb-4">
<div class="text-yellow-400 text-xl 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">"Serviço excelente! Meu iPhone 11 estava bloqueado há meses e agora está como novo. O suporte foi atencioso e explicou todo o processo."</p>
<div class="flex items-center">
<div class="w-10 h-10 rounded-full bg-gray-300 mr-3"></div>
<div>
<h4 class="font-bold">Roberto Santos</h4>
<p class="text-sm text-gray-500">Belo Horizonte</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Entre em <span class="text-blue-600">Contato</span></h2>
<div class="flex flex-col md:flex-row gap-8">
<div class="md:w-1/2">
<form class="space-y-4">
<div>
<label for="name" class="block text-sm font-medium text-gray-700 mb-1">Nome</label>
<input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500">
</div>
<div>
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
<input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500">
</div>
<div>
<label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Telefone</label>
<input type="tel" id="phone" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500">
</div>
<div>
<label for="model" class="block text-sm font-medium text-gray-700 mb-1">Modelo do iPhone</label>
<select id="model" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500">
<option value="">Selecione um modelo</option>
<option value="xr">iPhone XR/XS/XS Max</option>
<option value="11">iPhone 11/11 Pro/11 Pro Max</option>
<option value="12">iPhone 12/12 Mini/12 Pro/12 Pro Max</option>
<option value="13">iPhone 13/13 Mini/13 Pro/13 Pro Max</option>
<option value="14">iPhone 14/14 Plus/14 Pro Max</option>
<option value="15">iPhone 15/15 Plus/15 Pro/15 Pro Max</option>
</select>
</div>
<div>
<label for="message" class="block text-sm font-medium text-gray-700 mb-1">Mensagem</label>
<textarea id="message" rows="4" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500"></textarea>
</div>
<button type="submit" class="w-full bg-blue-600 text-white py-3 rounded-lg font-bold hover:bg-blue-700 transition">Enviar Mensagem</button>
</form>
</div>
<div class="md:w-1/2">
<div class="bg-gray-50 p-6 rounded-xl h-full">
<h3 class="text-xl font-bold mb-4">Informações de Contato</h3>
<div class="space-y-4">
<div class="flex items-start">
<div class="text-blue-600 text-xl mr-4 mt-1">
<i class="fas fa-envelope"></i>
</div>
<div>
<h4 class="font-bold">Email</h4>
<p class="text-gray-600">contato@ibypasspro.com.br</p>
</div>
</div>
<div class="flex items-start">
<div class="text-blue-600 text-xl mr-4 mt-1">
<i class="fab fa-whatsapp"></i>
</div>
<div>
<h4 class="font-bold">WhatsApp</h4>
<p class="text-gray-600">+55 (11) 97638-7872</p>
</div>
</div>
<div class="flex items-start">
<div class="text-blue-600 text-xl mr-4 mt-1">
<i class="fas fa-clock"></i>
</div>
<div>
<h4 class="font-bold">Horário de Atendimento</h4>
<p class="text-gray-600">Segunda a Sexta: 9h às 18h</p>
<p class="text-gray-600">Sábado: 9h às 13h</p>
</div>
</div>
</div>
<div class="mt-8">
<h3 class="text-xl font-bold mb-4">Formas de Pagamento</h3>
<div class="flex flex-wrap gap-3">
<div class="bg-white p-2 rounded-lg shadow-sm">
<i class="fab fa-cc-pix text-3xl text-green-600"></i>
</div>
<div class="bg-white p-2 rounded-lg shadow-sm">
<i class="fab fa-cc-visa text-3xl text-blue-800"></i>
</div>
<div class="bg-white p-2 rounded-lg shadow-sm">
<i class="fab fa-cc-mastercard text-3xl text-red-600"></i>
</div>
<div class="bg-white p-2 rounded-lg shadow-sm">
<i class="fab fa-cc-paypal text-3xl text-blue-500"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="py-16 bg-gray-100">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Perguntas <span class="text-blue-600">Frequentes</span></h2>
<div class="max-w-3xl mx-auto space-y-4">
<div class="bg-white p-6 rounded-xl shadow-md">
<button class="flex justify-between items-center w-full text-left font-bold text-lg">
<span>O bypass é permanente?</span>
<i class="fas fa-chevron-down text-blue-600"></i>
</button>
<div class="mt-3 text-gray-600 hidden">
Sim, nosso serviço fornece um bypass permanente que não será afetado por atualizações ou reset de fábrica. No entanto, recomendamos não atualizar o iOS por pelo menos 30 dias após o bypass.
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-md">
<button class="flex justify-between items-center w-full text-left font-bold text-lg">
<span>Preciso enviar meu iPhone fisicamente?</span>
<i class="fas fa-chevron-down text-blue-600"></i>
</button>
<div class="mt-3 text-gray-600 hidden">
Não, todo o processo é feito remotamente. Você só precisa nos fornecer o número IMEI do dispositivo e algumas informações adicionais.
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-md">
<button class="flex justify-between items-center w-full text-left font-bold text-lg">
<span>Quanto tempo leva o processo?</span>
<i class="fas fa-chevron-down text-blue-600"></i>
</button>
<div class="mt-3 text-gray-600 hidden">
O tempo varia de acordo com o modelo: iPhones mais antigos (XR/XS/11) geralmente são processados em 12-24 horas, enquanto modelos mais novos (13/14/15) pode levar até 48 horas.
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-md">
<button class="flex justify-between items-center w-full text-left font-bold text-lg">
<span>Há garantia no serviço?</span>
<i class="fas fa-chevron-down text-blue-600"></i>
</button>
<div class="mt-3 text-gray-600 hidden">
Sim, oferecemos garantia de 30 dias para todos os nossos serviços. Se houver qualquer problema dentro deste período, faremos o re-processamento sem custo adicional.
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-md">
<button class="flex justify-between items-center w-full text-left font-bold text-lg">
<span>Todos os recursos do iPhone funcionarão?</span>
<i class="fas fa-chevron-down text-blue-600"></i>
</button>
<div class="mt-3 text-gray-600 hidden">
Sim, após o bypass todos os recursos do iPhone estarão disponíveis, incluindo chamadas, mensagens, App Store, iMessage, FaceTime e outros serviços da Apple.
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-12">
<div class="container mx-auto px-4">
<div class="grid md:grid-cols-4 gap-8">
<div>
<h3 class="text-xl font-bold mb-4 flex items-center">
<i class="fab fa-apple text-2xl mr-2"></i> iBypass Pro
</h3>
<p class="text-gray-400">Serviço profissional de ativação e bypass para iPhones com garantia e suporte 24/7.</p>
</div>
<div>
<h3 class="text-lg font-bold mb-4">Links Rápidos</h3>
<ul class="space-y-2">
<li><a href="#services" class="text-gray-400 hover:text-white transition">Serviços</a></li>
<li><a href="#how-it-works" class="text-gray-400 hover:text-white transition">Como Funciona</a></li>
<li><a href="#pricing" class="text-gray-400 hover:text-white transition">Preços</a></li>
<li><a href="#contact" class="text-gray-400 hover:text-white transition">Contato</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-bold mb-4">Contato</h3>
<ul class="space-y-2 text-gray-400">
<li class="flex items-center">
<i class="fas fa-envelope mr-2"></i>
<span>contato@ibypasspro.com.br</span>
</li>
<li class="flex items-center">
<i class="fab fa-whatsapp mr-2"></i>
<span>+55 (11) 97638-7872</span>
</li>
</ul>
</div>
<div>
<h3 class="text-lg font-bold mb-4">Redes Sociais</h3>
<div class="flex space-x-4">
<a href="#" class="bg-gray-800 w-10 h-10 rounded-full flex items-center justify-center hover:bg-blue-600 transition">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="bg-gray-800 w-10 h-10 rounded-full flex items-center justify-center hover:bg-pink-600 transition">
<i class="fab fa-instagram"></i>
</a>
<a href="#" class="bg-gray-800 w-10 h-10 rounded-full flex items-center justify-center hover:bg-blue-400 transition">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="bg-gray-800 w-10 h-10 rounded-full flex items-center justify-center hover:bg-red-600 transition">
<i class="fab fa-youtube"></i>
</a>
</div>
</div>
</div>
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
<p>&copy; 2023 iBypass Pro. Todos os direitos reservados.</p>
<p class="mt-2 text-sm">Este serviço não é afiliado à Apple Inc. iPhone é uma marca registrada da Apple Inc.</p>
</div>
</div>
</footer>
<!-- WhatsApp Float Button -->
<div class="fixed bottom-6 right-6 z-50">
<a href="https://wa.me/5511976387872" class="bg-green-500 text-white w-16 h-16 rounded-full flex items-center justify-center shadow-lg hover:bg-green-600 transition transform hover:scale-110">
<i class="fab fa-whatsapp text-3xl"></i>
</a>
</div>
<script>
// FAQ Accordion
document.querySelectorAll('#contact form button[type="submit"]').forEach(button => {
button.addEventListener('click', function(e) {
e.preventDefault();
alert('Mensagem enviada com sucesso! Entraremos em contato em breve.');
document.querySelector('#contact form').reset();
});
});
// FAQ Accordion
document.querySelectorAll('.bg-white button').forEach(button => {
button.addEventListener('click', function() {
const content = this.nextElementSibling;
const icon = this.querySelector('i');
if (content.classList.contains('hidden')) {
content.classList.remove('hidden');
icon.classList.remove('fa-chevron-down');
icon.classList.add('fa-chevron-up');
} else {
content.classList.add('hidden');
icon.classList.remove('fa-chevron-up');
icon.classList.add('fa-chevron-down');
}
});
});
// 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'
});
});
});
</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=mcbinho/ibypasspro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>