https://github.com/pedromarques391/pacificus
Modelo de Site para escritórios de advogacia construído com Typescript, React.js, Next.js e estilizado com Tailwindcss.
https://github.com/pedromarques391/pacificus
firebase firebase-firestore javascript mobile-first nextjs reactjs tailwindcss typescript
Last synced: 3 months ago
JSON representation
Modelo de Site para escritórios de advogacia construído com Typescript, React.js, Next.js e estilizado com Tailwindcss.
- Host: GitHub
- URL: https://github.com/pedromarques391/pacificus
- Owner: PedroMarques391
- License: mit
- Created: 2024-04-25T17:34:36.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-04T17:53:00.000Z (about 2 years ago)
- Last Synced: 2025-03-13T17:21:23.386Z (over 1 year ago)
- Topics: firebase, firebase-firestore, javascript, mobile-first, nextjs, reactjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://pacificus.vercel.app
- Size: 61.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pacificus & Associados
Pacificus & Associados é um modelo de site desenvolvido para escritórios de advocacia, construído com TypeScript, React.js, Next.js, Firebase e estilizado com Tailwind CSS.
## Funcionalidades
### Rotas
O site possui as seguintes rotas:
- **Home**: Página inicial com uma visão geral do escritório e seus serviços.
- **Áreas de Atuação**: Informações detalhadas sobre as áreas de atuação do escritório, destacando seus serviços e expertise.
- **Time**: Perfil dos advogados associados, incluindo suas especialidades, formação e atribuições.
- **Contatos**: Formulário de contato e informações de contato do escritório.
- **Ética e Código de Conduta**: Diretrizes éticas e código de conduta seguidos pelo escritório.
- **Página 404**: Página de erro do escritório com links para todas as rotas.
### Responsividade
O site é totalmente responsivo para todos os tipos de tela, seguindo o método mobile first. Ele se adapta de forma elegante a dispositivos móveis, tablets e desktops.
### Armazenamento Seguro de Informações
Agora, as informações de contato enviadas pelo cliente através do formulário são cuidadosamente armazenadas em um banco de dados no Firebase Firestore. Isso garante a segurança e a integridade dos dados, permitindo seu acesso para uso futuro.
### Organização de Componentes
Os componentes estão organizados por pastas, facilitando a manutenção e expansão do projeto:
- **Home**: Componentes específicos da página inicial.
- **Navigation**: Componentes de navegação, incluindo cabeçalho e rodapé.
- **Team**: Componentes relacionados ao perfil dos advogados associados.
- **Template**: Componentes gerais utilizados em várias páginas do site.
### Ícones SVG
Os ícones utilizados são SVGs retirados do site [Hero Icons](https://heroicons.com/) e exportados como funções nos componentes. Isso permite uma fácil customização e escalabilidade dos ícones.
### Dados Gerados
As informações sobre as áreas de atuação do escritório são baseadas em artigos e/ou geradas por inteligência artificial, garantindo dados relevantes e atualizados.
Os nomes e informações dos advogados associados também foram gerados com inteligência artificial, mas são fictícios para proteger a privacidade.
### Otimização de Imagens
Todas as imagens do site estão otimizadas para melhorar o carregamento da página, garantindo uma experiência de usuário mais rápida e suave.
## Licença
Este projeto está licenciado sob a [Licença MIT](https://opensource.org/licenses/MIT).