<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>DARK SIDE UNDER GLASS | Artefatos para pesca e esporte em Florianopolis - SC</title>
<meta name="description" content="DARK SIDE UNDER GLASS, estabelecimento da DARK SIDE UNDER GLASS LTDA, com fabricação de artefatos para pesca e esporte em Florianopolis - SC." />
<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>
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: 'Inter', sans-serif;
background: #0a0a0a;
color: #f5f5f5;
}
.card {
background: #111111;
border: 1px solid #1f1f1f;
border-radius: 16px;
}
.panel {
background: linear-gradient(145deg, #161616, #0d0d0d);
border: 1px solid #262626;
border-radius: 16px;
}
.btn-accent {
background: #facc15;
color: #0a0a0a;
font-weight: 800;
border-radius: 12px;
transition: .2s ease;
}
.btn-wa {
background: #22c55e;
color: #07120a;
font-weight: 800;
border-radius: 12px;
transition: .2s ease;
}
.btn-accent:hover, .btn-wa:hover {
filter: brightness(.93);
transform: translateY(-1px);
}
.eyebrow {
color: #facc15;
text-transform: uppercase;
letter-spacing: .14em;
font-size: .75rem;
font-weight: 800;
}
</style>
</head>
<body>
<header class="sticky top-0 z-50 border-b border-[#1f1f1f] bg-[#0a0a0a]/95 backdrop-blur">
<div class="mx-auto flex max-w-7xl items-center justify-between gap-5 px-6 py-4 lg:px-8">
<a href="#inicio" class="flex min-w-0 items-center gap-3">
<div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-2xl bg-[#facc15] text-sm font-black text-black">DS</div>
<div class="min-w-0">
<p class="truncate text-sm font-black text-white">DARK SIDE UNDER GLASS</p>
<p class="truncate text-xs text-neutral-400">CNPJ 64.712.702/0001-80 · FLORIANOPOLIS/SC</p>
<p class="truncate text-xs font-semibold text-[#facc15]">Fabricação de artefatos para pesca e esporte</p>
</div>
</a>
<nav class="hidden items-center gap-7 text-sm font-semibold text-neutral-300 lg:flex">
<a href="#sobre" class="hover:text-[#facc15]">Sobre</a>
<a href="#servicos" class="hover:text-[#facc15]">Serviços</a>
<a href="#registro" class="hover:text-[#facc15]">Registro</a>
<a href="#contato" class="hover:text-[#facc15]">Contato</a>
</nav>
<a href="https://wa.me/5511918805588" target="_blank" rel="noopener noreferrer" class="btn-accent px-5 py-3 text-sm">Atendimento</a>
</div>
</header>
<main id="inicio">
<section class="mx-auto grid max-w-7xl items-center gap-12 px-6 py-20 lg:grid-cols-[1.2fr_.8fr] lg:px-8 lg:py-28">
<div>
<span class="eyebrow">DARK SIDE UNDER GLASS · FLORIANOPOLIS/SC</span>
<h1 class="mt-5 max-w-4xl text-4xl font-black leading-tight tracking-tight text-white sm:text-5xl lg:text-6xl">
Fabricação e manutenção para pesca, esporte e lazer
</h1>
<p class="mt-6 max-w-2xl text-base leading-8 text-neutral-400 sm:text-lg">
Informações institucionais da DARK SIDE UNDER GLASS, estabelecimento da DARK SIDE UNDER GLASS LTDA, com situação cadastral ATIVA e atuação em fabricação e manutenção para pesca, esporte e lazer em FLORIANOPOLIS - SC.
</p>
<div class="mt-8 flex flex-col gap-3 sm:flex-row">
<a href="https://wa.me/5511918805588" target="_blank" rel="noopener noreferrer" class="btn-wa px-6 py-4 text-center">Falar pelo WhatsApp</a>
<a href="#servicos" class="rounded-xl border border-[#303030] bg-[#111] px-6 py-4 text-center font-bold text-white">Conhecer atividades</a>
</div>
</div>
<aside class="panel p-6 sm:p-8">
<div class="flex items-center justify-between gap-4">
<span class="eyebrow">Atendimento</span>
<span class="rounded-full bg-[#22c55e]/10 px-3 py-1 text-xs font-black text-[#22c55e]">ATIVA</span>
</div>
<h2 class="mt-4 text-2xl font-black text-white">Solicite informações sobre produtos e serviços</h2>
<p class="mt-3 leading-7 text-neutral-400">Entre em contato diretamente pelo WhatsApp informado no cadastro.</p>
<div class="mt-8 rounded-2xl border border-[#282828] bg-[#0b0b0b] p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">WhatsApp</p>
<a href="https://wa.me/5511918805588" target="_blank" rel="noopener noreferrer" class="mt-2 block text-xl font-black text-white">(11) 91880-5588</a>
<p class="mt-2 text-sm text-neutral-500">FLORIANOPOLIS - SC</p>
</div>
<a href="https://wa.me/5511918805588" target="_blank" rel="noopener noreferrer" class="btn-accent mt-5 block w-full px-6 py-4 text-center">Solicitar atendimento</a>
</aside>
</section>
<section id="sobre" class="border-y border-[#171717] bg-[#0d0d0d]">
<div class="mx-auto max-w-7xl px-6 py-20 lg:px-8">
<span class="eyebrow">Sobre</span>
<h2 class="mt-3 text-3xl font-black tracking-tight text-white sm:text-4xl">Informações claras e contato acessível</h2>
<p class="mt-6 max-w-5xl text-base leading-8 text-neutral-400 sm:text-lg">
Fundada em 23/01/2026, a DARK SIDE UNDER GLASS LTDA, com nome fantasia DARK SIDE UNDER GLASS, atua na fabricação de artefatos para pesca e esporte e na manutenção e reparação de embarcações para esporte e lazer, com sede em FLORIANOPOLIS - SC.
</p>
<div class="mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Razão Social</p>
<p class="mt-2 font-bold text-white">DARK SIDE UNDER GLASS LTDA</p>
</div>
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Nome Fantasia</p>
<p class="mt-2 font-bold text-white">DARK SIDE UNDER GLASS</p>
</div>
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Porte</p>
<p class="mt-2 font-bold text-white">ME</p>
</div>
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Atividade</p>
<p class="mt-2 font-bold text-white">Fabricação de artefatos para pesca e esporte</p>
</div>
</div>
</div>
</section>
<section id="servicos" class="mx-auto max-w-7xl px-6 py-20 lg:px-8">
<span class="eyebrow">Serviços</span>
<h2 class="mt-3 text-3xl font-black tracking-tight text-white sm:text-4xl">Atividades econômicas</h2>
<p class="mt-4 max-w-3xl leading-7 text-neutral-400">Atividades declaradas no cadastro da empresa.</p>
<div class="mt-10 grid gap-5 lg:grid-cols-2">
<article class="card flex flex-col p-6 sm:p-8">
<div class="flex flex-wrap items-center justify-between gap-3">
<span class="rounded-full border border-[#343434] bg-[#181818] px-3 py-1 text-xs font-extrabold text-[#facc15]">CNAE PRINCIPAL</span>
<span class="text-sm font-bold text-neutral-500">32.30-2-00</span>
</div>
<h3 class="mt-5 text-xl font-extrabold leading-8 text-white">Fabricação de artefatos para pesca e esporte</h3>
<a href="https://wa.me/5511918805588" target="_blank" rel="noopener noreferrer" class="btn-wa mt-7 block px-5 py-4 text-center text-sm">Solicitar atendimento</a>
</article>
<article class="card flex flex-col p-6 sm:p-8">
<div class="flex flex-wrap items-center justify-between gap-3">
<span class="rounded-full border border-[#343434] bg-[#181818] px-3 py-1 text-xs font-extrabold text-[#facc15]">CNAE SECUNDÁRIO</span>
<span class="text-sm font-bold text-neutral-500">33.17-1-02</span>
</div>
<h3 class="mt-5 text-xl font-extrabold leading-8 text-white">Manutenção e reparação de embarcações para esporte e lazer</h3>
<a href="https://wa.me/5511918805588" target="_blank" rel="noopener noreferrer" class="btn-wa mt-7 block px-5 py-4 text-center text-sm">Solicitar atendimento</a>
</article>
</div>
</section>
<section id="registro" class="border-y border-[#171717] bg-[#0d0d0d]">
<div class="mx-auto max-w-7xl px-6 py-20 lg:px-8">
<span class="eyebrow">Registro</span>
<h2 class="mt-3 text-3xl font-black tracking-tight text-white sm:text-4xl">Informações cadastrais</h2>
<div class="mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
<div class="card p-5 lg:col-span-2">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Razão Social</p>
<p class="mt-2 font-bold text-white">DARK SIDE UNDER GLASS LTDA</p>
</div>
<div class="card p-5 lg:col-span-2">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Nome Fantasia</p>
<p class="mt-2 font-bold text-white">DARK SIDE UNDER GLASS</p>
</div>
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">CNPJ</p>
<p class="mt-2 font-bold text-white">64.712.702/0001-80</p>
</div>
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Situação Cadastral</p>
<p class="mt-2 font-bold text-[#22c55e]">ATIVA</p>
</div>
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Estabelecimento</p>
<p class="mt-2 font-bold text-white">MATRIZ</p>
</div>
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Data de Abertura</p>
<p class="mt-2 font-bold text-white">23/01/2026</p>
</div>
<div class="card p-5 sm:col-span-2">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Natureza Jurídica</p>
<p class="mt-2 font-bold text-white">206-2 - Sociedade Empresária Limitada</p>
</div>
<div class="card p-5 sm:col-span-2">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Data da Situação Cadastral</p>
<p class="mt-2 font-bold text-white">23/01/2026</p>
</div>
<div class="card p-5 sm:col-span-2 lg:col-span-3">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Endereço</p>
<p class="mt-2 font-bold leading-7 text-white">SRV JOAO BATISTA PIRES, 996, CASA 05, CAMPECHE, FLORIANOPOLIS - SC</p>
</div>
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">CEP</p>
<p class="mt-2 font-bold text-white">88.063-260</p>
</div>
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Complemento</p>
<p class="mt-2 font-bold text-white">CASA 05</p>
</div>
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">Telefone</p>
<a href="https://wa.me/5511918805588" target="_blank" rel="noopener noreferrer" class="mt-2 block font-bold text-white hover:text-[#22c55e]">(11) 91880-5588</a>
</div>
<div class="card p-5 sm:col-span-2">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">E-mail</p>
<a href="mailto:DARKSIDEUNDERGLASS@GMAIL.COM" class="mt-2 block break-all font-bold text-white hover:text-[#facc15]">DARKSIDEUNDERGLASS@GMAIL.COM</a>
</div>
<div class="card p-5">
<p class="text-xs font-bold uppercase tracking-widest text-neutral-500">EFR</p>
<p class="mt-2 font-bold text-white">*****</p>
</div>
</div>
</div>
</section>
<section id="contato" class="mx-auto max-w-7xl px-6 py-20 lg:px-8">
<div class="panel p-8 sm:p-10 lg:p-12">
<div class="grid items-center gap-8 lg:grid-cols-[1fr_auto]">
<div>
<span class="eyebrow">Contato</span>
<h2 class="mt-3 text-3xl font-black text-white sm:text-4xl">Entre em contato com a empresa</h2>
<p class="mt-4 text-neutral-400">Use o WhatsApp informado para solicitar atendimento.</p>
<a href="https://wa.me/5511918805588" target="_blank" rel="noopener noreferrer" class="mt-5 inline-block text-2xl font-black text-[#22c55e]">(11) 91880-5588</a>
</div>
<a href="https://wa.me/5511918805588" target="_blank" rel="noopener noreferrer" class="btn-wa px-7 py-4 text-center">Solicitar atendimento</a>
</div>
</div>
</section>
</main>
<footer class="border-t border-[#1f1f1f]">
<div class="mx-auto flex max-w-7xl flex-col gap-2 px-6 py-8 text-sm text-neutral-500 sm:flex-row sm:items-center sm:justify-between lg:px-8">
<p>© 2026 DARK SIDE UNDER GLASS LTDA · CNPJ 64.712.702/0001-80</p>
<p>FLORIANOPOLIS - SC · Fabricação de artefatos para pesca e esporte</p>
</div>
</footer>
</body>
</html>