Stellamaris Cidadania

Site institucional premium para assessoria de cidadania italiana — hero cinematográfico em bordô e dourado, serviços em cards editoriais, timeline de processo, equipe jurídica, galeria do escritório, parceiros e depoimentos reais do Google.

React TypeScript Tailwind CSS Three.js

Ver site ao vivo ↗

Antes

Escritório de cidadania sem presença digital que transmitisse confiança jurídica e sofisticação para famílias brasileiras.

Solução

One-page editorial com narrativa emocional, processo transparente em 6 etapas, globo 3D interativo e prova social integrada.

Resultado

Marca digital premium ao vivo, com CTA claro para captação de leads qualificados em cidadania italiana.

Live site em produção

5.0★ avaliações Google

Sobre

O Stellamaris Cidadania conecta brasileiros às suas raízes italianas com assessoria jurídica especializada. O site traduz essa proposta em uma experiência visual sofisticada — paleta bordô e dourado, tipografia serifada nos destaques e fotografia real do escritório.

Construído como SPA com React e Vite, combina animações de scroll, cards assimétricos, timeline vertical de processo, globo 3D rotativo para mobilidade europeia e seção de depoimentos com avaliações reais do Google.

01 Hero com slider de escritório e barra de estatísticas (+100 cidadanias, 5.0★)

02 Globo 3D interativo com destaque Schengen e passaporte europeu

03 Timeline de 6 etapas do processo com cards alternados

Principais funcionalidades

Hero cinematográfico

Headline em dourado, slider de fotos do escritório, CTA principal e faixa de métricas (+100 cidadanias, 50+ clientes, 5.0★, +8 anos).

Serviços editoriais

Grid assimétrico com cards de cidadania italiana, direito de cidadania e CTAs de conversão — com renders 3D de passaportes.

Mobilidade europeia

Seção imersiva com globo 3D rotativo, lista de benefícios Schengen e narrativa sobre liberdade de circulação na Europa.

Equipe & processo

Apresentação da Dra. Edi Martini, equipe jurídica especializada e timeline vertical com 6 etapas — da avaliação inicial à cidadania reconhecida.

Galeria & parceiros

Bento grid com fotos do escritório, cards de compromisso, logos de parceiros em grid monocromático e slider de depoimentos Google.

Oportunidades & CTA

Seção de benefícios (viagens, trabalho, estudo, família), métricas de aprovação e banner final de conversão com WhatsApp flutuante.

Arquitetura

Componentes por seção com React + Tailwind. O globo 3D usa Three.js com interação de arrastar. Depoimentos e parceiros são dados estáticos tipados; animações de entrada via Intersection Observer e transições CSS customizadas.