Bazkidetza sortzen du (#4)

* feat: back-en propietatea sortzen du

* feat: bazkidetzarako testua sartzen du

* feat: maketazioa konpontzen du

* feat: gezia sartzen du

* fix: consola zuzenketak egiten ditu

* feat: margina konpontzen du

* fix: html-a konpontzen du

* feat: izena aldatzen du

* feat: lege oharra sortzen du

* feat: pribatutasun politika sortzen du

front/src/pages/index.tsx

@@ -4,6 +4,13 @@ import { GlobalStyles } from '../ui/GlobalStyles';
 
 import { Helmet } from 'react-helmet';
 import { Gainburua } from '../components/Gainburua';
+import styled from 'styled-components';
+import { colors, font, fontWeight, size } from '../ui/theme';
+import { Container } from '../components/Container';
+import { rem } from 'polished';
+import Gezia from '../assets/gezia.svg';
+import ReactMarkdown from 'react-markdown';
+import { Oina } from '../components/Oina';
 
 interface DataProps {
   strapiHasiera: {
@@ -11,6 +18,7 @@ interface DataProps {
       attributes: {
         deskribapena: string;
         izenburua: string;
+        bazkidetza: string;
       };
     };
   };
@@ -24,6 +32,7 @@ const IndexPage: React.VFC<PageProps> = () => {
           attributes {
             deskribapena
             izenburua
+            bazkidetza
           }
         }
       }
@@ -48,9 +57,62 @@ const IndexPage: React.VFC<PageProps> = () => {
         atala="hasiera"
         izenburua={strapiHasiera.data.attributes.izenburua}
         deskribapena={strapiHasiera.data.attributes.deskribapena}
+        onClick={() => {
+          window.location.replace('/#labazkidetza');
+        }}
       />
+
+      <ContentWrapper id="labazkidetza">
+        <Container>
+          <Deskribapena>
+            {strapiHasiera.data.attributes.bazkidetza}
+          </Deskribapena>
+
+          <IzanLabaWrapper>
+            <Botoia href="https://forms.gle/sRq2ejXqv6q88sQe9">
+              <GeziaLogo /> Labazkidetu.
+            </Botoia>
+          </IzanLabaWrapper>
+        </Container>
+      </ContentWrapper>
+
+      <Oina />
     </>
   );
 };
 
+const Deskribapena = styled(ReactMarkdown)`
+  margin-bottom: ${rem(size.large)};
+
+  p:not(-last-child) {
+    margin-bottom: ${rem(size.base)};
+  }
+`;
+
+const ContentWrapper = styled.div`
+  padding: ${size.huge}px 0;
+  font-weight: ${fontWeight.regular};
+  ${font.large()};
+`;
+
+const Botoia = styled.a`
+  border: 2px solid ${colors.beltza};
+  ${font.large()};
+  padding: ${rem(size.base)};
+  background: ${colors.zuria};
+  font-weight: ${fontWeight.bold};
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+`;
+
+const GeziaLogo = styled(Gezia)`
+  margin-right: ${rem(size.tiny)};
+`;
+
+const IzanLabaWrapper = styled.div`
+  display: flex;
+  justify-content: flex-end;
+`;
+
 export default IndexPage;