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');

copyText.select();

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

INDIQUE REVIZY 🏆
Cadastrar-se

SOBRE NÓS: