<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Studio Cult | Soluções Tecnológicas para Eventos Corporativos</title>
<!-- Tailwind CSS CDN para renderização de design moderno -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
darkBg: '#0D1117',
cardBg: '#161B22',
cyanAccent: '#00D2FF',
amberAccent: '#FF7E5F',
borderGray: '#30363D'
}
}
}
}
</script>
<style>
body { background-color: #0D1117; color: #E6EDF3; font-family: system-ui, -apple-system, sans-serif; }
.gradient-text { background: linear-gradient(90deg, #00D2FF, #FF7E5F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.glow-button { box-shadow: 0 0 15px rgba(0, 210, 255, 0.3); }
.glow-button:hover { box-shadow: 0 0 25px rgba(0, 210, 255, 0.5); }
</style>
</head>
<body class="antialiased">
<!-- CABEÇALHO / NAVBAR -->
<header class="border-b border-borderGray bg-darkBg/90 backdrop-blur sticky top-0 z-50">
<div class="max-w-6xl mx-auto px-6 py-4 flex justify-between items-center">
<!-- LOGO STUDIO CULT -->
<div class="flex items-center space-x-2">
<span class="text-cyanAccent font-bold text-2xl tracking-tighter">❖</span>
<span class="font-extrabold text-xl tracking-wider text-white">STUDIO <span class="text-cyanAccent">CULT</span></span>
</div>
<!-- CTA WHATSAPP -->
<a href="https://wa.me/5511999999999?text=Ol%C3%A1!%20Gostaria%20de%20um%20or%C3%A7amento%20de%20equipamentos%20para%20evento."
target="_blank"
class="bg-emerald-500 hover:bg-emerald-400 text-slate-950 font-bold px-5 py-2.5 rounded-full text-sm transition duration-200 flex items-center gap-2">
<span>Falar no WhatsApp</span>
</a>
</div>
</header>
<!-- HERO SECTION -->
<section class="max-w-5xl mx-auto px-6 pt-20 pb-16 text-center">
<div class="inline-block px-4 py-1.5 mb-6 rounded-full border border-cyanAccent/30 bg-cyanAccent/10 text-cyanAccent text-xs font-semibold tracking-widest uppercase">
Equipamentos de Alta Performance para Eventos
</div>
<h1 class="text-4xl md:text-6xl font-black tracking-tight text-white mb-6 leading-tight">
Tecnologia, Som e Imagem Sob Medida para o Seu <span class="gradient-text">Evento Corporativo</span>.
</h1>
<p class="text-gray-400 text-lg md:text-xl max-w-3xl mx-auto mb-10 font-normal">
Projeção multimídia, painéis de LED, sonorização e iluminação cênica para reuniões de diretoria, treinamentos e eventos em hotéis e salas comerciais.
</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="https://wa.me/5511999999999?text=Ol%C3%A1!%20Quero%20solicitar%20um%20or%C3%A7amento."
target="_blank"
class="bg-cyanAccent hover:bg-cyan-400 text-slate-950 font-extrabold px-8 py-4 rounded-xl text-base glow-button transition duration-200">
Solicitar Orçamento Rápido
</a>
</div>
<p class="text-xs text-gray-500 mt-4">✓ Resposta ágil • Montagem e suporte técnico no local</p>
</section>
<!-- DIFERENCIAIS -->
<section class="max-w-6xl mx-auto px-6 py-12 border-t border-borderGray">
<div class="grid md:grid-cols-3 gap-6">
<div class="bg-cardBg p-6 rounded-xl border border-borderGray">
<div class="text-cyanAccent text-xl font-bold mb-2">01. Agilidade Excepcional</div>
<h3 class="text-white font-bold text-lg mb-2">Atendimento Direto</h3>
<p class="text-gray-400 text-sm">Orçamentos detalhados sem demora para você fechar a estrutura do seu evento com rapidez.</p>
</div>
<div class="bg-cardBg p-6 rounded-xl border border-borderGray">
<div class="text-amberAccent text-xl font-bold mb-2">02. Estética Clean</div>
<h3 class="text-white font-bold text-lg mb-2">Acabamento Impecável</h3>
<p class="text-gray-400 text-sm">Cabos ocultos e montagem discreta para manter a elegância de salas corporativas e hotéis.</p>
</div>
<div class="bg-cardBg p-6 rounded-xl border border-borderGray">
<div class="text-cyanAccent text-xl font-bold mb-2">03. Suporte no Local</div>
<h3 class="text-white font-bold text-lg mb-2">Técnicos Qualificados</h3>
<p class="text-gray-400 text-sm">Equipe uniformizada acompanhando a operação para garantir zero falhas na apresentação.</p>
</div>
</div>
</section>
<!-- TABELA DE SERVIÇOS -->
<section class="max-w-6xl mx-auto px-6 py-12">
<h2 class="text-2xl font-extrabold text-white mb-8 border-l-4 border-cyanAccent pl-4">Soluções de Locação</h2>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-cardBg p-6 rounded-xl border border-borderGray">
<h4 class="text-cyanAccent font-bold text-lg mb-1">Projeção & Painéis de LED</h4>
<p class="text-gray-300 text-sm">Projetores de alta definição, telas tensionadas e painéis de LED ajustados para luz ambiente em salas comerciais.</p>
</div>
<div class="bg-cardBg p-6 rounded-xl border border-borderGray">
<h4 class="text-cyanAccent font-bold text-lg mb-1">Sonorização Profissional</h4>
<p class="text-gray-300 text-sm">Caixas ativas de alta fidelidade, microfones sem fio (lapela e bastão) e mesas de som digitais compactas.</p>
</div>
<div class="bg-cardBg p-6 rounded-xl border border-borderGray">
<h4 class="text-amberAccent font-bold text-lg mb-1">Iluminação Cênica</h4>
<p class="text-gray-300 text-sm">Valorização de palcos, estandartes, banners e ambientação de salas de reunião ou recepções de hotéis.</p>
</div>
<div class="bg-cardBg p-6 rounded-xl border border-borderGray">
<h4 class="text-amberAccent font-bold text-lg mb-1">Estruturas & Acessórios</h4>
<p class="text-gray-300 text-sm">Passadores de slide, pedestais, cabeamento profissional e adaptadores universais para notebooks.</p>
</div>
</div>
</section>
<!-- FOOTER / RODAPÉ -->
<footer class="border-t border-borderGray mt-12 py-8 bg-darkBg text-center">
<p class="text-gray-500 text-sm">© 2026 Studio Cult — Locação de Equipamentos Corporativos. Todos os direitos reservados.</p>
</footer>
</body>
</html>