dcode / bootpinhais · pr — 2026
  1. > init kernel dcodeok
  2. > mount /projetos30+ cases
  3. > load stacknext · rn · supabase · ia
  4. > sync workana180 projetos
  5. > locate pinhais-pr25°26′S
  6. > decode identidadeeduardo
000
Site2026Site no ar

Site com SEO local e um mês inteiro de Instagram gerado por código.

cliente
Thaus Retífica Industrial
plataformas
Web · Instagram · WhatsApp
stack principal
HTML5 · CSS3 (design tokens) · JavaScript vanilla · Schema.org JSON-LD · Vercel
meu papel
Arquitetura, modelagem do banco, desenvolvimento e deploy.
Ver no ar · thaususinagem.com.br
Home da Thaus Retífica
140peças geradas por código
19 + 41posts e stories
11perguntas no FAQ estruturado
0frameworks no site
[ 01 ] contexto

Presença digital de uma retífica industrial B2B: site institucional sem framework, com páginas de serviço otimizadas para SEO e orçamento via WhatsApp, no ar em thaususinagem.com.br. Junto, um pacote de outubro com 19 posts, 41 stories e 2 Reels, gerado por um pipeline Python que renderiza HTML no Chrome headless e monta vídeos com Pillow e ffmpeg.

o problema

A empresa vende serviços de precisão micrométrica a ferramentarias e indústrias, mas não tinha um site que transmitisse esse padrão, explicasse cada serviço e gerasse pedidos de orçamento, nem conteúdo para lançar o Instagram.

a solução

Site estático premium em preto e prata, com landing, páginas dedicadas a morsas e mandris hidráulicos com FAQ e dados estruturados, formulário que vira mensagem de WhatsApp e SEO técnico completo. O conteúdo do mês foi produzido por um gerador Python parametrizado que reaproveita a identidade do site e regenera todas as peças em minutos.

[ 03 ] o que faz

Funcionalidades

  1. 01Landing page com hero, contadores animados, galeria infinita, parallax e grade de clientes
  2. 02Páginas de serviço para morsas e mandris hidráulicos com resposta direta, processo em 6 etapas e FAQ
  3. 03Formulário de contato validado que gera mensagem pronta no WhatsApp, com fallback para pop-up bloqueado
  4. 04Botão flutuante de WhatsApp e endereço com link para o Google Maps
  5. 05Header com glassmorphism, menu mobile acessível e navegação ativa por seção
  6. 06SEO técnico: JSON-LD, Open Graph, sitemap, robots, canonical e URLs limpas
  7. 07Página 404 temática
  8. 08Calendário de outubro com 19 posts (9 carrosséis, 1 post, 9 Reels) e legendas com hashtags
  9. 0941 stories: 27 datados com espaço para figurinhas, 7 modelos reutilizáveis e 7 de destaques
  10. 1010 capas de destaque e foto de perfil na identidade do site
  11. 112 Reels em MP4 renderizados por código e roteiros cronometrados para 7 Reels a gravar
  12. 12Infográficos educativos gerados por código (régua de tolerância, gráfico de rugosidade Ra)
[ 05 ] por dentro

Decisões técnicas

  • >Site sem framework e sem build: 3 páginas + 404, 2.239 linhas de CSS com design tokens e 255 linhas de JS vanilla
  • >4 tipos de Schema.org (LocalBusiness, Service, FAQPage com 11 perguntas, BreadcrumbList)
  • >Progressive enhancement: animações e contadores funcionam sem JS e respeitam prefers-reduced-motion
  • >Pipeline Python de 888 linhas que renderiza ~140 peças gráficas via Chrome headless em paralelo
  • >Reels compostos quadro a quadro com Pillow (Ken Burns, easing, crossfade) e codificados em H.264 com ffmpeg
  • >Conteúdo totalmente parametrizado (@, WhatsApp, datas, textos) e regenerável em minutos
  • >Imagens WebP com dimensões declaradas, lazy loading e preload do hero com fetchpriority
stack
HTML5CSS3 (design tokens)JavaScript vanillaSchema.org JSON-LDVercelPythonPillowffmpeg (imageio-ffmpeg)Chrome headlessGoogle Fonts
próximo projetoRevixRede social automotiva com mapa de encontros e eventos perto de você.

Tem um projeto parecido? Me conta o que precisa funcionar.

Pedir orçamento