curso-de-importa-o / index.html
Domingosj's picture
undefined - Initial Deployment
c0d5c84 verified
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curso de Importação - Domine o Mercado Global</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>
.hero-gradient {
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
}
.payment-card {
transition: all 0.3s ease;
}
.payment-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.floating-button {
animation: float 3s ease-in-out infinite;
}
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0px); }
}
</style>
</head>
<body class="font-sans bg-gray-50">
<!-- WhatsApp Floating Button -->
<a href="https://wa.me/message/3ICA6DYGBNUHP1" target="_blank" class="fixed bottom-6 right-6 bg-green-500 text-white w-14 h-14 rounded-full flex items-center justify-center text-2xl shadow-lg z-50 hover:bg-green-600 transition-all floating-button">
<i class="fab fa-whatsapp"></i>
</a>
<!-- Header/Nav -->
<header class="bg-white shadow-sm sticky top-0 z-40">
<div class="container mx-auto px-4 py-4 flex justify-between items-center">
<div class="flex items-center">
<i class="fas fa-globe-americas text-blue-600 text-2xl mr-2"></i>
<h1 class="text-xl font-bold text-gray-800">ImportMaster</h1>
</div>
<a href="#comprar" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium transition-colors">
Comprar Agora
</a>
</div>
</header>
<!-- Hero Section -->
<section class="hero-gradient text-white py-16 md:py-24">
<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">
<h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">Domine o Mercado de Importação e Multiplique Seus Lucros</h1>
<p class="text-xl mb-8 opacity-90">Aprenda com especialistas como importar produtos de qualidade a preços competitivos e vender com grandes margens de lucro.</p>
<div class="flex flex-col sm:flex-row gap-4">
<a href="#comprar" class="bg-white text-blue-600 hover:bg-gray-100 font-bold py-3 px-6 rounded-lg text-center transition-colors">
Quero Comprar Agora
</a>
<a href="#conteudo" class="border-2 border-white text-white hover:bg-white hover:text-blue-600 font-bold py-3 px-6 rounded-lg text-center transition-colors">
Ver Conteúdo
</a>
</div>
</div>
<div class="md:w-1/2 flex justify-center">
<img src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" alt="Importação Global" class="rounded-xl shadow-2xl max-w-full h-auto">
</div>
</div>
</section>
<!-- Benefits Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Por Que Escolher Nosso Curso?</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200">
<div class="text-blue-600 text-3xl mb-4">
<i class="fas fa-graduation-cap"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-gray-800">Conhecimento Prático</h3>
<p class="text-gray-600">Aulas direto ao ponto com técnicas comprovadas por importadores experientes.</p>
</div>
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200">
<div class="text-blue-600 text-3xl mb-4">
<i class="fas fa-headset"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-gray-800">Suporte Exclusivo</h3>
<p class="text-gray-600">Grupo VIP no WhatsApp com suporte direto dos instrutores para tirar dúvidas.</p>
</div>
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200">
<div class="text-blue-600 text-3xl mb-4">
<i class="fas fa-globe"></i>
</div>
<h3 class="text-xl font-bold mb-3 text-gray-800">Mercado Global</h3>
<p class="text-gray-600">Aprenda a importar de China, EUA, Emirados Árabes e outros países com facilidade.</p>
</div>
</div>
</div>
</section>
<!-- Content Section -->
<section id="conteudo" class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12 text-gray-800">O Que Você Vai Aprender?</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
<div class="flex items-start">
<div class="bg-blue-100 text-blue-600 p-2 rounded-lg mr-4">
<i class="fas fa-check-circle"></i>
</div>
<div>
<h3 class="font-bold text-lg mb-2 text-gray-800">Encontrar os Melhores Fornecedores</h3>
<p class="text-gray-600">Como identificar fornecedores confiáveis e negociar os melhores preços.</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
<div class="flex items-start">
<div class="bg-blue-100 text-blue-600 p-2 rounded-lg mr-4">
<i class="fas fa-check-circle"></i>
</div>
<div>
<h3 class="font-bold text-lg mb-2 text-gray-800">Cálculo de Custos e Lucros</h3>
<p class="text-gray-600">Método preciso para calcular todos os custos e margens de lucro antes de importar.</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
<div class="flex items-start">
<div class="bg-blue-100 text-blue-600 p-2 rounded-lg mr-4">
<i class="fas fa-check-circle"></i>
</div>
<div>
<h3 class="font-bold text-lg mb-2 text-gray-800">Documentação e Legalização</h3>
<p class="text-gray-600">Passo a passo de toda documentação necessária para importar sem problemas.</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
<div class="flex items-start">
<div class="bg-blue-100 text-blue-600 p-2 rounded-lg mr-4">
<i class="fas fa-check-circle"></i>
</div>
<div>
<h3 class="font-bold text-lg mb-2 text-gray-800">Estratégias de Venda</h3>
<p class="text-gray-600">Como vender seus produtos importados com alta margem de lucro.</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
<div class="flex items-start">
<div class="bg-blue-100 text-blue-600 p-2 rounded-lg mr-4">
<i class="fas fa-check-circle"></i>
</div>
<div>
<h3 class="font-bold text-lg mb-2 text-gray-800">Logística Internacional</h3>
<p class="text-gray-600">Escolha a melhor forma de transporte e reduza custos com frete.</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
<div class="flex items-start">
<div class="bg-blue-100 text-blue-600 p-2 rounded-lg mr-4">
<i class="fas fa-check-circle"></i>
</div>
<div>
<h3 class="font-bold text-lg mb-2 text-gray-800">Produtos Mais Rentáveis</h3>
<p class="text-gray-600">Lista atualizada dos produtos com maior demanda e margem de lucro.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12 text-gray-800">O Que Nossos Alunos Dizem</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mr-4">
<i class="fas fa-user"></i>
</div>
<div>
<h4 class="font-bold">Carlos M.</h4>
<div class="flex text-yellow-400">
<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>
</div>
<p class="text-gray-600 italic">"Em 3 meses já recuperei o investimento no curso. Aprendi a importar celulares da China com 40% de lucro!"</p>
</div>
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mr-4">
<i class="fas fa-user"></i>
</div>
<div>
<h4 class="font-bold">Ana P.</h4>
<div class="flex text-yellow-400">
<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>
</div>
<p class="text-gray-600 italic">"O suporte é incrível! Me ajudaram a resolver um problema com a alfândega que teria me custado muito dinheiro."</p>
</div>
<div class="bg-gray-50 p-6 rounded-xl border border-gray-200">
<div class="flex items-center mb-4">
<div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center text-blue-600 mr-4">
<i class="fas fa-user"></i>
</div>
<div>
<h4 class="font-bold">José K.</h4>
<div class="flex text-yellow-400">
<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>
</div>
<p class="text-gray-600 italic">"Depois do curso, minha renda mensal triplicou. Hoje tenho um negócio sustentável importando produtos eletrônicos."</p>
</div>
</div>
</div>
</section>
<!-- Payment Section -->
<section id="comprar" class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Escolha Sua Forma de Pagamento</h2>
<!-- International Payments -->
<div class="max-w-2xl mx-auto mb-12">
<div class="bg-white rounded-xl shadow-md overflow-hidden payment-card">
<div class="p-6">
<div class="flex items-center mb-4">
<div class="bg-blue-100 text-blue-600 p-3 rounded-lg mr-4">
<i class="fas fa-globe-americas text-xl"></i>
</div>
<h3 class="text-xl font-bold text-gray-800">Pagamentos Internacionais</h3>
</div>
<div class="bg-blue-50 border-l-4 border-blue-500 p-4 mb-6">
<p class="font-bold text-blue-700">💵 Valor internacional equivalente: <span class="text-2xl">15 USD</span></p>
</div>
<div class="mb-6">
<p class="mb-4 text-gray-700">✅ Aceita <strong>cartão de crédito/débito</strong>, mesmo sem conta no PayPal</p>
<a href="https://www.paypal.com/ncp/payment/6DWTK5TZ7MXJA" target="_blank" class="inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg transition-colors">
<i class="fab fa-paypal mr-2"></i> Pagar com PayPal
</a>
</div>
</div>
</div>
</div>
<!-- Mozambique Payments -->
<div class="max-w-2xl mx-auto">
<div class="bg-white rounded-xl shadow-md overflow-hidden payment-card">
<div class="p-6">
<div class="flex items-center mb-4">
<div class="bg-green-100 text-green-600 p-3 rounded-lg mr-4">
<i class="fas fa-money-bill-wave text-xl"></i>
</div>
<h3 class="text-xl font-bold text-gray-800">Para Moçambique (Carteiras Móveis)</h3>
</div>
<div class="bg-green-50 border-l-4 border-green-500 p-4 mb-6">
<p class="font-bold text-green-700">💰 Valor do curso: <span class="text-2xl">1.000 MTs</span></p>
</div>
<div class="mb-6">
<div class="flex items-start mb-4">
<div class="bg-green-100 text-green-600 p-2 rounded-full mr-3 mt-1">
<i class="fas fa-check"></i>
</div>
<div>
<p class="font-medium text-gray-800"><strong>Emola (Natércio):</strong> +258 875606140</p>
</div>
</div>
<div class="flex items-start mb-6">
<div class="bg-green-100 text-green-600 p-2 rounded-full mr-3 mt-1">
<i class="fas fa-check"></i>
</div>
<div>
<p class="font-medium text-gray-800"><strong>M-Pesa (Rosa):</strong> +258 851428143</p>
</div>
</div>
<p class="text-gray-700 mb-4">📤 Após o pagamento, envie o comprovativo diretamente para o nosso WhatsApp:</p>
<a href="https://wa.me/message/3ICA6DYGBNUHP1" target="_blank" class="inline-block bg-green-500 hover:bg-green-600 text-white font-bold py-3 px-6 rounded-lg transition-colors">
<i class="fab fa-whatsapp mr-2"></i> Enviar Comprovativo
</a>
</div>
</div>
</div>
</div>
<!-- Important Notice -->
<div class="max-w-2xl mx-auto mt-8 bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded-r-lg">
<div class="flex">
<div class="flex-shrink-0 text-yellow-500 mr-3 mt-1">
<i class="fas fa-exclamation-circle"></i>
</div>
<div>
<p class="text-yellow-700 font-medium">Se tiver dúvidas ou dificuldades ao pagar, fale conosco diretamente no WhatsApp. Nosso suporte está sempre disponível.</p>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="py-16 bg-blue-600 text-white">
<div class="container mx-auto px-4 text-center">
<h2 class="text-3xl font-bold mb-6">Pronto para Transformar Seu Negócio?</h2>
<p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">Comece hoje mesmo a importar produtos com qualidade e lucratividade comprovadas.</p>
<a href="https://wa.me/message/3ICA6DYGBNUHP1" target="_blank" class="inline-block bg-white text-blue-600 hover:bg-gray-100 font-bold py-4 px-8 rounded-lg text-lg transition-colors">
<i class="fab fa-whatsapp mr-2"></i> Fale com Nosso Suporte
</a>
</div>
</section>
<!-- FAQ Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Perguntas Frequentes</h2>
<div class="max-w-3xl mx-auto space-y-4">
<div class="border border-gray-200 rounded-lg overflow-hidden">
<button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center">
<span>Quanto tempo tenho acesso ao curso?</span>
<i class="fas fa-chevron-down transition-transform"></i>
</button>
<div class="faq-content hidden p-4 border-t border-gray-200">
<p class="text-gray-600">Você tem acesso vitalício ao curso e todas as suas atualizações futuras.</p>
</div>
</div>
<div class="border border-gray-200 rounded-lg overflow-hidden">
<button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center">
<span>Preciso ter experiência em importação?</span>
<i class="fas fa-chevron-down transition-transform"></i>
</button>
<div class="faq-content hidden p-4 border-t border-gray-200">
<p class="text-gray-600">Não! O curso foi desenvolvido tanto para iniciantes quanto para quem já tem alguma experiência e quer aprimorar seus conhecimentos.</p>
</div>
</div>
<div class="border border-gray-200 rounded-lg overflow-hidden">
<button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center">
<span>Quanto capital preciso para começar?</span>
<i class="fas fa-chevron-down transition-transform"></i>
</button>
<div class="faq-content hidden p-4 border-t border-gray-200">
<p class="text-gray-600">Ensinamos estratégias para começar com diferentes níveis de investimento, desde pequenos empreendedores até quem quer fazer grandes importações.</p>
</div>
</div>
<div class="border border-gray-200 rounded-lg overflow-hidden">
<button class="faq-toggle w-full text-left p-4 bg-gray-50 hover:bg-gray-100 font-medium flex justify-between items-center">
<span>Como recebo o acesso após o pagamento?</span>
<i class="fas fa-chevron-down transition-transform"></i>
</button>
<div class="faq-content hidden p-4 border-t border-gray-200">
<p class="text-gray-600">Após confirmarmos seu pagamento, você receberá no seu e-mail todas as instruções de acesso em até 24 horas (normalmente muito antes).</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-800 text-white py-12">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between">
<div class="mb-8 md:mb-0">
<div class="flex items-center mb-4">
<i class="fas fa-globe-americas text-blue-400 text-2xl mr-2"></i>
<h3 class="text-xl font-bold">ImportMaster</h3>
</div>
<p class="text-gray-400 max-w-xs">O curso mais completo para você dominar o mercado de importação e expandir seus negócios.</p>
</div>
<div class="mb-8 md:mb-0">
<h4 class="text-lg font-bold mb-4">Contato</h4>
<ul class="space-y-2">
<li class="flex items-center text-gray-400">
<i class="fas fa-phone-alt mr-2 text-blue-400"></i>
<span>+258 875606140</span>
</li>
<li class="flex items-center text-gray-400">
<i class="fas fa-envelope mr-2 text-blue-400"></i>
<span>domingosjulio597@gmail.com</span>
</li>
<li class="flex items-center text-gray-400">
<i class="fab fa-whatsapp mr-2 text-blue-400"></i>
<a href="https://wa.me/message/3ICA6DYGBNUHP1" target="_blank" class="hover:text-white">Fale pelo WhatsApp</a>
</li>
</ul>
</div>
<div>
<h4 class="text-lg font-bold mb-4">Links Rápidos</h4>
<ul class="space-y-2">
<li><a href="#comprar" class="text-gray-400 hover:text-white">Formas de Pagamento</a></li>
<li><a href="#conteudo" class="text-gray-400 hover:text-white">Conteúdo do Curso</a></li>
<li><a href="https://wa.me/message/3ICA6DYGBNUHP1" target="_blank" class="text-gray-400 hover:text-white">Suporte</a></li>
</ul>
</div>
</div>
<div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
<p>© 2023 ImportMaster. Todos os direitos reservados.</p>
</div>
</div>
</footer>
<script>
// FAQ Toggle
document.querySelectorAll('.faq-toggle').forEach(button => {
button.addEventListener('click', () => {
const content = button.nextElementSibling;
const icon = button.querySelector('i');
content.classList.toggle('hidden');
icon.classList.toggle('rotate-180');
});
});
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const targetElement = document.querySelector(targetId);
if (targetElement) {
targetElement.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=Domingosj/curso-de-importa-o" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>