feat/publicacoes (#158)

* publicações completo

* adicionado link para quem somos

assets/css/landing.scss

@@ -129,6 +129,46 @@
   }
 }
 
+.publications {
+
+  .publications-text {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .publications-main-text {
+      margin: 5rem 30rem;
+    }
+
+    a {
+      margin-bottom: 5rem;
+    }
+  }
+
+  .banner-container {
+    position: relative;
+    width: 100%;
+    margin: auto;
+
+    img {
+      width: 100%;
+      height: auto;
+      display: block;
+    }
+  }
+
+  .centered-text {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: white;
+    text-align: center;
+    font-weight: bold;
+    font-size: 1.875rem;
+  }
+}
+
 .news {
   h2 {
     display: flex;

lib/pescarte_web/templates/landing_html/show.html.heex

@@ -205,6 +205,26 @@
     </div>
   </div>
 
+  <div class="publications">
+    <div class="banner-container">
+      <img src={~p"/images/landing/bg_fill.png"} />
+      <h1 class="centered-text">Publicações</h1>
+    </div>
+    <section class="publications-text">
+      <.text class="publications-main-text" size="lg" color="text-black-80">
+        O PEA Pescarte é um farol de esperança para os pescadores artesanais da Bacia de Campos, uma comunidade
+        impactada pelas atividades de exploração de petróleo e gás. Nosso projeto visa não apenas proteger, mas, também,
+        fortalecer e emancipar economicamente esses guardiões do mar por meio de um programa estruturado em seis fases
+        cuidadosamente planejadas ao longo de 14 anos.
+      </.text>
+      <DesignSystem.link href="https://drive.google.com/drive/folders/13m7ePo1-3ShtUd1plEndrMbEkIxfOyMs?usp=sharing" class="text-sm font-semibold">
+        <.button style="primary" click="hello">
+          <.text size="base" color="text-white-100">Acesse Nossas Memórias</.text>
+        </.button>
+      </DesignSystem.link>
+    </section>
+  </div>
+
   <div class="find-us">
     <.text size="h2" color="text-white-100">Onde nos Encontrar</.text>