Skip to content

gui-bus/Onyx

Repository files navigation

ONYX

React NextJS Typescript Tailwind Framer Motion Phosphor Icons Husky Conventional Commits Cursor Gemini Windsurf

📖 Panorama Geral

A ONYX é uma landing page de ultra-luxo para uma boutique jurídica internacional e consultoria estratégica. O projeto foi concebido para transmitir autoridade, discrição e sofisticação, utilizando uma estética "Dark & Gold" que reflete o ambiente de decisões de alto nível e proteção de patrimônio global.

🎯 Diferenciais Estratégicos

  • Estética "Boutique" & Prestígio: Design minimalista e impactante, com foco em tipografia clássica e espaços negativos, transmitindo a exclusividade de um serviço personalizado.
  • Narrativa de Legado: Estrutura de conteúdo que guia o cliente desde a filosofia de precisão até a prova social de CEOs de empresas Fortune 500.
  • Arquitetura Global: Preparada para o mercado internacional com um sistema de tradução impecável e detecção automática de região.

✨ Ecossistema de Funcionalidades

🎞️ Impacto Visual (Branding & Motion)

  • The Art of Strategy: Hero section monumental com tipografia "roman-inspired" (MMXXVI) e efeitos de revelação que estabelecem o tom de tradição e futuro.
  • High-End Animations: Combinação poderosa de Framer Motion para interações de interface e GSAP para orquestração de scroll complexo e micro-interações.

🏛️ Estrutura & Expertise

  • Practice Areas Portfolio: Showcase das áreas de atuação (M&A, Wealth Management, Tax Strategy) com cards interativos e descrições técnicas refinadas.
  • Heritage Timeline: Uma jornada visual pela história da firma, desde a fundação em São Paulo até a expansão para Genebra e Londres.
  • Thought Leadership (Insights): Seção de artigos estratégicos que posiciona a marca como autoridade intelectual no mercado jurídico.

🔐 Segurança & Conversão

  • Confidential Channel: Fluxo de contato otimizado para solicitações de alta complexidade, enfatizando a criptografia e a discrição desde o primeiro clique.
  • FAQ Intelligence: Central de inteligência para sanar dúvidas críticas sobre jurisdições internacionais e protocolos de confidencialidade.

🛠️ Deep Dive Tecnológico

Arquitetura de Internacionalização

O projeto utiliza o next-intl com uma estratégia de "Zero Latency Language Switching":

  • Middleware Intelligent: Gerenciamento de idiomas via NEXT_LOCALE e detecção de headers, garantindo que o cliente sempre veja o conteúdo na sua língua preferida.
  • Type-Safe Dictionaries: Garantia de que 100% das strings (PT/EN) estão sincronizadas e tipadas, evitando falhas de conteúdo em produção.

Performance e Estilização

  • Tailwind CSS v4 (Engine JIT): Utiliza as últimas otimizações de performance para entregar um CSS crítico extremamente leve, essencial para SEO e experiência mobile.
  • Hybrid Animation Engine: Otimização de 60fps constantes através da separação de responsabilidades entre Framer Motion (layout/UI) e GSAP (scroll/timelines).

About

A ONYX é uma landing page de ultra-luxo para uma boutique jurídica internacional e consultoria estratégica. O projeto foi concebido para transmitir autoridade, discrição e sofisticação, utilizando uma estética "Dark & Gold" que reflete o ambiente de decisões de alto nível e proteção de patrimônio global.

Topics

Resources

Stars

Watchers

Forks

Contributors