Belz Corretora
Site institucional reconstruído e landing page multi-tenant de corretor — a semente de um SaaS de leads.
Contexto
O desafio
O site da Belz Corretora estava no ar com links 404 e um WordPress possivelmente comprometido — uma superfície de ataque num negócio que depende de confiança.
A resposta foi reconstruir tudo como site estático: rápido, sem superfície de ataque e barato de manter. Mas aproveitei o projeto para resolver um segundo problema — dar ao corretor parceiro uma página de conversão própria.
Tecnologia
Stack
- Framework
- Next.js 16 (App Router, Turbopack)
- UI
- React 19, TypeScript, Tailwind v4
- Renderização
- Totalmente estático (SSG)
- Deploy
- Vercel ou VPS HostGator
Estrutura
Arquitetura
app/
(site)/ # site institucional (Header + Footer compartilhados)
page.tsx # Home
sobre/ seguros/ blog/ contato/
[corretor]/ # LP multi-tenant do corretor (chrome próprio)
components/ # Header, Footer, Logo, ContatoForm, WhatsAppFloat, ui
lib/ # site.ts, corretores.ts, whatsapp.tsEscopo
Funcionalidades
/Site institucional
- Home, Sobre, Seguros, Blog e Contato
- Reconstrução limpa do site atual, sem os 404
- Estático: sem banco, sem admin, sem superfície de ataque
/LP do corretor (multi-tenant)
- Uma página de conversão por corretor, endereçada por slug (/nome-do-corretor)
- Aquece o lead e encaminha para o WhatsApp do corretor
- Dados de cada corretor isolados em lib/corretores.ts — adicionar um corretor é adicionar um registro
Engenharia
Destaques técnicos
Arquitetado para virar SaaS sem reescrever o front
Os pontos de contato com WhatsApp (lib/whatsapp.ts, formulário de contato) foram isolados de propósito. No futuro, o clique deixa de abrir o wa.me e passa a fazer um POST para o n8n, que cria o lead e dispara a IA de qualificação. O front não muda.
Estático como decisão de segurança
O problema original era um CMS comprometido. Um site sem servidor de aplicação e sem banco não tem o que ser invadido — a escolha de SSG aqui é resposta ao incidente, não preferência técnica.
Impacto
Resultados
- Demo funcional, com site institucional e LP de corretor navegáveis
- Marca extraída do site original: navy #0F184B, acento dourado #D7A94B, Montserrat
- Base multi-tenant pronta para o produto de qualificação de leads
Retrospectiva
O que esse projeto me ensinou
Um pedido de “refazer o site” pode ser a porta de entrada para um produto. O institucional era o trabalho; a LP multi-tenant é onde estava a oportunidade real.
Escolher a arquitetura a partir do modo de falha do cliente — e não do que é interessante de construir — faz a decisão se justificar sozinha.