downsell / index.html
Wjcomercio's picture
so altere os 3 Guias, eu não informei. mas são esses Títulos dos Ebooks: 1. “10 Estratégias Infalíveis para Divulgar Seu Delivery Sem Gastar Muito” 2. “Guia Prático: Como Criar um Cardápio Campeão e Aumentar seu Ticket Médio” 3. “Checklist dos 7 Passos para Abrir Seu Delivery e Começar a Vender Ainda Esta Semana” - Follow Up Deployment
3d3bbb0 verified
Raw
History Blame Contribute Delete
17.9 kB
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Última Chance para Alavancar seu Delivery</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>
.pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.countdown {
font-family: 'Courier New', monospace;
}
</style>
</head>
<body class="bg-gray-50 font-sans">
<!-- Header -->
<header class="bg-orange-600 text-white py-8 px-4">
<div class="container mx-auto text-center">
<h1 class="text-3xl md:text-4xl font-bold mb-4">
<i class="fas fa-exclamation-triangle mr-2"></i> ⏳ Atenção! Última Chance para Alavancar seu Delivery Antes de Fechar Essa Página!
</h1>
<p class="text-xl md:text-2xl">
3 Guias Práticos Para Você Começar Seu Delivery, Vender Mais e Lucrar Sem Depender de Aplicativos!
</p>
</div>
</header>
<!-- Benefits Section -->
<section class="py-12 px-4 bg-white">
<div class="container mx-auto">
<h2 class="text-2xl md:text-3xl font-bold text-center mb-8 text-gray-800">
O Que Você Vai Aprender Com Esses Guias?
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-orange-50 p-6 rounded-lg shadow-md">
<div class="text-orange-600 text-4xl mb-4">
<i class="fas fa-rocket"></i>
</div>
<h3 class="text-xl font-bold mb-2 text-gray-800">Comece Rápido</h3>
<p class="text-gray-600">Estratégias comprovadas para estruturar seu delivery em menos de 7 dias, mesmo começando do zero.</p>
</div>
<div class="bg-orange-50 p-6 rounded-lg shadow-md">
<div class="text-orange-600 text-4xl mb-4">
<i class="fas fa-chart-line"></i>
</div>
<h3 class="text-xl font-bold mb-2 text-gray-800">Aumente Seus Lucros</h3>
<p class="text-gray-600">Técnicas para aumentar em até 3x o faturamento do seu delivery sem aumentar custos.</p>
</div>
<div class="bg-orange-50 p-6 rounded-lg shadow-md">
<div class="text-orange-600 text-4xl mb-4">
<i class="fas fa-unlink"></i>
</div>
<h3 class="text-xl font-bold mb-2 text-gray-800">Independência</h3>
<p class="text-gray-600">Como reduzir sua dependência de aplicativos e manter mais lucro para você.</p>
</div>
</div>
</div>
</section>
<!-- Ebooks Section -->
<section class="py-12 px-4 bg-gray-100">
<div class="container mx-auto">
<h2 class="text-2xl md:text-3xl font-bold text-center mb-8 text-gray-800">
Conheça Seus 3 Guias Exclusivos
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
<!-- Ebook 1 -->
<div class="bg-white p-6 rounded-lg shadow-lg transform hover:scale-105 transition duration-300">
<div class="text-center mb-4">
<i class="fas fa-book-open text-5xl text-orange-600"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-center text-gray-800">Guia #1: 10 Estratégias Infalíveis para Divulgar Seu Delivery Sem Gastar Muito</h3>
<p class="text-gray-600 mb-4">Técnicas comprovadas de marketing digital e divulgação orgânica para atrair clientes sem depender de anúncios caros ou aplicativos.</p>
<div class="bg-orange-100 p-3 rounded">
<p class="text-orange-800 font-medium"><i class="fas fa-check-circle mr-2"></i> Divulgação eficaz sem investir em anúncios</p>
</div>
</div>
<!-- Ebook 2 -->
<div class="bg-white p-6 rounded-lg shadow-lg transform hover:scale-105 transition duration-300">
<div class="text-center mb-4">
<i class="fas fa-money-bill-wave text-5xl text-orange-600"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-center text-gray-800">Guia #2: Como Criar um Cardápio Campeão e Aumentar seu Ticket Médio</h3>
<p class="text-gray-600 mb-4">Métodos profissionais de organização e apresentação de cardápio que aumentam as vendas e o valor médio dos pedidos.</p>
<div class="bg-orange-100 p-3 rounded">
<p class="text-orange-800 font-medium"><i class="fas fa-check-circle mr-2"></i> Aumente seu ticket médio em 50%</p>
</div>
</div>
<!-- Ebook 3 -->
<div class="bg-white p-6 rounded-lg shadow-lg transform hover:scale-105 transition duration-300">
<div class="text-center mb-4">
<i class="fas fa-truck text-5xl text-orange-600"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-center text-gray-800">Guia #3: Checklist dos 7 Passos para Abrir Seu Delivery e Começar a Vender Ainda Esta Semana</h3>
<p class="text-gray-600 mb-4">Planejamento passo-a-passo desde a estruturação até as primeiras vendas, com cronograma acelerado para resultados rápidos.</p>
<div class="bg-orange-100 p-3 rounded">
<p class="text-orange-800 font-medium"><i class="fas fa-check-circle mr-2"></i> Comece a operar em menos de 7 dias</p>
</div>
</div>
</div>
<div class="text-center">
<p class="text-lg mb-4">
<i class="fas fa-star text-orange-500 mr-2"></i>
<span class="font-bold">Bônus Exclusivo:</span> Checklist de Implementação Rápida (valor R$47, hoje GRÁTIS)
</p>
</div>
</div>
</section>
<!-- Urgency Section -->
<section class="py-12 px-4 bg-orange-600 text-white">
<div class="container mx-auto text-center">
<h2 class="text-2xl md:text-3xl font-bold mb-6">
<i class="fas fa-clock mr-2"></i> Esta Oferta Expira Quando Você Sair Desta Página!
</h2>
<div class="max-w-2xl mx-auto bg-orange-700 p-6 rounded-lg shadow-lg mb-8">
<div class="flex justify-center items-center mb-4">
<div class="mr-4">
<i class="fas fa-exclamation-circle text-3xl"></i>
</div>
<div>
<p class="text-lg font-bold">Depois que você sair, não haverá segunda chance!</p>
<p>Essa é sua última oportunidade de garantir esses 3 guias completos por um preço especial.</p>
</div>
</div>
<div class="bg-white text-orange-600 p-4 rounded-lg mb-4">
<p class="text-xl font-bold">Tempo Restante Para Oferta:</p>
<div id="countdown" class="text-3xl font-bold countdown my-2">05:00</div>
<p class="text-sm">Quando o tempo acabar, esta oferta desaparecerá para sempre</p>
</div>
<div class="flex flex-col md:flex-row justify-center items-center">
<div class="mb-4 md:mb-0 md:mr-8">
<p class="text-xl line-through">De R$97</p>
<p class="text-4xl font-bold">Por Apenas R$27</p>
<p class="text-sm">ou 3x de R$9,70 no cartão</p>
</div>
<button id="buyButton" class="bg-green-600 hover:bg-green-700 text-white font-bold py-4 px-8 rounded-lg text-xl pulse transform transition duration-300 hover:scale-105">
<i class="fas fa-lock mr-2"></i> QUERO GARANTIR AGORA MEU ACESSO
</button>
</div>
</div>
<div class="max-w-2xl mx-auto bg-white text-gray-800 p-6 rounded-lg shadow-lg">
<div class="flex items-start">
<div class="mr-4 text-orange-600 text-3xl">
<i class="fas fa-shield-alt"></i>
</div>
<div>
<h3 class="text-xl font-bold mb-2">Garantia de Satisfação</h3>
<p>Estes guias foram criados por especialistas com mais de 10 anos no mercado de delivery, com estratégias comprovadas que funcionam para pequenos e médios negócios. São materiais 100% práticos que você pode aplicar imediatamente para ver resultados.</p>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="py-12 px-4 bg-white">
<div class="container mx-auto max-w-4xl">
<h2 class="text-2xl md:text-3xl font-bold text-center mb-8 text-gray-800">
Perguntas Frequentes
</h2>
<div class="space-y-4">
<div class="border border-gray-200 rounded-lg p-4">
<button class="faq-toggle w-full text-left font-bold text-lg flex justify-between items-center">
<span>Como receberei os guias?</span>
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-content mt-2 hidden text-gray-600">
Imediatamente após a confirmação do pagamento, você receberá um e-mail com os links para download dos 3 guias em formato PDF, que você pode acessar em qualquer dispositivo.
</div>
</div>
<div class="border border-gray-200 rounded-lg p-4">
<button class="faq-toggle w-full text-left font-bold text-lg flex justify-between items-center">
<span>Preciso ter experiência em delivery?</span>
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-content mt-2 hidden text-gray-600">
Não! Os guias foram criados especialmente para quem está começando ou quer melhorar seu delivery atual. Tudo é explicado passo a passo, desde o básico até técnicas avançadas.
</div>
</div>
<div class="border border-gray-200 rounded-lg p-4">
<button class="faq-toggle w-full text-left font-bold text-lg flex justify-between items-center">
<span>Posso pagar com cartão de crédito?</span>
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-content mt-2 hidden text-gray-600">
Sim! Aceitamos todos os cartões de crédito em até 12x (com juros) ou à vista com desconto. Também aceitamos Pix e boleto bancário.
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-800 text-white py-8 px-4">
<div class="container mx-auto">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<h3 class="text-xl font-bold mb-4">Delivery Experts</h3>
<p>Especialistas em ajudar pequenos e médios negócios a alavancarem seus deliveries desde 2012.</p>
</div>
<div>
<h3 class="text-xl font-bold mb-4">Links Rápidos</h3>
<ul class="space-y-2">
<li><a href="#" class="hover:text-orange-400">Termos de Uso</a></li>
<li><a href="#" class="hover:text-orange-400">Política de Privacidade</a></li>
<li><a href="#" class="hover:text-orange-400">Contato</a></li>
</ul>
</div>
<div>
<h3 class="text-xl font-bold mb-4">Suporte</h3>
<p><i class="fas fa-envelope mr-2"></i> suporte@deliveryexperts.com.br</p>
<p class="mt-2"><i class="fas fa-phone mr-2"></i> (11) 1234-5678</p>
</div>
</div>
<div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
<p>© 2023 Delivery Experts. Todos os direitos reservados.</p>
<p class="mt-2 text-sm">Os resultados podem variar de acordo com a aplicação das estratégias.</p>
</div>
</div>
</footer>
<script>
// Countdown Timer
let timeLeft = 5 * 60; // 5 minutes in seconds
const countdownElement = document.getElementById('countdown');
const countdown = setInterval(() => {
const minutes = Math.floor(timeLeft / 60);
let seconds = timeLeft % 60;
seconds = seconds < 10 ? '0' + seconds : seconds;
countdownElement.textContent = `${minutes}:${seconds}`;
if (timeLeft <= 60) {
countdownElement.classList.add('text-red-400');
}
if (timeLeft <= 0) {
clearInterval(countdown);
countdownElement.textContent = "Oferta Expirada!";
document.getElementById('buyButton').disabled = true;
document.getElementById('buyButton').classList.remove('bg-green-600', 'hover:bg-green-700', 'pulse');
document.getElementById('buyButton').classList.add('bg-gray-500', 'cursor-not-allowed');
} else {
timeLeft--;
}
}, 1000);
// FAQ Toggle
document.querySelectorAll('.faq-toggle').forEach(button => {
button.addEventListener('click', () => {
const content = button.nextElementSibling;
const icon = button.querySelector('i');
content.classList.toggle('hidden');
if (content.classList.contains('hidden')) {
icon.classList.remove('fa-chevron-up');
icon.classList.add('fa-chevron-down');
} else {
icon.classList.remove('fa-chevron-down');
icon.classList.add('fa-chevron-up');
}
});
});
// Buy Button Animation
document.getElementById('buyButton').addEventListener('click', function() {
// In a real scenario, this would redirect to checkout
alert('Redirecionando para a página de pagamento seguro...');
});
// Exit Intent Popup
document.addEventListener('mouseout', (e) => {
if (!e.toElement && !e.relatedTarget) {
const popup = document.createElement('div');
popup.className = 'fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center z-50 p-4';
popup.innerHTML = `
<div class="bg-white rounded-lg p-6 max-w-md w-full relative">
<button class="absolute top-2 right-2 text-gray-500 hover:text-gray-700">
<i class="fas fa-times"></i>
</button>
<h3 class="text-xl font-bold mb-4 text-orange-600">Espere! Sua Oferta Está Prestes a Expirar!</h3>
<p class="mb-4">Você está prestes a perder esta oferta exclusiva por apenas R$27. Esta é sua última chance!</p>
<button class="w-full bg-orange-600 hover:bg-orange-700 text-white font-bold py-3 px-4 rounded">
<i class="fas fa-lock mr-2"></i> QUERO GARANTIR MEU ACESSO AGORA
</button>
</div>
`;
document.body.appendChild(popup);
popup.querySelector('button').addEventListener('click', () => {
document.body.removeChild(popup);
});
// Remove the event listener after showing once
document.removeEventListener('mouseout', arguments.callee);
}
});
</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=Wjcomercio/captura-de-lead" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>