Site institucional da Clínica PrevImagem, desenvolvido como projeto prático da Residência Tecnológica Porto Digital, programa RiseUp UNIT (Rocketseat + Universidade Tiradentes), 2026.
A PrevImagem é uma clínica especializada em diagnóstico por imagem e estética localizada em Paulista, PE. Este projeto entrega o site institucional da clínica com foco em clareza de informações, experiência do usuário e design responsivo.
- Seção Exames e Serviços (Ultrassom, Raio-X, Mamografia)
- Seção Estética (Preenchimento Labial, Métodos de Emagrecimento, Gerenciamento de Pele)
- Seção Médicos Especialistas
- Seção Quem Somos
- Seção Convênios
- Navbar com links de navegação e redes sociais
- Footer completo
- Chatbot de atendimento via WhatsApp
- React — biblioteca para construção de interfaces
- Vite — ferramenta de build e desenvolvimento
- Tailwind CSS — framework de estilização
- JavaScript ES6+
src/
assets/
convenios/ ← logos dos convênios
quem-somos/ ← ícones e foto da clínica
section/ ← ícones SVG das seções
components/
BotaoSection.jsx
CardSections.jsx
Chatbot.jsx
ChatbotIcon.jsx
Convenios.jsx
EsteticaSection.jsx
ExamesSection.jsx
FooterComponent.jsx
MedicosSection.jsx
Navbar.jsx
QuemSomos.jsx
tailwind/
index.css
App.css
Navbar.css
FooterComponent.css
App.jsx
main.jsx
| Componente | Descrição |
|---|---|
Navbar.jsx |
Barra de navegação com logo, menu e redes sociais |
QuemSomos.jsx |
Seção institucional com missão, visão e valores |
ExamesSection.jsx |
Seção de exames e serviços com cards |
EsteticaSection.jsx |
Seção de procedimentos estéticos com cards |
MedicosSection.jsx |
Seção de especialistas e médicos com cards |
CardSections.jsx |
Card reutilizável usado nas três seções acima |
BotaoSection.jsx |
Botão reutilizável "Ver todos os..." |
Convenios.jsx |
Grid com logos dos convênios aceitos |
Chatbot.jsx |
Chatbot de atendimento via WhatsApp |
FooterComponent.jsx |
Rodapé com informações e links |
Pré-requisitos: Node.js instalado
# Clone o repositório
git clone https://github.com/aghata-guerra/PrevImagem.git
# Acesse a pasta
cd PrevImagem
# Instale as dependências
npm install
# Rode o servidor de desenvolvimento
npm run dev| Nome | GitHub |
|---|---|
| Aghata Guerra | @aghata-guerra |
| Arielle Beatriz | @ari-domingos |
| Artur Barreto | @ArturBarreto943 |
| Bruno Serpa | @brserpa |
| Bruna Francisca | @BrunaFrancisca |
| Caio Henrique | @caiohenrique07-prog |
| Thales Vinicius | @Tha-ls |
| alemcae | @alemcae-cyber |
Projeto desenvolvido durante a Residência Tecnológica Porto Digital — programa RiseUp UNIT, em parceria com Rocketseat e Universidade Tiradentes (UNIT), Recife/PE, 2026.