adicionado link de como ajudar

README.md

@@ -2,5 +2,5 @@
 Site com informações sobre esforços de limpeza dos vazamentos de óleo nas praias do Nordeste.
 
 - [x] Lista de praias segmentadas por estado
+- [x] Links para ajuda
 - [ ] Form para organizadores de mutirões
-- [ ] Campo de "Avise-me" p/ voluntários interessados

package.json

@@ -53,6 +53,7 @@
     "react": "^16.10.2",
     "react-dom": "^16.10.2",
     "react-helmet": "^5.2.1",
+    "react-router-dom": "^5.1.2",
     "rebass": "^4.0.6",
     "theme-ui": "^0.2.44"
   }

src/components/Ajudar.jsx

@@ -0,0 +1,57 @@
+import React, { useState } from "react";
+import { Box, Heading, Flex, Link, Text } from "rebass";
+import { Label, Select } from "@rebass/forms";
+
+const Ajudar = () => {
+  return (
+    <>
+      <Heading>Links para ajudar</Heading>
+      <Text>
+        Sentiu falta de algum link? 
+        <Link
+          href="https://github.com/ThadeuLuz/oleo-no-nordeste/issues/new"
+          target="_blank"
+        >
+          abra uma issue via github
+        </Link>
+      </Text>
+      <br/>
+      <Text>
+        <Link
+          href="https://www.instagram.com/xoplastico/?hl=pt-br"
+          target="_blank"
+        >
+          Xô, Plastico
+        </Link>
+      </Text>
+      <Text>
+        <Link
+          href="https://www.kickante.com.br/campanhas/combate-ao-oleo-no-nordeste-do-brasil"
+          target="_blank"
+        >
+          Combate ao óleo no Nordeste do Brasil
+        </Link>
+      </Text>
+      <Text>
+        <Link
+          href="https://www.vakinha.com.br/vaquinha/salve-o-mar-da-bahia"
+          target="_blank"
+        >
+          Salve o mar da Bahia
+        </Link>
+      </Text>
+      <Text>
+        <Link href="https://www.instagram.com/recifesemlixo/" target="_blank">
+          recife sem lixo
+        </Link>
+      </Text>
+      <Text>
+        <Link href="https://www.atados.com.br/oleononordeste" target="_blank">
+          Seja voluntário oleo no nordeste
+        </Link>
+      </Text>
+    </>
+  );
+};
+
+export default Ajudar;

src/components/Navbar.jsx

@@ -1,22 +1,33 @@
-import React from 'react'
-import { Flex, Box, Link, Heading, Image } from 'rebass'
+import React from "react";
+import { Flex, Box, Link as ExternalLink, Heading, Image } from "rebass";
+import { Link } from "react-router-dom";
 
-import github from '../images/github.svg'
+import github from "../images/github.svg";
 
 const Navbar = () => (
   <Flex px={2} py={1} width={1} alignItems="center" bg="black">
     <Heading p={2} fontWeight="bold" color="white">
-      Óleo no Nordeste
+      <Link to="/" style={{ color: "#fff", textDecoration: "none" }}>
+        Óleo no Nordeste
+      </Link>
     </Heading>
-    <Box mx="auto" sx={{ boxShadow: 'card' }} />
-    <Link
+    <Box mx="auto" sx={{ boxShadow: "card" }} />
+    <Heading p={2} fontWeight="bold" color="white">
+      <Link
+        to="/ajudar"
+        style={{ color: "#fff", textDecoration: "none", fontSize: 16 }}
+      >
+        links para ajudar{" "}
+      </Link>
+    </Heading>
+    <ExternalLink
       color="white"
       href="https://github.com/ThadeuLuz/oleo-nordeste"
       target="_blank"
     >
       <Image src={github} variant="icon" />
-    </Link>
+    </ExternalLink>
   </Flex>
-)
+);
 
-export default Navbar
+export default Navbar;

src/pages/Home/index.jsx

@@ -1,12 +1,23 @@
-import React from 'react'
+import React from "react";
+import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 
-import Layout from '../../components/Layout'
-import LocalidadeList from '../../components/LocalidadeList'
+import Ajudar from "../../components/Ajudar";
+import Layout from "../../components/Layout";
+import LocalidadeList from "../../components/LocalidadeList";
 
 const LocalidadesPage = () => (
-  <Layout title="Localidades">
-    <LocalidadeList />
-  </Layout>
-)
+  <Router>
+    <Layout title="Localidades">
+      <Switch>
+        <Route exact path="/">
+          <LocalidadeList />
+        </Route>
+        <Route path="/ajudar">
+          <Ajudar />
+        </Route>
+      </Switch>
+    </Layout>
+  </Router>
+);
 
-export default LocalidadesPage
+export default LocalidadesPage;