<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VECTRA HUB - Organização Logística de Transporte de Carga</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
:root{
--bg:#0a0a0a;
--card:#111111;
--border:#1f1f1f;
--accent:#facc15;
--wa:#22c55e;
--radius:16px;
}
*{font-family:'Inter',sans-serif;}
body{background:var(--bg);color:#f5f5f5;}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);}
.btn-accent{background:var(--accent);color:#0a0a0a;font-weight:700;border-radius:12px;transition:.2s;}
.btn-accent:hover{filter:brightness(1.1);transform:translateY(-1px);}
.btn-wa{background:var(--wa);color:#fff;font-weight:700;border-radius:12px;transition:.2s;}
.btn-wa:hover{filter:brightness(1.1);transform:translateY(-1px);}
.btn-outline{border:1px solid var(--border);color:#f5f5f5;border-radius:12px;transition:.2s;}
.btn-outline:hover{border-color:var(--accent);color:var(--accent);}
.badge{background:#1a1a1a;border:1px solid var(--border);color:var(--accent);}
.section-title{letter-spacing:.03em;}
::selection{background:var(--accent);color:#0a0a0a;}
</style>
</head>
<body class="antialiased">
<!-- HEADER -->
<header class="sticky top-0 z-50 backdrop-blur bg-black/70 border-b border-[#1f1f1f]">
<div class="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
<div class="flex items-center gap-3">
<div class="w-11 h-11 rounded-xl bg-[#facc15] text-black font-black flex items-center justify-center text-lg">VH</div>
<div>
<p class="font-extrabold leading-tight text-sm md:text-base">VECTRA HUB LTDA</p>
<p class="text-xs text-neutral-400 leading-tight">CNPJ 62.188.748/0001-17 · Itajaí/SC</p>
</div>
</div>
<nav class="hidden md:flex items-center gap-8 text-sm text-neutral-300 font-medium">
<a href="#sobre" class="hover:text-[#facc15] transition">Sobre</a>
<a href="#servicos" class="hover:text-[#facc15] transition">Serviços</a>
<a href="#registro" class="hover:text-[#facc15] transition">Registro</a>
<a href="#contato" class="hover:text-[#facc15] transition">Contato</a>
</nav>
<a href="https://wa.me/557135067924" target="_blank" class="btn-accent px-5 py-2.5 text-sm">Agendar</a>
</div>
</header>
<!-- HERO -->
<section class="max-w-6xl mx-auto px-6 pt-16 pb-20 grid md:grid-cols-2 gap-12 items-center">
<div>
<span class="badge px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide">VECTRA HUB · Itajaí/SC</span>
<h1 class="text-4xl md:text-5xl font-black leading-tight mt-5">
Qualidade e confiança em <span class="text-[#facc15]">organização logística</span> de transporte de carga
</h1>
<p class="text-neutral-400 mt-5 text-lg leading-relaxed">
A VECTRA HUB LTDA é referência em soluções logísticas para transporte de carga, unindo planejamento, agilidade e segurança em cada operação. Atendimento próximo, processos organizados e compromisso com prazos.
</p>
<div class="flex flex-wrap gap-4 mt-8">
<a href="https://wa.me/557135067924" target="_blank" class="btn-wa px-6 py-3 text-sm">Falar no WhatsApp</a>
<a href="#servicos" class="btn-outline px-6 py-3 text-sm">Ver Serviços</a>
</div>
</div>
<div class="card p-8">
<p class="text-xs uppercase tracking-widest text-neutral-500 font-semibold mb-2">Agendamento rápido</p>
<h3 class="text-xl font-bold mb-4">Fale agora com nossa equipe</h3>
<p class="text-neutral-400 text-sm mb-6">Solicite um orçamento ou tire suas dúvidas diretamente pelo WhatsApp. Retorno rápido e sem burocracia.</p>
<div class="flex items-center gap-3 mb-6 p-4 rounded-xl bg-[#0f0f0f] border border-[#1f1f1f]">
<div class="w-10 h-10 rounded-full bg-[#22c55e]/15 flex items-center justify-center text-[#22c55e] font-bold">W</div>
<div>
<p class="text-sm font-semibold">(71) 3506-7924</p>
<p class="text-xs text-neutral-500">Atendimento comercial</p>
</div>
</div>
<a href="https://wa.me/557135067924" target="_blank" class="btn-accent w-full flex items-center justify-center py-3 text-sm">Solicitar Orçamento</a>
</div>
</section>
<!-- SOBRE -->
<section id="sobre" class="max-w-6xl mx-auto px-6 py-20 border-t border-[#1f1f1f]">
<p class="text-xs uppercase tracking-widest text-[#facc15] font-semibold mb-3 section-title">Sobre a empresa</p>
<h2 class="text-3xl font-black mb-6">Quem somos</h2>
<p class="text-neutral-400 max-w-3xl leading-relaxed mb-10">
Fundada em 12/08/2025, a empresa VECTRA HUB LTDA — VECTRA HUB atua no segmento de organização logística do transporte de carga, com sede em Itajaí - SC.
</p>
<div class="grid md:grid-cols-4 gap-6">
<div class="card p-6">
<p class="text-xs text-neutral-500 uppercase font-semibold mb-2">Razão Social</p>
<p class="font-semibold text-sm">VECTRA HUB LTDA</p>
</div>
<div class="card p-6">
<p class="text-xs text-neutral-500 uppercase font-semibold mb-2">Nome Fantasia</p>
<p class="font-semibold text-sm">VECTRA HUB</p>
</div>
<div class="card p-6">
<p class="text-xs text-neutral-500 uppercase font-semibold mb-2">Porte</p>
<p class="font-semibold text-sm">EPP</p>
</div>
<div class="card p-6">
<p class="text-xs text-neutral-500 uppercase font-semibold mb-2">Atividade Principal</p>
<p class="font-semibold text-sm">Organização logística do transporte de carga</p>
</div>
</div>
</section>
<!-- SERVICOS -->
<section id="servicos" class="max-w-6xl mx-auto px-6 py-20 border-t border-[#1f1f1f]">
<p class="text-xs uppercase tracking-widest text-[#facc15] font-semibold mb-3 section-title">Nossos Serviços</p>
<h2 class="text-3xl font-black mb-10">O que oferecemos</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="card p-6 flex flex-col">
<span class="badge inline-block px-3 py-1 rounded-full text-xs font-semibold mb-4 w-fit">52.50-8-04</span>
<h3 class="font-bold mb-2">Organização Logística do Transporte de Carga</h3>
<p class="text-neutral-400 text-sm mb-6 flex-1">Planejamento e coordenação completa das operações de transporte, otimizando rotas e prazos.</p>
<a href="https://wa.me/557135067924" target="_blank" class="btn-accent text-center py-2.5 text-sm">Agendar</a>
</div>
<div class="card p-6 flex flex-col">
<span class="badge inline-block px-3 py-1 rounded-full text-xs font-semibold mb-4 w-fit">49.30-2-02</span>
<h3 class="font-bold mb-2">Transporte Rodoviário de Carga</h3>
<p class="text-neutral-400 text-sm mb-6 flex-1">Transporte intermunicipal, interestadual e internacional, exceto produtos perigosos e mudanças.</p>
<a href="https://wa.me/557135067924" target="_blank" class="btn-accent text-center py-2.5 text-sm">Agendar</a>
</div>
<div class="card p-6 flex flex-col">
<span class="badge inline-block px-3 py-1 rounded-full text-xs font-semibold mb-4 w-fit">52.11-7-99</span>
<h3 class="font-bold mb-2">Depósito de Mercadorias</h3>
<p class="text-neutral-400 text-sm mb-6 flex-1">Armazenagem para terceiros, exceto armazéns gerais e guarda-móveis, com segurança e organização.</p>
<a href="https://wa.me/557135067924" target="_blank" class="btn-accent text-center py-2.5 text-sm">Agendar</a>
</div>
<div class="card p-6 flex flex-col">
<span class="badge inline-block px-3 py-1 rounded-full text-xs font-semibold mb-4 w-fit">52.12-5-00</span>
<h3 class="font-bold mb-2">Carga e Descarga</h3>
<p class="text-neutral-400 text-sm mb-6 flex-1">Operações de carga e descarga com equipe treinada e processos ágeis.</p>
<a href="https://wa.me/557135067924" target="_blank" class="btn-accent text-center py-2.5 text-sm">Agendar</a>
</div>
<div class="card p-6 flex flex-col">
<span class="badge inline-block px-3 py-1 rounded-full text-xs font-semibold mb-4 w-fit">70.20-4-00</span>
<h3 class="font-bold mb-2">Consultoria em Gestão Empresarial</h3>
<p class="text-neutral-400 text-sm mb-6 flex-1">Consultoria estratégica em gestão, exceto consultoria técnica específica.</p>
<a href="https://wa.me/557135067924" target="_blank" class="btn-accent text-center py-2.5 text-sm">Agendar</a>
</div>
<div class="card p-6 flex flex-col">
<span class="badge inline-block px-3 py-1 rounded-full text-xs font-semibold mb-4 w-fit">82.11-3-00</span>
<h3 class="font-bold mb-2">Apoio Administrativo</h3>
<p class="text-neutral-400 text-sm mb-6 flex-1">Serviços combinados de escritório e apoio administrativo para sua operação.</p>
<a href="https://wa.me/557135067924" target="_blank" class="btn-accent text-center py-2.5 text-sm">Agendar</a>
</div>
</div>
</section>
<!-- REGISTRO -->
<section id="registro" class="max-w-6xl mx-auto px-6 py-20 border-t border-[#1f1f1f]">
<p class="text-xs uppercase tracking-widest text-[#facc15] font-semibold mb-3 section-title">Dados Cadastrais</p>
<h2 class="text-3xl font-black mb-10">Informações de Registro</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="card p-6"><p class="text-xs text-neutral-500 uppercase font-semibold mb-2">Razão Social</p><p class="font-semibold text-sm">VECTRA HUB LTDA</p></div>
<div class="card p-6"><p class="text-xs text-neutral-500 uppercase font-semibold mb-2">Nome Fantasia</p><p class="font-semibold text-sm">VECTRA HUB</p></div>
<div class="card p-6"><p class="text-xs text-neutral-500 uppercase font-semibold mb-2">CNPJ</p><p class="font-semibold text-sm">62.188.748/0001-17</p></div>
<div class="card p-6"><p class="text-xs text-neutral-500 uppercase font-semibold mb-2">Situação Cadastral</p><p class="font-semibold text-sm text-[#22c55e]">ATIVA</p></div>
<div class="card p-6"><p class="text-xs text-neutral-500 uppercase font-semibold mb-2">Natureza Jurídica</p><p class="font-semibold text-sm">206-2 · Sociedade Empresária Limitada</p></div>
<div class="card p-6"><p class="text-xs text-neutral-500 uppercase font-semibold mb-2">Porte</p><p class="font-semibold text-sm">EPP</p></div>
<div class="card p-6 md:col-span-2"><p class="text-xs text-neutral-500 uppercase font-semibold mb-2">Endereço</p><p class="font-semibold text-sm">Rod. Jorge Lacerda, 725 · Lote 725 · Espinheiros · Itajaí - SC</p></div>
<div class="card p-6"><p class="text-xs text-neutral-500 uppercase font-semibold mb-2">CEP</p><p class="font-semibold text-sm">88.317-100</p></div>
<div class="card p-6"><p class="text-xs text-neutral-500 uppercase font-semibold mb-2">Telefone</p><p class="font-semibold text-sm">(71) 3506-7924</p></div>
</div>
</section>
<!-- CONTATO -->
<section id="contato" class="max-w-6xl mx-auto px-6 py-20 border-t border-[#1f1f1f]">
<div class="card p-10 md:p-14 text-center max-w-3xl mx-auto">
<p class="text-xs uppercase tracking-widest text-[#facc15] font-semibold mb-3">Fale com a gente</p>
<h2 class="text-3xl font-black mb-4">Solicite seu atendimento</h2>
<p class="text-neutral-400 mb-8">Entre em contato pelo WhatsApp e receba um retorno rápido da nossa equipe comercial.</p>
<a href="https://wa.me/557135067924" target="_blank" class="text-2xl font-bold text-[#22c55e] hover:underline block mb-8">(71) 3506-7924</a>
<a href="https://wa.me/557135067924" target="_blank" class="btn-wa px-8 py-3.5 text-sm inline-block">Solicite seu Horário</a>
</div>
</section>
<!-- FOOTER -->
<footer class="border-t border-[#1f1f1f] py-8">
<div class="max-w-6xl mx-auto px-6 text-center text-xs text-neutral-500">
© 2026 VECTRA HUB LTDA · CNPJ 62.188.748/0001-17 · Itajaí - SC · VECTRA HUB
</div>
</footer>
</body>
</html>