+
+ Departamentos
+ +
+
+
+
+ );
+};
+
+export default CardMembros;
diff --git a/src/components/Equipa/Departamentos.tsx b/src/components/Equipa/Departamentos.tsx
new file mode 100644
index 0000000..43fd64c
--- /dev/null
+++ b/src/components/Equipa/Departamentos.tsx
@@ -0,0 +1,14 @@
+import MeuCard from "../Card/MeuCard";
+export default function Departamentos() {
+ return (
+
+
+ {imageUrl && (
+
+
+ 
+
+
+ )}
+
+
+
+ {title}
+
+ {description}
+
+ {bio && (
+ + {bio} +
+ )} +Estrutura Organizacional
+ ++ A CDH é uma estrutura organizada e viva, formada por jovens + apaixonados por inovação, educação e inclusão. Por trás de cada + projeto, iniciativa e evento, está uma força viva, em vários + departamentos, que sob unidade de propósito faz tudo acontecer. +
+
+ {/* Header */}
+
+ );
+};
+
+export default Membros;
diff --git a/src/components/Equipa/Organograma.tsx b/src/components/Equipa/Organograma.tsx
new file mode 100644
index 0000000..77669ad
--- /dev/null
+++ b/src/components/Equipa/Organograma.tsx
@@ -0,0 +1,148 @@
+import React from "react";
+
+export default function Organogram() {
+ return (
+
+
+
+ {/* Grid de Cards */}
+
+
+ Membros da Coordenação Geral
+
+ {membros.map((membro, index) => (
+
+
+
+ ))}
+
+ {/* Imagem */}
+
+
+ 
+
+
+ {/* Conteúdo */}
+ + {membro.title} +
+ +
+ {membro.description}
+
+
+ + {membro.bio} +
+
+
+ );
+}
diff --git a/src/layouts/Header.astro b/src/layouts/Header.astro
index ab94dad..a0ea4fa 100644
--- a/src/layouts/Header.astro
+++ b/src/layouts/Header.astro
@@ -4,6 +4,7 @@ import Logo from "../components/Logo/Logo.astro";
const links = [
{ href: "/", label: "Início" },
{ href: "/quem-somos", label: "Quem Somos" },
+ { href: "/equipa", label: "Equipa" },
{ href:"/blog", label: "Blog"},
{ href: "/contatos", label: "Contato" },
];
diff --git a/src/pages/equipa.astro b/src/pages/equipa.astro
new file mode 100644
index 0000000..cec8285
--- /dev/null
+++ b/src/pages/equipa.astro
@@ -0,0 +1,12 @@
+---
+//componente
+import Layout from '../layouts/Layout.astro';
+import Equipa from '../components/Equipa/Equipa';
+
+---
+
+
+ {/* Header */}
+
+
+
+ {/* Estrutura */}
+
+
+
+
+ + Diagrama Estrutural da CDH +
++ Compreender de maneira visual a estrutura funcional da CDH +
+
+
+ DESDE 27 DE JULHO | 2024
+
+ {/* Administração */}
+
+
+
+
+ {/* Linha */}
+
+ ADMINISTRAÇÃO
+
+
+
+
+
+ {/* Coordenadores */}
+
+
+
+ {/* Linha */}
+
+ COORDENADOR EXECUTIVO
+
+
+
+ VICE-COORDENADOR EXECUTIVO
+
+
+
+
+ {/* Core Team */}
+
+
+
+
+
+
+
+
+
+ {/* Linha */}
+
+ CORE TEAM
+
+
+
+
+
+ {/* Departamentos */}
+
+ {/* Redação */}
+
+
+
+
+ {/* Imagem */}
+
+ REDAÇÃO
+
+
+
+
+ Secretário
+
+
+ Vice-Secretário
+
+
+ Pessoal
+
+
+
+
+ {/* Suporte */}
+
+ IMAGEM
+
+
+
+
+ Secretário
+
+
+ Vice-Secretário
+
+
+ Pessoal
+
+
+
+
+ {/* Marketing */}
+
+ SUPORTE
+
+
+
+
+ Secretário
+
+
+ Vice-Secretário
+
+
+ Pessoal
+
+
+
+
+ MARKETING
+
+
+
+
+ Secretário
+
+
+ Vice-Secretário
+
+
+ Pessoal
+
+