update readme

profile/README.md

@@ -1,25 +1,96 @@
-<img src="./banner_blue.jpg" alt="Impacto: Unindo Causas, transformando vidas!">
+![Banner Impacto](./banner.jpg)
 
-## Sobre nós
+## 📖 Sobre nós
 
 Nosso propósito é desenvolver um ambiente digital seguro e confiável, onde os usuários possam encontrar oportunidades de voluntariado e entidades para realizar doações. Dessa forma, pretendemos promover uma cultura de solidariedade e impacto social positivo.
 
-## Colaboradores da Impacto:
-- [Celina Wendy - Dev Frontend](https://github.com/Celina22w);
-- [Fábio Henrique - Dev Backend](https://github.com/FH-Silva);
-- [Gabriel Braz - Scrum Master e Dev Fullstack](https://github.com/bieelbrz);
-- [Gustavo Sales - Gerente QA e Dev Fullstack](https://github.com/Gusales/);
-- [Helen Silva - Financeira, Design UX/Ui e Dev Frontend](https://github.com/helenrocha19);
-- [Kauã Dolores - Dev Backend](https://github.com/Kauadoloress);
-- [Lucas Tomaz - Product Owner e Dev Frontend](https://github.com/LucasLTM);
+## 🤝 Colaboradores
+
+Essas são as pessoas que impactaram no projeto:
+
+<table>
+  <tr>
+    <td align="center">
+      <a href="#" title="defina o titulo do link">
+        <img src="https://github.com/Celina22w.png" width="100px;" alt="Foto de Celina Wendy no GitHub"/><br>
+        <sub style="display: flex; flex-direction: column; gap: 20px; margin-top: 10px;">
+          <b>Celina Wendy</b>
+          <p>Dev Frontend</p>
+        </sub>
+      </a>
+    </td>
+    <td align="center">
+      <a href="#" title="defina o titulo do link">
+        <img src="https://github.com/FH-Silva.png" width="100px;" alt="Foto de Celina Wendy no GitHub"/><br>
+        <sub style="display: flex; flex-direction: column; gap: 20px; margin-top: 10px;">
+          <b>Fábio Henrique</b>
+          <p>Dev Backend</p>
+        </sub>
+      </a>
+    </td>
+    <td align="center">
+      <a href="#" title="defina o titulo do link">
+        <img src="https://github.com/bieelbrz.png" width="100px;" alt="Foto de Celina Wendy no GitHub"/><br>
+        <sub style="display: flex; flex-direction: column; gap: 20px; margin-top: 10px; align-items: center;">
+          <b>Gabriel Braz</b>
+          <p>Scrum Master e Fullstack</p>
+        </sub>
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="#" title="defina o titulo do link">
+        <img src="https://github.com/Gusales.png" width="100px;" alt="Foto de Celina Wendy no GitHub"/><br>
+        <sub style="display: flex; flex-direction: column; gap: 20px; margin-top: 10px;">
+          <b>Gustavo Sales</b>
+          <p>Q.A e Fullstack</p>
+        </sub>
+      </a>
+    </td>
+    <td align="center">
+      <a href="#" title="defina o titulo do link">
+        <img src="https://github.com/helenrocha19.png" width="100px;" alt="Foto de Celina Wendy no GitHub"/><br>
+        <sub style="display: flex; flex-direction: column; gap: 20px; margin-top: 10px;">
+          <b>Helen Silva</b>
+          <p>Financeira, Designer e Frontend</p>
+        </sub>
+      </a>
+    </td>
+    <td align="center">
+      <a href="#" title="defina o titulo do link">
+        <img src="https://github.com/Kauadoloress.png" width="100px;" alt="Foto de Celina Wendy no GitHub"/><br>
+        <sub style="display: flex; flex-direction: column; gap: 20px; margin-top: 10px; align-items: center;">
+          <b>Kauã Dolores</b>
+          <p>DevOPS e Backend</p>
+        </sub>
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="#" title="defina o titulo do link">
+        <img src="https://github.com/LucasLTM.png" width="100px;" alt="Foto de Celina Wendy no GitHub"/><br>
+        <sub style="display: flex; flex-direction: column; gap: 20px; margin-top: 10px; align-items: center;">
+          <b>Lucas Tomaz</b>
+          <p>Product Owner, Designer e Frontend</p>
+        </sub>
+      </a>
+    </td>
+  </tr>
+</table>
+
+## 🚀 Tecnologias utilizadas no Projeto
+### 🎨 Frontend
 
-## Tecnologias utilizadas no Projeto
 - ReactJS e ViteJS;
-- TailwindCSS e ShadcnUI;
-- Java SprintBoot;
-- MySQL;
+- TailwindCSS e ShacnUI;
+
+### 📚 Backend
+- JAVA + Springboot;
+- Banco de dados MySQL;
 
-## Entre em contato!
+## 💬 Entre em contato!
 <div>
   <a href="https://www.linkedin.com/company/projetoimpacto/about/" target="_blank">
     <img src="https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white" />