Voltar para projetos
Projeto de cliente — site multilíngue e painelEm produção

A Leitura da Borra de Café

Site em quatro idiomas com agendamento pelo WhatsApp e um painel próprio para o cliente atualizar o conteúdo sem mexer em código.

Visitar site A Leitura da Borra de CaféSolicitar projeto semelhante
Seção de galeria do site A Leitura da Borra de Café em português

Contexto

A Leitura da Borra de Café oferece atendimentos presenciais, online e em eventos, a partir de Ilhabela (SP), com conteúdo em português, espanhol, inglês e árabe.

Problema

O atendimento precisava de um site próprio que apresentasse os serviços nos idiomas do público e levasse o visitante ao agendamento. Textos, preços, fotos e seções também precisavam mudar sem depender de um desenvolvedor a cada ajuste.

Solução

Desenvolvemos um site de página única em português, espanhol, inglês e árabe, com leitura da direita para a esquerda no árabe e agendamento que abre o WhatsApp com a mensagem pronta. Junto dele, um painel administrativo próprio para o cliente editar conteúdo por idioma, preços, cupons, imagens, cores e seções visíveis.

O que a VyteTech fez

Implementamos a experiência multilíngue, o suporte ao árabe com leitura da direita para a esquerda, o agendamento via WhatsApp e a área de gestão de conteúdo do cliente.

Implementação

  1. Site em React com uma versão por idioma e layout da direita para a esquerda no árabe
  2. API tipada com tRPC sobre Hono e banco PostgreSQL com Drizzle ORM, no mesmo serviço do site
  3. Painel com login próprio, sessão em cookie httpOnly e senhas protegidas com bcrypt
  4. Cupons com percentual e período de validade, validados no servidor e cobertos por testes automatizados
  5. Páginas estáticas por idioma geradas no build, com hreflang, sitemap, robots e dados estruturados
  6. Manual do painel escrito para o cliente, sem termos técnicos

Funcionalidades

  • Português, espanhol, inglês e árabe
  • Layout da direita para a esquerda no árabe
  • Agendamento com mensagem pronta no WhatsApp
  • Cupons de desconto validados no servidor
  • Painel administrativo próprio
  • Edição de textos por idioma
  • Gestão de preços, imagens e vídeos
  • Cores, fontes e seções configuráveis
  • Gestão de administradores
  • SEO multilíngue com hreflang e dados estruturados

Tecnologias

  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • tRPC
  • Hono
  • PostgreSQL
  • Drizzle ORM
  • Render

Resultado

Site publicado em domínio próprio nos quatro idiomas, com um painel que permite ao cliente atualizar textos, preços, imagens e seções sem alterar código.

Serviços relacionados: Sites profissionais, Sistemas sob medida

Galeria

Conheça o site

Versão em árabe

Perguntas frequentes com texto e alinhamento da direita para a esquerda.

Celular

Layout responsivo da galeria.

Quer desenvolver uma solução semelhante?

Conte o cenário da sua empresa e analisamos o melhor caminho técnico e comercial.

Solicitar diagnóstico