<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>R4 PROJETOS INDUSTRIAIS LTDA | Serviços de desenho técnico relacionados à arquitetura e engenharia - VITORIA/ES</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
* { font-family: 'Inter', sans-serif; }
body { background:#0a0a0a; color:#fff; }
.card { background:#111; border:1px solid #1f1f1f; border-radius:16px; }
.btn-accent { background:#facc15; color:#000; font-weight:700; border-radius:12px; padding:12px 24px; display:inline-flex; align-items:center; justify-content:center; transition:all .2s; }
.btn-accent:hover { background:#eab308; }
.btn-wa { background:#22c55e; color:#fff; font-weight:700; border-radius:12px; padding:12px 24px; display:inline-flex; align-items:center; justify-content:center; transition:all .2s; }
.btn-wa:hover { background:#16a34a; }
.muted { color:#71717a; }
.secondary { color:#a1a1aa; }
</style>
</head>
<body class="antialiased">
<header class="sticky top-0 z-50 backdrop-blur-xl bg-[#0a0a0a]/80 border-b border-[#1f1f1f]">
<div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
<div class="flex items-center gap-4">
<div class="w-10 h-10 rounded-full bg-[#facc15] flex items-center justify-center text-black font-black text-sm">R4</div>
<div>
<div class="font-bold text-[13px] leading-tight tracking-tight">R4 PROJETOS INDUSTRIAIS LTDA</div>
<div class="text-[11px] secondary">61.221.324/0001-44 • VITORIA/ES</div>
</div>
</div>
<nav class="hidden md:flex items-center gap-6 text-[13px] font-medium secondary">
<a href="#sobre" class="hover:text-white transition">Sobre</a>
<a href="#servicos" class="hover:text-white transition">Serviços</a>
<a href="#registro" class="hover:text-white transition">Registro</a>
<a href="#contato" class="hover:text-white transition">Contato</a>
</nav>
<a href="https://wa.me/551431460051" target="_blank" class="btn-accent text-[13px]">Agendar</a>
</div>
</header>

<section class="max-w-7xl mx-auto px-6 py-16 md:py-24 grid md:grid-cols-2 gap-10 items-center">
<div>
<h1 class="text-4xl md:text-5xl font-black leading-[0.95] tracking-tight">Projetos industriais com <span class="text-[#facc15]">desenho técnico</span></h1>
<p class="mt-6 text-[15px] leading-relaxed secondary max-w-xl">Atendimento profissional, humanizado e focado em resultados para você e sua empresa em VITORIA - ES. Soluções eficientes em serviços de desenho técnico relacionados à arquitetura e engenharia com responsabilidade e transparência.</p>
<div class="mt-8 flex flex-wrap gap-3">
<a href="#servicos" class="btn-accent">Nossos Serviços</a>
<a href="https://wa.me/551431460051" target="_blank" class="btn-wa">Fale no WhatsApp</a>
</div>
<div class="mt-8 flex items-center gap-3 text-[12px] muted">
<span class="w-2 h-2 rounded-full bg-green-500 inline-block"></span> Situação Cadastral: ATIVA desde 09/06/2025
</div>
</div>
<div class="card p-6 md:p-8">
<h3 class="font-bold text-lg">Agende seu projeto</h3>
<p class="secondary text-[13px] mt-2">Atendimento rápido via WhatsApp. Estamos em VITORIA/ES.</p>
<div class="mt-6 card bg-[#0a0a0a] p-4 flex items-center justify-between">
<div>
<div class="text-[11px] muted uppercase tracking-widest">WhatsApp</div>
<div class="font-bold text-[15px]">(14) 3146-0051</div>
</div>
<div class="w-10 h-10 rounded-full bg-[#22c55e]/20 flex items-center justify-center">💬</div>
</div>
<a href="https://wa.me/551431460051?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20um%20projeto%20com%20a%20R4%20PROJETOS%20INDUSTRIAIS%20LTDA" target="_blank" class="btn-wa w-full mt-6 text-center">Solicitar Atendimento no WhatsApp</a>
<p class="text-[11px] muted mt-4 text-center">AV LEITÃO DA SILVA, 180 - PRAIA DO SUÁ</p>
</div>
</section>

<section id="registro" class="max-w-7xl mx-auto px-6 py-16">
<div class="flex items-center gap-3 mb-8">
<div class="w-8 h-1 bg-[#facc15] rounded-full"></div>
<h2 class="text-2xl font-black tracking-tight">Dados de Registro</h2>
</div>
<div class="grid md:grid-cols-3 gap-4">
<div class="card p-5"><div class="text-[10px] muted uppercase">Razão Social</div><div class="font-semibold text-[13px] mt-1">R4 PROJETOS INDUSTRIAIS LTDA</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">CNPJ</div><div class="font-mono font-bold text-[13px] mt-1">61.221.324/0001-44</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Situação Cadastral</div><div class="font-semibold text-[13px] mt-1 text-green-400">ATIVA - 09/06/2025</div></div>
<div class="card p-5 md:col-span-2"><div class="text-[10px] muted uppercase">Endereço Completo</div><div class="font-semibold text-[13px] mt-1">AV LEITÃO DA SILVA, 180 - SALA 501 EDIF ATLANTIS TOWER - PRAIA DO SUÁ - VITORIA/ES - CEP 29.052-110</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">Telefone / WhatsApp</div><div class="font-semibold text-[13px] mt-1">(14) 3146-0051</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">E-mail</div><div class="font-semibold text-[13px] mt-1 lowercase">leonardo.gaudio@hotmail.com</div></div>
<div class="card p-5"><div class="text-[10px] muted uppercase">CNAE Principal</div><div class="font-semibold text-[13px] mt-1">71.19-7-03 - Serviços de desenho técnico relacionados à arquitetura e engenharia</div></div>
</div>
</section>

<section id="servicos" class="max-w-7xl mx-auto px-6 py-16">
<div class="flex items-center gap-3 mb-8">
<div class="w-8 h-1 bg-[#facc15] rounded-full"></div>
<h2 class="text-2xl font-black tracking-tight">Nossos Serviços</h2>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
<div class="card p-6 group hover:border-[#facc15]/30 transition">
<div class="flex items-start justify-between">
<div class="text-[11px] font-mono font-bold text-[#facc15] bg-[#facc15]/10 px-2 py-1 rounded">71.19-7-03</div>
<div class="w-2 h-2 rounded-full bg-[#22c55e]"></div>
</div>
<h3 class="font-bold text-[15px] mt-4 leading-snug">Serviços de desenho técnico relacionados à arquitetura e engenharia</h3>
<p class="secondary text-[12px] mt-2 leading-relaxed">Desenho técnico especializado para arquitetura e engenharia industrial.</p>
<a href="https://wa.me/551431460051?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20Serviços%20de%20desenho%20técnico%20relacionados%20à%20arquitetura%20e%20engenharia" target="_blank" class="btn-accent w-full mt-5 text-[13px] text-center">Agendar - 71.19-7-03</a>
</div>
<div class="card p-6 group hover:border-[#facc15]/30 transition">
<div class="flex items-start justify-between">
<div class="text-[11px] font-mono font-bold text-[#facc15] bg-[#facc15]/10 px-2 py-1 rounded">74.90-1-99</div>
<div class="w-2 h-2 rounded-full bg-[#22c55e]"></div>
</div>
<h3 class="font-bold text-[15px] mt-4 leading-snug">Outras atividades profissionais, científicas e técnicas não especificadas anteriormente</h3>
<p class="secondary text-[12px] mt-2 leading-relaxed">Serviço complementar com atendimento especializado.</p>
<a href="https://wa.me/551431460051?text=Ol%C3%A1%2C%20gostaria%20de%20agendar%20Outras%20atividades%20profissionais,%20científicas%20e%20técnicas%20não%20especificadas%20anteriormente" target="_blank" class="btn-accent w-full mt-5 text-[13px] text-center">Agendar - 74.90-1-99</a>
</div>

</div>
</section>

<section id="contato" class="max-w-7xl mx-auto px-6 py-16">
<div class="card p-8 md:p-12 border-[#facc15]/20 relative overflow-hidden">
<div class="relative grid md:grid-cols-2 gap-10 items-center">
<div>
<h2 class="text-3xl font-black tracking-tight">Entre em Contato</h2>
<p class="secondary text-[14px] mt-3 leading-relaxed">Fale diretamente com a R4 PROJETOS INDUSTRIAIS LTDA em VITORIA/ES. Atendimento ágil e profissional.</p>
<div class="mt-8 space-y-4">
<div class="flex items-center gap-4">
<div class="w-12 h-12 rounded-full bg-[#22c55e]/20 flex items-center justify-center text-[#22c55e]">📞</div>
<div>
<div class="text-[11px] muted uppercase">WhatsApp</div>
<a href="https://wa.me/551431460051" target="_blank" class="font-bold text-lg hover:text-[#22c55e] transition">(14) 3146-0051</a>
</div>
</div>
<div class="flex items-center gap-4">
<div class="w-12 h-12 rounded-full bg-[#111] border border-[#1f1f1f] flex items-center justify-center">📍</div>
<div>
<div class="text-[11px] muted uppercase">Endereço</div>
<div class="text-[13px] secondary">AV LEITÃO DA SILVA, 180 - VITORIA/ES - CEP 29.052-110</div>
</div>
</div>
</div>
</div>
<div class="text-center md:text-right">
<a href="https://wa.me/551431460051?text=Ol%C3%A1%2C%20vim%20pelo%20site%20e%20gostaria%20de%20solicitar%20um%20projeto%20na%20R4%20PROJETOS%20INDUSTRIAIS%20LTDA" target="_blank" class="btn-wa text-lg px-10 py-4 inline-flex">Solicite seu Projeto</a>
<p class="muted text-[11px] mt-4">Resposta rápida no WhatsApp • ATIVA desde 2025</p>
</div>
</div>
</div>
</section>

<footer class="border-t border-[#1f1f1f] bg-[#111] mt-10">
<div class="max-w-7xl mx-auto px-6 py-8 text-center">
<div class="text-[12px] secondary">© 2026 R4 PROJETOS INDUSTRIAIS LTDA - CNPJ 61.221.324/0001-44 - VITORIA/ES</div>
<div class="text-[11px] muted mt-1">Serviços de desenho técnico relacionados à arquitetura e engenharia • ME</div>
</div>
</footer>

</body>
</html>