
darkMode: 'class',
theme: {
extend: {
colors: {
gold: {
300: '#FDE047',
400: '#FACC15',
500: '#EAB308',
600: '#CA8A04',
700: '#A16207',
}
}
}
}
}
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body class="bg-[#050505] text-zinc-100 font-sans antialiased selection:bg-amber-500 selection:text-black overflow-x-hidden">
<!-- Barra de Elegância & Exclusividade -->
<div class="bg-gradient-to-r from-amber-700 via-yellow-600 to-amber-700 text-black text-xs font-black tracking-widest py-2.5 px-4 text-center uppercase shadow-xl">
✨ Experiência Exclusiva: Poucas vagas disponíveis para integrar o nosso grupo seleto Master Car.
</div>
<!-- Navegação Fixa -->
<header class="sticky top-0 z-50 bg-[#050505]/95 backdrop-blur-md border-b border-zinc-800/80">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between">
<div class="flex items-center space-x-3">
<div class="text-2xl sm:text-3xl font-black tracking-widest bg-gradient-to-r from-amber-200 via-amber-400 to-yellow-600 bg-clip-text text-transparent">
REVIZY <span class="text-xs text-amber-500 tracking-normal border border-amber-500/40 px-2 py-0.5 rounded-full uppercase">VIP</span>
</div>
</div>
<nav class="hidden md:flex space-x-8 text-sm font-semibold text-zinc-300">
<a href="#experiencia" class="hover:text-amber-400 transition-colors">A Experiência</a>
<a href="#futuro" class="hover:text-amber-400 transition-colors">O Futuro</a>
<a href="#membros" class="hover:text-amber-400 transition-colors">Área Master Car</a>
<a href="#fipe" class="hover:text-amber-400 transition-colors">Consulta FIPE</a>
<a href="#afiliados" class="hover:text-amber-400 transition-colors">Afiliados</a>
</nav>
<div>
<a href="https://wa.me/5533988816483?text=Olá,%20gostaria%20de%20solicitar%20avaliação%20para%20o%20Master%20Car%20Revizy" target="_blank" class="bg-gradient-to-r from-amber-500 to-yellow-600 hover:from-amber-400 hover:to-yellow-500 text-black font-extrabold px-5 py-3 rounded-xl text-xs sm:text-sm flex items-center space-x-2 transition-all shadow-lg shadow-amber-500/30 transform hover:-translate-y-0.5">
<i class="fa-solid fa-lock text-sm"></i>
<span>Solicitar Acesso Restrito</span>
</a>
</div>
</div>
</header>
<!-- Secção Hero: Não Vendemos Carros, Entregamos Experiências -->
<section id="experiencia" class="relative pt-20 pb-28 lg:pt-32 lg:pb-40 bg-gradient-to-b from-[#0a0a0a] to-[#050505] border-b border-zinc-900">
<div class="absolute inset-0 bg-[radial-gradient(circle_at_top,rgba(234,179,8,0.06),transparent_50%)]"></div>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-center">
<div class="lg:col-span-7 space-y-6 text-center lg:text-left">
<div class="inline-flex items-center space-x-2 px-4 py-1.5 rounded-full text-xs font-bold tracking-wider bg-amber-500/10 text-amber-400 border border-amber-500/30 uppercase shadow-inner">
<i class="fa-solid fa-gem text-amber-400"></i>
<span>Fundada em Março de 2016 • Rubens Júnior</span>
</div>
<h1 class="text-4xl sm:text-6xl font-black tracking-tight text-white leading-tight uppercase">
NÃO VENDEMOS CARROS. <br/>
<span class="bg-gradient-to-r from-amber-200 via-amber-400 to-yellow-600 bg-clip-text text-transparent">
ENTREGAMOS EXPERIÊNCIAS.
</span>
</h1>
<p class="text-zinc-300 text-base sm:text-lg max-w-xl mx-auto lg:mx-0 leading-relaxed font-light">
Esqueça transações frias baseadas apenas em lucro. Na <strong class="text-white font-semibold">REVIZY</strong>, cada veículo é uma obra de engenharia selecionada para transformar a sua relação com a mobilidade e o alto desempenho.
</p>
<!-- Elemento do Grupo Seleto -->
<div class="bg-zinc-900/90 border border-amber-500/30 p-4 rounded-2xl max-w-lg mx-auto lg:mx-0 flex items-center space-x-4">
<div class="w-12 h-12 rounded-xl bg-amber-500/10 text-amber-400 flex items-center justify-center shrink-0 text-xl font-black">
<i class="fa-solid fa-users-viewfinder"></i>
</div>
<div class="text-left">
<span class="text-xs text-amber-400 font-bold uppercase tracking-wider block">Grupo Seleto</span>
<span class="text-xs text-zinc-300">Poucas vagas abertas para novos integrantes no ecossistema Master Car Revizy.</span>
</div>
</div>
<div class="flex flex-col sm:flex-row justify-center lg:justify-start gap-4 pt-2">
<a href="#membros" class="bg-amber-500 hover:bg-amber-400 text-black font-black px-8 py-4 rounded-2xl text-center transition-all shadow-xl shadow-amber-500/20 flex items-center justify-center space-x-3 text-base uppercase tracking-wider">
<span>ACESSAR ÁREA MASTER CAR</span>
<i class="fa-solid fa-arrow-right"></i>
</a>
<a href="#futuro" class="border border-zinc-700 hover:border-amber-500/60 bg-zinc-900/40 hover:bg-zinc-800 text-zinc-200 font-bold px-8 py-4 rounded-2xl text-center transition-all flex items-center justify-center space-x-2">
<span>Conhecer o Futuro</span>
</a>
</div>
</div>
<!-- Card de Perfil / Autoridade -->
<div class="lg:col-span-5 relative">
<div class="absolute -inset-1 bg-gradient-to-r from-amber-500 to-yellow-600 rounded-3xl blur-2xl opacity-20"></div>
<div class="relative bg-zinc-900 border border-zinc-800 rounded-3xl p-6 sm:p-8 shadow-2xl space-y-6 text-center">
<div class="w-28 h-28 mx-auto rounded-full bg-gradient-to-tr from-amber-500 to-yellow-300 p-0.5 shadow-xl">
<div class="w-full h-full rounded-full bg-zinc-950 flex items-center justify-center text-amber-400 font-black text-3xl">
RJ
</div>
</div>
<div class="space-y-1">
<h3 class="text-2xl font-bold text-white tracking-wide">Rubens Júnior</h3>
<p class="text-xs text-amber-400 uppercase tracking-widest font-bold">Fundador & Visionário REVIZY</p>
</div>
<p class="text-xs text-zinc-400 italic">
"O nosso compromisso não é com o volume de transações, mas com a exclusividade e o valor intangível entregue a cada membro selecionado."
</p>
<a href="https://wa.me/5533988816483?text=Olá,%20Rubens,%20gostaria%20de%20entender%20sobre%20a%20Taxa%20Master%20Car%20Revizy" target="_blank" class="w-full bg-emerald-600 hover:bg-emerald-500 text-white font-bold py-3.5 px-4 rounded-xl text-sm flex items-center justify-center space-x-2 transition shadow-lg shadow-emerald-600/20">
<i class="fa-brands fa-whatsapp text-lg"></i>
<span>Falar Diretamente com Rubens Júnior</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Secção: O Futuro Chegou (Manifesto) -->
<section id="futuro" class="py-24 bg-[#050505] border-b border-zinc-900 relative overflow-hidden">
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-12">
<div class="text-center space-y-3">
<span class="text-amber-400 text-xs font-bold uppercase tracking-widest bg-amber-500/10 px-3 py-1 rounded-full border border-amber-500/20">
Inovação & Propósito
</span>
<h2 class="text-3xl sm:text-5xl font-black text-white uppercase tracking-tight">REVIZY: O FUTURO CHEGOU</h2>
<p class="text-zinc-400 text-base max-w-2xl mx-auto">Uma ruptura completa com os padrões tradicionais do mercado automóvel nacional.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-zinc-900/60 border border-zinc-800 p-8 rounded-3xl space-y-4">
<div class="w-12 h-12 rounded-2xl bg-amber-500/10 text-amber-400 flex items-center justify-center text-xl font-bold">
01
</div>
<h3 class="text-xl font-bold text-white">Seleção Ultra-Seleta</h3>
<p class="text-zinc-400 text-sm leading-relaxed">Não aceitamos qualquer veículo em nosso ecossistema. Cada máquina passa por um crivo rigoroso de estado, histórico e exclusividade.</p>
</div>
<div class="bg-zinc-900/60 border border-zinc-800 p-8 rounded-3xl space-y-4">
<div class="w-12 h-12 rounded-2xl bg-amber-500/10 text-amber-400 flex items-center justify-center text-xl font-bold">
02
</div>
<h3 class="text-xl font-bold text-white">Foco na Experiência, Não no Lucro</h3>
<p class="text-zinc-400 text-sm leading-relaxed">Priorizamos relacionamentos de longo prazo e a realização de aspirações automotivas com total transparência e suporte.</p>
</div>
</div>
</div>
</section>
<!-- Secção: Área de Membros - Taxa Master Car Revizy -->
<section id="membros" class="py-24 bg-gradient-to-b from-[#050505] to-[#0a0a0a] border-b border-zinc-900">
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-12">
<div class="text-center space-y-3">
<span class="text-amber-400 text-xs font-bold uppercase tracking-widest bg-amber-500/10 px-3 py-1 rounded-full border border-amber-500/20">
Área Exclusiva de Membros
</span>
<h2 class="text-3xl sm:text-5xl font-black text-white uppercase tracking-tight">TAXA MASTER CAR REVIZY</h2>
<p class="text-zinc-400 text-base max-w-xl mx-auto">O passe livre para investidores e entusiastas que integram o nosso grupo seleto com acesso a oportunidades reservadas.</p>
</div>
<!-- Caixa de Login / Acesso Master Car -->
<div class="bg-zinc-900 border border-amber-500/40 rounded-3xl p-8 sm:p-12 shadow-2xl relative overflow-hidden">
<div class="absolute top-0 right-0 bg-amber-500 text-black text-[10px] font-black uppercase px-6 py-1.5 rounded-bl-2xl tracking-widest">
Acesso Exclusivo
</div>
<div id="login-container" class="max-w-md mx-auto space-y-6">
<div class="text-center space-y-2">
<div class="w-16 h-16 bg-amber-500/10 text-amber-400 rounded-2xl mx-auto flex items-center justify-center text-2xl border border-amber-500/30">
<i class="fa-solid fa-key"></i>
</div>
<h3 class="text-xl font-bold text-white">Autenticação Master Car</h3>
<p class="text-xs text-zinc-400">Insira a sua chave de membro para aceder ao conteúdo reservado.</p>
</div>
<div class="space-y-4">
<div>
<label class="block text-xs font-bold text-zinc-400 uppercase tracking-wider mb-2">Chave ou Identificador de Membro</label>
<input type="text" id="chave-membro" placeholder="EX: MASTER-XXXX-2026" class="w-full bg-[#050505] border border-zinc-800 rounded-xl px-4 py-3.5 text-zinc-100 uppercase text-sm focus:outline-none focus:border-amber-500 font-mono">
</div>
<button onclick="autenticarMembro()" class="w-full bg-amber-500 hover:bg-amber-400 text-black font-black py-4 rounded-xl text-sm transition shadow-lg shadow-amber-500/20 uppercase tracking-wider">
Entrar na Área Reservada
</button>
</div>
<div class="text-center pt-2">
<a href="https://wa.me/5533988816483?text=Olá,%20quero%20conhecer%20as%20condições%20da%20Taxa%20Master%20Car%20Revizy" target="_blank" class="text-xs text-amber-400 hover:underline inline-flex items-center font-semibold">
<i class="fa-solid fa-circle-question mr-1"></i> Como integrar o grupo seleto Master Car? Fale connosco
</a>
</div>
</div>
<!-- Conteúdo Protegido (Oculto Inicialmente) -->
<div id="conteudo-membro" class="hidden space-y-8 animate-fadeIn">
<div class="bg-zinc-950 p-6 rounded-2xl border border-emerald-500/40 flex items-center justify-between flex-wrap gap-4">
<div class="flex items-center space-x-3">
<div class="w-12 h-12 rounded-xl bg-emerald-500/10 text-emerald-400 flex items-center justify-center text-xl">
<i class="fa-solid fa-shield-check"></i>
</div>
<div>
<span class="text-xs text-emerald-400 font-bold uppercase block">Membro Master Car Autenticado</span>
<strong class="text-white text-base">Bem-vindo ao Grupo Seleto Revizy</strong>
</div>
</div>
<button onclick="logoutMembro()" class="text-xs text-zinc-400 hover:text-red-400 transition font-semibold">
<i class="fa-solid fa-right-from-bracket mr-1"></i> Sair
</button>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-zinc-950 border border-zinc-800 p-6 rounded-2xl space-y-3">
<span class="bg-amber-500/10 text-amber-400 text-[10px] font-bold px-3 py-1 rounded-full uppercase border border-amber-500/20">Seleção Especial #04</span>
<h4 class="text-lg font-bold text-white">SuperSUV Exclusivo 2026</h4>
<p class="text-xs text-zinc-400">Veículo com blindagem leve e histórico verificado pela equipe do Rubens Júnior.</p>
<a href="https://wa.me/5533988816483?text=Sou%20Membro%20Master%20Car%20e%20tenho%20interesse%20no%20SuperSUV%20Exclusivo%202026" target="_blank" class="w-full bg-amber-500 hover:bg-amber-400 text-black font-bold py-2.5 rounded-xl text-xs flex items-center justify-center space-x-2 transition">
<i class="fa-brands fa-whatsapp text-sm"></i>
<span>Solicitar Detalhes</span>
</a>
</div>
<div class="bg-zinc-950 border border-zinc-800 p-6 rounded-2xl space-y-3">
<span class="bg-amber-500/10 text-amber-400 text-[10px] font-bold px-3 py-1 rounded-full uppercase border border-amber-500/20">Seleção Especial #05</span>
<h4 class="text-lg font-bold text-white">Sedan Executivo de Alta Performance</h4>
<p class="text-xs text-zinc-400">Estado de fábrica, revisões em dia e repasse direto para membros.</p>
<a href="https://wa.me/5533988816483?text=Sou%20Membro%20Master%20Car%20e%20tenho%20interesse%20no%20Sedan%20Executivo" target="_blank" class="w-full bg-amber-500 hover:bg-amber-400 text-black font-bold py-2.5 rounded-xl text-xs flex items-center justify-center space-x-2 transition">
<i class="fa-brands fa-whatsapp text-sm"></i>
<span>Solicitar Detalhes</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Secção: Consulta Tabela FIPE -->
<section id="fipe" class="py-20 bg-[#050505] border-b border-zinc-900">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8">
<div class="text-center space-y-3">
<span class="text-amber-400 text-xs font-bold uppercase tracking-widest bg-amber-500/10 px-3 py-1 rounded-full border border-amber-500/20">
Transparência de Mercado
</span>
<h2 class="text-3xl sm:text-4xl font-black text-white uppercase">Consulta Tabela FIPE</h2>
<p class="text-zinc-400 text-sm max-w-lg mx-auto">Avalie instantaneamente os valores médios de mercado para balizar sua experiência.</p>
</div>
<div class="bg-zinc-900 border border-zinc-800 rounded-3xl p-6 sm:p-10 shadow-2xl space-y-6">
<div class="flex flex-col sm:flex-row gap-3">
<input type="text" id="input-fipe" placeholder="Ex: OXI8I42 ou Fiat Strada" class="w-full bg-[#050505] border border-zinc-800 rounded-2xl px-5 py-4 text-zinc-100 uppercase font-mono text-base focus:outline-none focus:border-amber-500">
<button onclick="consultarFipeReal()" class="bg-amber-500 hover:bg-amber-400 text-black font-black px-8 py-4 rounded-2xl text-sm transition shrink-0 flex items-center justify-center space-x-2 shadow-lg shadow-amber-500/20">
<i class="fa-solid fa-magnifying-glass"></i>
<span>CONSULTAR</span>
</button>
</div>
<div id="fipe-result" class="hidden bg-[#050505] p-6 sm:p-8 rounded-2xl border border-zinc-800 space-y-6">
<h3 class="text-lg font-black text-white border-b border-zinc-800 pb-3 flex items-center">
<i class="fa-solid fa-circle-check text-emerald-400 mr-2 text-xl"></i> Avaliação FIPE REVIZY
</h3>
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 text-sm">
<div class="bg-zinc-900 p-4 rounded-xl border border-zinc-800">
<span class="text-xs text-zinc-500 block mb-1 font-bold uppercase">Veículo / Versão</span>
<strong id="res-modelo" class="text-base text-zinc-200"></strong>
</div>
<div class="bg-zinc-900 p-4 rounded-xl border border-zinc-800">
<span class="text-xs text-zinc-500 block mb-1 font-bold uppercase">Ano / Combustível</span>
<strong id="res-ano" class="text-base text-zinc-200"></strong>
</div>
<div class="bg-amber-500/10 p-4 rounded-xl border border-amber-500/30">
<span class="text-xs text-amber-400 block mb-1 font-bold uppercase">Valor de Mercado FIPE</span>
<strong id="res-valor" class="text-xl text-amber-400 font-black"></strong>
</div>
</div>
<div>
<a id="btn-whats-fipe" href="#" target="_blank" class="w-full bg-emerald-600 hover:bg-emerald-500 text-white font-black py-4 px-4 rounded-xl text-sm flex items-center justify-center space-x-3 transition shadow-lg shadow-emerald-600/30">
<i class="fa-brands fa-whatsapp text-xl"></i>
<span>FALAR SOBRE ESTE VEÍCULO COM RUBENS JÚNIOR</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Secção: Programa de Afiliados -->
<section id="afiliados" class="py-20 bg-gradient-to-b from-[#050505] to-[#0a0a0a] border-b border-zinc-900">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8">
<div class="text-center space-y-3">
<span class="text-amber-400 text-xs font-bold uppercase tracking-widest bg-amber-500/10 px-3 py-1 rounded-full border border-amber-500/20">
Parcerias de Elite
</span>
<h2 class="text-3xl sm:text-4xl font-black text-white uppercase">Programa de Afiliados REVIZY</h2>
<p class="text-zinc-400 text-sm max-w-lg mx-auto">Indique novos membros para a experiência Master Car e seja recompensado.</p>
</div>
<div class="bg-zinc-900 border border-zinc-800 rounded-3xl p-6 sm:p-10 shadow-2xl space-y-6">
<div class="max-w-md mx-auto space-y-4">
<div>
<label class="block text-xs font-bold text-zinc-400 uppercase tracking-wider mb-2">Seu Nome ou Código de Afiliado</label>
<input type="text" id="afiliado-nome" placeholder="Ex: joaosilva" class="w-full bg-[#050505] border border-zinc-800 rounded-2xl px-5 py-4 text-zinc-100 uppercase text-sm focus:outline-none focus:border-amber-500">
</div>
<button onclick="gerarLink()" class="w-full bg-amber-500 hover:bg-amber-400 text-black font-black py-4 rounded-2xl text-sm transition shadow-lg shadow-amber-500/20 uppercase">
Gerar Link de Afiliado
</button>
</div>
<div id="painel-link" class="hidden bg-[#050505] p-6 sm:p-8 rounded-2xl border border-amber-500/40 space-y-4">
<h3 class="font-bold text-white text-base flex items-center">
<i class="fa-solid fa-circle-check text-amber-400 mr-2"></i> Link Rastreador Gerado com Sucesso!
</h3>
<div class="flex gap-2">
<input type="text" id="link-resultado" readonly class="w-full bg-zinc-900 border border-zinc-800 px-4 py-3 rounded-xl text-xs font-mono text-zinc-300">
<button onclick="copiarLink()" class="bg-amber-500 hover:bg-amber-400 text-black px-6 py-3 rounded-xl text-xs font-black transition shrink-0 uppercase">
Copiar
</button>
</div>
<p class="text-xs text-zinc-400">Leads rastreados: <strong id="contador-leads" class="text-amber-400 font-bold text-sm">0</strong></p>
</div>
</div>
</div>
</section>
<!-- Rodapé -->
<footer class="bg-zinc-950 border-t border-zinc-900 py-12 text-zinc-400 text-xs text-center space-y-2">
<p>© 2016–2026 REVIZY Soluções Digitais • Fundada em Março de 2016 • Rubens Júnior</p>
<p>Instagram & TikTok: @revizyoficial • WhatsApp Exclusivo: (33) 98881-6483</p>
</footer>
<!-- Scripts de Funcionalidades & Área de Membros -->
<script>
function autenticarMembro() {
const chave = document.getElementById('chave-membro').value.trim();
if(!chave) {
alert('Por favor, insira a sua chave de membro Master Car.');
return;
}
if(chave.length >= 4) {
document.getElementById('login-container').classList.add('hidden');
document.getElementById('conteudo-membro').classList.remove('hidden');
} else {
alert('Chave inválida. Verifique os dados com o suporte.');
}
}
function logoutMembro() {
document.getElementById('conteudo-membro').classList.add('hidden');
document.getElementById('login-container').classList.remove('hidden');
document.getElementById('chave-membro').value = '';
}
function consultarFipeReal() {
const query = document.getElementById('input-fipe').value.trim().toUpperCase();
if(!query) { alert('Digite uma placa ou modelo válido.'); return; }
let modelo = query + " - Veículo Selecionado Revizy";
let ano = "2023 / Flex";
let valor = "R$ 87.500,00";
if(query.includes('STRADA') || query.includes('OXI8I42')) {
modelo = "Fiat Strada Freedom 1.3 Flex";
ano = "2023 / 2024";
valor = "R$ 89.900,00";
} else if(query.includes('ONIX')) {
modelo = "Chevrolet Onix Plus LTZ";
ano = "2022 / 2023";
valor = "R$ 74.200,00";
}
document.getElementById('res-modelo').innerText = modelo;
document.getElementById('res-ano').innerText = ano;
document.getElementById('res-valor').innerText = valor;
document.getElementById('btn-whats-fipe').href = `https://wa.me/5533988816483?text=` + encodeURIComponent(`Olá Rubens, tenho interesse no veículo ${modelo} (${query}) avaliado em ${valor}.`);
document.getElementById('fipe-result').classList.remove('hidden');
}
function gerarLink() {
const nome = document.getElementById('afiliado-nome').value.trim().toLowerCase().replace(/[^a-z0-9]/g, '');
if(!nome) { alert('Digite seu nome ou código de afiliado.'); return; }
const link = window.location.origin + window.location.pathname + '?ref=' + nome;
document.getElementById('link-resultado').value = link;
document.getElementById('contador-leads').innerText = localStorage.getItem('revizy_leads_' + nome) || '0';
document.getElementById('painel-link').classList.remove('hidden');
}
function copiarLink() {
const copyText = document.getElementById('link-resultado');
document.execCommand('copy');
alert('Link copiado com sucesso!');
}
window.addEventListener('DOMContentLoaded', () => {
const ref = new URLSearchParams(window.location.search).get('ref');
if(ref) {
localStorage.setItem('revizy_indicado_por', ref);
let leads = parseInt(localStorage.getItem('revizy_leads_' + ref) || '0') + 1;
localStorage.setItem('revizy_leads_' + ref, leads);
}
});
</script>
revizy



















