diff --git a/.circleci/config.yml b/.circleci/config.yml
index 6c72ec9c76..a11b543fb1 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -259,6 +259,17 @@ jobs:
           paths:
             - android-prod.apk
 
+  deploy-branch:
+    <<: *defaults
+    steps:
+    - checkout
+    - attach_workspace:
+        at: ~/repo
+    - deploy:
+        name: Branch Deploy
+        command: |
+          ./deploy.sh branch "${CIRCLE_BRANCH}"
+
   deploy-dev:
     <<: *defaults
     steps:
@@ -268,7 +279,7 @@ jobs:
       - deploy:
           name: Dev Deploy
           command: |
-            ./deploy.sh "${CIRCLE_BRANCH}" "${CIRCLE_BRANCH}"
+            ./deploy.sh dev "${CIRCLE_BRANCH}"
 
   deploy-release:
     <<: *defaults
@@ -279,7 +290,7 @@ jobs:
       - deploy:
           name: Release Deploy
           command: |
-            ./deploy.sh "${CIRCLE_BRANCH}" release
+            ./deploy.sh release "${CIRCLE_BRANCH}"
 
   sync-locale-messages:
     <<: *defaults
@@ -350,8 +361,9 @@ workflows:
       - build-dev:
           filters:
             branches:
-              only:
-                - master
+              ignore:
+              - circleci-update-locales
+              - /dependabot\/.*/
           requires:
             - install-dependencies
       - build-storybook:
@@ -390,6 +402,15 @@ workflows:
           requires:
             - build-android-dev
             - test
+      - deploy-branch:
+          filters:
+            branches:
+              ignore:
+              - master
+              - circleci-update-locales
+              - /dependabot\/.*/
+          requires:
+            - build-dev
       - deploy-dev:
           filters:
             branches:
diff --git a/deploy.sh b/deploy.sh
index 23ac2198a5..12d00e438a 100755
--- a/deploy.sh
+++ b/deploy.sh
@@ -1,35 +1,43 @@
 #!/bin/bash
 
-set -e
+set -eu
 
-HOST=yuca.yunity.org
+HOST="yuca.yunity.org"
 
-REF=$1
-DIR=$2
+TYPE="$1"
+REF="${2:-master}"
 
-if [ -z "$REF" ] || [ -z "$DIR" ]; then
-  echo "Usage: <ref> <dir>"
+# optionally available from the environment
+SLACK_WEBHOOK_URL="${SLACK_WEBHOOK_URL:-}"
+
+if [ -z "$REF" ]; then
+  echo "Usage: <type(release|dev|branch)> [<ref>]"
   exit 1
 fi
 
-ISO_DATE=$(date -Idate)
-REPO_URL="https://github.com/yunity/karrot-frontend"
-COMMIT_SHA=$(git rev-parse HEAD)
-COMMIT_SHA_SHORT=$(git rev-parse --short HEAD)
-
-if [ "$DIR" == "release" ]; then
+if [ "$TYPE" == "release" ]; then
 
   # release
 
+  DIR="release"
   DEPLOY_ENV="production"
   DEPLOY_EMOJI=":rocket:"
   URL="https://karrot.world"
   APK_URL="https://karrot.world/app.apk"
 
-elif [ "$REF" == "master" ]; then
+elif [ "$TYPE" == "dev" ]; then
 
   # dev
 
+  if [ "$REF" != "master" ]; then
+    # technically we could deploy other branches
+    # but the dir name is setup to be "master"
+    echo "Error: dev deployment must be of master branch"
+    echo "(it could be implemented that you can deploy other branches, but is not right now)"
+    exit 1
+  fi
+
+  DIR="master"
   DEPLOY_ENV="development"
   DEPLOY_EMOJI=":beer:"
   URL="https://dev.karrot.world"
@@ -37,15 +45,36 @@ elif [ "$REF" == "master" ]; then
   STORYBOOK_URL="https://storybook.karrot.world"
   DEPLOY_DOCS="true"
 
-else
+elif [ "$TYPE" == "branch" ]; then
 
-  # nothing
+  if [ -z "$REF" ]; then
+    echo "Error: you must specify ref for branch releases"
+    echo "Usage: <type(release|dev|branch)> [<ref>]"
+    exit 1
+  fi
 
-  exit 0
+  # branch deployment
 
-fi
+  SAFE_DIR="$(echo -n "$REF" | tr -c '[a-zA-Z0-9]_-' '_' | tr "[:upper:]" "[:lower:]")"
+  DIR="branches/$SAFE_DIR"
+  DEPLOY_ENV="branch/$REF"
+  DEPLOY_EMOJI=":construction_worker:"
+  URL="https://$REF.dev.karrot.world"
+  APK_URL=
+  STORYBOOK_URL=
+  DEPLOY_DOCS="true"
 
+else
+
+  echo "Invalid type, must be one of release|dev|branch"
+  exit 1
 
+fi
+
+ISO_DATE=$(date -Idate)
+REPO_URL="https://github.com/yunity/karrot-frontend"
+COMMIT_SHA=$(git rev-parse HEAD)
+COMMIT_SHA_SHORT=$(git rev-parse --short HEAD)
 REF_URL="$REPO_URL/tree/$REF"
 COMMIT_URL="$REPO_URL/tree/$COMMIT_SHA"
 
@@ -64,11 +93,14 @@ about_json=$(printf '{
   }' "$COMMIT_SHA" "$COMMIT_SHA_SHORT" "$REF" "$DEPLOY_ENV" "$APK_URL" "$ISO_DATE")
 
 echo "$about_json" > dist/about.json
-echo "$about_json" > storybook-static/about.json
 
 # send it all to the host
 rsync -avz --delete dist/ "deploy@$HOST:karrot-frontend/$DIR/"
-rsync -avz --delete storybook-static/ "deploy@$HOST:karrot-frontend-storybook/$DIR/"
+
+if [ ! -z "$STORYBOOK_URL" ]; then
+  echo "$about_json" > storybook-static/about.json
+  rsync -avz --delete storybook-static/ "deploy@$HOST:karrot-frontend-storybook/$DIR/"
+fi
 
 if [ "$DEPLOY_DOCS" == "true" ] && [ -d docs-dist/gitbook ]; then
   rsync -avz --delete docs-dist/ "deploy@$HOST:karrot-docs/$DIR/"
diff --git a/src/base/datastore/routerPlugin.js b/src/base/datastore/routerPlugin.js
index 2e11e26125..ed34d58598 100644
--- a/src/base/datastore/routerPlugin.js
+++ b/src/base/datastore/routerPlugin.js
@@ -29,9 +29,6 @@ export default datastore => {
       if (groupId) {
         next = { name: 'group', params: { groupId } }
       }
-      else {
-        next = { name: 'groupsGallery' }
-      }
     }
 
     // check meta.requireLoggedIn
diff --git a/src/base/pages/Landing.vue b/src/base/pages/Landing.vue
new file mode 100644
index 0000000000..102ac57612
--- /dev/null
+++ b/src/base/pages/Landing.vue
@@ -0,0 +1,343 @@
+<template>
+  <div class="landing">
+    <p class="text-center">
+      <img
+        :src="logo"
+        class="logo"
+      >
+    </p>
+    <h1 v-t="'ABOUT_KARROT.TITLE'" />
+    <p>
+      <strong v-t="'ABOUT_KARROT.SUBTITLE1'" />
+    </p>
+    <p v-t="'ABOUT_KARROT.SUBTITLE2'" />
+
+    <p class="text-center q-py-lg">
+      <RouterLink
+        v-t="'SIGNUP.TITLE'"
+        class="button"
+        :to="{ name: 'signup' }"
+      />
+      <RouterLink
+        v-t="'JOINGROUP.BROWSE_GROUPS'"
+        class="button"
+        :to="{ name: 'groupsGallery' }"
+      />
+    </p>
+
+    <p class="text-center">
+      <QImg
+        :src="screenshots.pickups"
+        alt="karrot"
+        class="screenshot screenshot-fullwidth q-my-lg"
+      />
+    </p>
+
+    <section>
+      <p v-t="'ABOUT_KARROT.VISION_INTRO'" />
+
+      <div class="row inline-images">
+        <div
+          v-for="image in images"
+          :key="image"
+          class="col-4 q-pa-sm"
+        >
+          <QImg
+            :src="image"
+            :ratio="1"
+          />
+        </div>
+      </div>
+    </section>
+
+    <section>
+      <div
+        v-for="(feature, idx) in features"
+        :key="feature"
+        class="q-my-md"
+      >
+        <div class="row q-my-lg q-py-lg">
+          <div class="col-sm-8 q-px-lg self-center">
+            <h2 v-t="`ABOUT_KARROT.SECTIONS.${feature}.TITLE`" />
+            <p>
+              <strong v-t="`ABOUT_KARROT.SECTIONS.${feature}.SUBTITLE`" />
+            </p>
+            <p v-t="`ABOUT_KARROT.SECTIONS.${feature}.DESCRIPTION`" />
+          </div>
+          <div
+            class="col q-px-lg self-center"
+            :class="{ swap: idx % 2 !== 0 }"
+          >
+            <img
+              :src="screenshots[feature]"
+              alt="karrot"
+              class="screenshot"
+            >
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section v-if="groupsToShow.length > 0">
+      <h2 v-t="'ABOUT_KARROT.EXISTING_GROUPS'" />
+
+      <GroupGalleryCards
+        :groups="groupsToShow"
+        :is-logged-in="false"
+        @preview="preview(arguments[0])"
+      />
+
+      <p class="text-center q-py-lg">
+        <RouterLink
+          v-t="'SIGNUP.TITLE'"
+          class="button"
+          :to="{ name: 'signup' }"
+        />
+        <RouterLink
+          v-t="'JOINGROUP.BROWSE_GROUPS'"
+          class="button"
+          :to="{ name: 'groupsGallery' }"
+        />
+      </p>
+    </section>
+
+    <section>
+      <h2 v-t="'ABOUT_KARROT.SECTIONS.DEMOCRATIC.TITLE'" />
+      <p v-t="'ABOUT_KARROT.SECTIONS.DEMOCRATIC.DESCRIPTION'" />
+      <i18n
+        path="ABOUT_KARROT.SECTIONS.DEMOCRATIC.DESCRIPTION2"
+        tag="p"
+      >
+        <a
+          slot="code"
+          v-t="'ABOUT_KARROT.LINKS.CODE'"
+          href="https://github.com/yunity/karrot-frontend"
+        />
+      </i18n>
+    </section>
+
+    <section>
+      <p>
+        <em v-t="'ABOUT_KARROT.AND_MORE'" />
+      </p>
+      <ul>
+        <li
+          v-for="item in more"
+          :key="item"
+        >
+          <p>
+            <strong v-t="`ABOUT_KARROT.SECTIONS.${item}.TITLE`" />:
+            <i18n
+              :path="`ABOUT_KARROT.SECTIONS.${item}.DESCRIPTION`"
+              tag="span"
+            >
+              <a
+                slot="code"
+                v-t="'ABOUT_KARROT.LINKS.CODE'"
+                href="https://github.com/yunity/karrot-frontend"
+              />
+              <a
+                slot="forum"
+                v-t="'ABOUT_KARROT.LINKS.FORUM'"
+                href="https://community.foodsaving.world"
+              />
+              <a
+                slot="chat"
+                v-t="'ABOUT_KARROT.LINKS.CHAT'"
+                href="https://slackin.yunity.org"
+              />
+              <a
+                slot="translations"
+                v-t="'ABOUT_KARROT.LINKS.TRANSLATIONS'"
+                href="https://www.transifex.com/yunity-1/karrot/frontend/"
+              />
+            </i18n>
+          </p>
+        </li>
+      </ul>
+
+      <p class="text-center">
+        <RouterLink
+          v-t="'SIGNUP.TITLE'"
+          class="button"
+          :to="{ name: 'signup' }"
+        />
+        <RouterLink
+          v-t="'JOINGROUP.BROWSE_GROUPS'"
+          class="button"
+          :to="{ name: 'groupsGallery' }"
+        />
+      </p>
+    </section>
+  </div>
+</template>
+
+<script>
+import { QImg } from 'quasar'
+import { mapGetters } from 'vuex'
+
+import GroupGalleryCards from '@/groupInfo/components/GroupGalleryCards'
+import logo from '@/logo/assets/carrot-logo.svg'
+import screenshotPickups from './images/karrot-screenshot.png'
+
+import screenshotGallery from './images/karrot-gallery.236x236.jpg'
+import screenshotManagePickups from './images/karrot-manage-pickups.236x236.jpg'
+import screenshotOffers from './images/solikyl-offers.236x236.jpg'
+
+import imageSavedFood from './images/oestersund-saved-food.200x200.jpg'
+import imageVolunteers from './images/oestersund-volunteers.200x200.jpg'
+import imageBikeworkshop from './images/bikeworkshop.200x200.jpg'
+import imageSavers from './images/solikyl-savers.200x200.jpg'
+import imageFairShare from './images/fsmaastricht-fairshare.200x200.jpg'
+import imageSavers2 from './images/fsmaastricht-foodsavers.200x200.jpg'
+
+import router from '@/base/router'
+
+// Prefer active non-playground groups with a photo
+function groupSortScore (group) {
+  let score = 0
+  if (!group.isInactive) score += 1
+  if (group.hasPhoto) score += 1
+  if (!group.isPlayground) score += 1
+  return score
+}
+
+export default {
+  components: {
+    QImg,
+    GroupGalleryCards,
+  },
+  computed: {
+    ...mapGetters({
+      groups: 'groups/other',
+    }),
+    groupsToShow () {
+      // We might not have enough groups to show, so this is a bit more complicated than it might have been...
+      // It attempts to always show _something_
+      return this.groups
+        // calculate a sort score for each group
+        .map(group => ({ ...group, _score: groupSortScore(group) }))
+        // sort by that score
+        .sort((a, b) => b._score - a._score)
+        // take the best 6 entries
+        .slice(0, 6)
+        // sort those results by how many people they have
+        .sort((a, b) => b.members.length - a.members.length)
+    },
+  },
+  created () {
+    this.logo = logo
+    this.screenshots = {
+      pickups: screenshotPickups,
+      GROUPS: screenshotGallery,
+      ACTIVITIES: screenshotManagePickups,
+      OFFERS: screenshotOffers,
+    }
+    this.images = [
+      imageSavedFood,
+      imageVolunteers,
+      imageBikeworkshop,
+      imageSavers,
+      imageFairShare,
+      imageSavers2,
+    ]
+    this.features = [
+      'GROUPS',
+      'ACTIVITIES',
+      'OFFERS',
+    ]
+    this.more = [
+      'COMMUNICATION',
+      'TRUST',
+      'MAPS',
+      'TRANSPARENCY',
+      'NOTIFICATIONS',
+      'TRANSLATIONS',
+      'OPENSOURCE',
+      'TEAM',
+    ]
+  },
+  methods: {
+    preview (groupId) {
+      router.push({ name: 'groupPreview', params: { groupPreviewId: groupId } }).catch(() => {})
+    },
+  },
+}
+</script>
+
+<style scoped lang="stylus">
+@import '~variables'
+
+.landing
+
+  width 1050px
+  max-width 100vw
+  padding 40px
+  margin 0 auto
+  background white
+
+  @media (min-width: 1050px)
+    // extra padded when on a big enough screen
+    padding 60px 100px
+
+  section
+    padding 30px 0
+    margin 30px 0
+    border-bottom 2px dotted $info
+
+    &:last-child
+      border none
+
+    > h2
+      margin-bottom 40px
+
+  a
+    text-decoration underline
+
+  >>> p
+    font-size 140%
+
+  h1
+    line-height 4rem
+
+  h2
+    margin-top 0
+
+  .button
+    display inline-block
+    padding 10px
+    margin 10px
+    color white
+    text-decoration none
+    text-transform uppercase
+    background var(--q-color-secondary)
+    border-radius 3px
+
+.inline-images
+  padding 0
+  margin 30px 0
+  @media (min-width: 600px)
+    // on wider screens, give them a bit more room to breathe
+    padding 0 100px
+
+.logo
+  width 120px
+
+.screenshot
+  width 100%
+  box-shadow 1px 4px 10px rgba(1, 1, 1, .8)
+
+.screenshot-fullwidth
+  @media (min-width: 1200px)
+    // horizontally center the oversized image
+    // (also needed an "overflow-x hidden" on the main page container, in Root)
+    width 1200px
+    margin-left 50%
+    transform translateX(-50%)
+
+// on wider screens alternate the left/right ordering
+@media (min-width: 600px)
+  .swap
+    order -1000
+
+</style>
diff --git a/src/base/pages/Root.vue b/src/base/pages/Root.vue
index dbacfb0c02..f61b237d50 100644
--- a/src/base/pages/Root.vue
+++ b/src/base/pages/Root.vue
@@ -34,6 +34,11 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
+#q-app
+  // this is to prevent the "oversize" image on the landing page
+  // from creating a horizontal scrollbar
+  overflow-x hidden
+
 .root-splash-second
   opacity 1
   animation fadein 2s
diff --git a/src/base/pages/images/README.md b/src/base/pages/images/README.md
new file mode 100644
index 0000000000..3129db3e01
--- /dev/null
+++ b/src/base/pages/images/README.md
@@ -0,0 +1,12 @@
+Handy tip for a command to resize images using [ImageMagick](https://imagemagick.org):
+
+```
+convert some-file.png -thumbnail 236x236^ -extent 236x236 some-file.236x236.jpg
+```
+
+The purpose of this is to:
+- strip meta info (using `-thumbnail` instead of `-resize`)
+- make it _at least_ 236x236 (by adding the `^` to the thumbnail geometry value)
+- _then_ crop it to actually be the size we want (it seems a two step process is needed here)
+
+http://www.imagemagick.org/script/command-line-processing.php#geometry has some more docs.
diff --git a/src/base/pages/images/bikeworkshop.200x200.jpg b/src/base/pages/images/bikeworkshop.200x200.jpg
new file mode 100644
index 0000000000..33408d1265
Binary files /dev/null and b/src/base/pages/images/bikeworkshop.200x200.jpg differ
diff --git a/src/base/pages/images/fsmaastricht-fairshare.200x200.jpg b/src/base/pages/images/fsmaastricht-fairshare.200x200.jpg
new file mode 100644
index 0000000000..cd5bd70244
Binary files /dev/null and b/src/base/pages/images/fsmaastricht-fairshare.200x200.jpg differ
diff --git a/src/base/pages/images/fsmaastricht-foodsavers.200x200.jpg b/src/base/pages/images/fsmaastricht-foodsavers.200x200.jpg
new file mode 100644
index 0000000000..6b083b6f02
Binary files /dev/null and b/src/base/pages/images/fsmaastricht-foodsavers.200x200.jpg differ
diff --git a/src/base/pages/images/karrot-gallery.236x236.jpg b/src/base/pages/images/karrot-gallery.236x236.jpg
new file mode 100644
index 0000000000..9c18f7273c
Binary files /dev/null and b/src/base/pages/images/karrot-gallery.236x236.jpg differ
diff --git a/src/base/pages/images/karrot-manage-pickups.236x236.jpg b/src/base/pages/images/karrot-manage-pickups.236x236.jpg
new file mode 100644
index 0000000000..a547b1e085
Binary files /dev/null and b/src/base/pages/images/karrot-manage-pickups.236x236.jpg differ
diff --git a/src/base/pages/images/karrot-screenshot.236x236.jpg b/src/base/pages/images/karrot-screenshot.236x236.jpg
new file mode 100644
index 0000000000..b6cb4d8db4
Binary files /dev/null and b/src/base/pages/images/karrot-screenshot.236x236.jpg differ
diff --git a/src/base/pages/images/karrot-screenshot.png b/src/base/pages/images/karrot-screenshot.png
new file mode 100644
index 0000000000..c24f0fac28
Binary files /dev/null and b/src/base/pages/images/karrot-screenshot.png differ
diff --git a/src/base/pages/images/oestersund-saved-food.200x200.jpg b/src/base/pages/images/oestersund-saved-food.200x200.jpg
new file mode 100644
index 0000000000..e1c8a3d9a7
Binary files /dev/null and b/src/base/pages/images/oestersund-saved-food.200x200.jpg differ
diff --git a/src/base/pages/images/oestersund-volunteers.200x200.jpg b/src/base/pages/images/oestersund-volunteers.200x200.jpg
new file mode 100644
index 0000000000..a4c09419df
Binary files /dev/null and b/src/base/pages/images/oestersund-volunteers.200x200.jpg differ
diff --git a/src/base/pages/images/solikyl-offers.236x236.jpg b/src/base/pages/images/solikyl-offers.236x236.jpg
new file mode 100644
index 0000000000..95439dcc76
Binary files /dev/null and b/src/base/pages/images/solikyl-offers.236x236.jpg differ
diff --git a/src/base/pages/images/solikyl-savers.200x200.jpg b/src/base/pages/images/solikyl-savers.200x200.jpg
new file mode 100644
index 0000000000..66c12f74ec
Binary files /dev/null and b/src/base/pages/images/solikyl-savers.200x200.jpg differ
diff --git a/src/base/routes/main.js b/src/base/routes/main.js
index 8f122ff495..8fe668885d 100644
--- a/src/base/routes/main.js
+++ b/src/base/routes/main.js
@@ -1,4 +1,5 @@
 import { Platform } from 'quasar'
+const Landing = () => import('@/base/pages/Landing')
 const GroupWall = () => import('@/group/pages/Wall')
 const GroupPickups = () => import('@/pickups/pages/GroupPickups')
 const GroupOffers = () => import('@/offers/pages/GroupOffers')
@@ -46,6 +47,17 @@ const IssueCompose = () => import('@/issues/pages/IssueCompose')
 const IssueVoteAndHistory = () => import('@/issues/pages/IssueVoteAndHistory')
 
 export default [
+  {
+    name: 'landing',
+    path: '/',
+    meta: {
+      fullpage: true,
+      breadcrumbs: [
+        { translation: 'KARROT' },
+      ],
+    },
+    component: Landing,
+  },
   {
     name: 'groupsGallery',
     path: '/groupPreview',
diff --git a/src/base/routes/main.spec.js b/src/base/routes/main.spec.js
index 87b3cf53f9..a4c05fad7f 100644
--- a/src/base/routes/main.spec.js
+++ b/src/base/routes/main.spec.js
@@ -114,10 +114,6 @@ describe('main routes', () => {
     expect(mockModules.routeError.actions.set).not.toBeCalled()
   })
 
-  it('sends us to group gallery by default', async () => {
-    expect(routedPaths).toEqual(['/groupPreview'])
-  })
-
   describe('groupPreview', () => {
     let group
 
@@ -151,7 +147,7 @@ describe('main routes', () => {
       expect(mockJoin).toBeCalledWith(group.id)
 
       expect(routedPaths).toEqual([
-        '/groupPreview',
+        '/',
         `/groupPreview/${group.id}`,
         `/group/${group.id}`,
       ])
@@ -169,7 +165,7 @@ describe('main routes', () => {
       await nextTicks(2)
 
       expect(routedPaths).toEqual([
-        '/groupPreview',
+        '/',
         `/groupPreview/${group.id}`,
         `/group/${group.id}`,
       ])
diff --git a/src/locales/locale-en.json b/src/locales/locale-en.json
index f19f50d09d..372b17bd85 100644
--- a/src/locales/locale-en.json
+++ b/src/locales/locale-en.json
@@ -259,6 +259,7 @@
     "NUM_MEMBERS": "Member | Members",
     "NO_PUBLIC_DESCRIPTION": "(This group has no public description... yet)",
     "ALL_GROUPS": "All groups",
+    "BROWSE_GROUPS": "Browse existing groups",
     "SIGNUP_OR_LOGIN": "Log in or sign up to join this group!",
     "VERIFY_EMAIL_ADDRESS": "Verify your email address to apply",
     "MY_GROUPS": "My groups",
@@ -694,5 +695,75 @@
   "ATTENTION": "Attention!",
   "INFO": "Info",
   "YOU": "You",
-  "TO": "to"
+  "TO": "to",
+  "ABOUT_KARROT": {
+    "TITLE": "Save things from being wasted, share them instead!",
+    "SUBTITLE1": "Karrot exists for groups of people who want to save things from being wasted and share them instead, allowing these groups to organise efficiently, on a local and voluntary basis.",
+    "SUBTITLE2": "Things such as food, bikes, clothes or whatever is being excessively thrown away or unused in the context of a consumerist society.",
+    "VISION_INTRO": "Karrot is a tool for all kinds of grassroots initiatives to connect and grow, supporting the co-ordination of face-to-face activities with a layer of digital infrastructure.",
+    "ACTION": "Have you already found a group nearby you? Or maybe you want to {startAGroup}? If you just want to try Karrot out, then create an account and join the Playground group for testing.",
+    "ACTION_START_A_GROUP": "start one",
+    "EXISTING_GROUPS": "A few groups already using Karrot",
+    "AND_MORE": "And more...",
+    "LINKS": {
+      "FORUM": "community forum",
+      "CODE": "GitHub",
+      "CHAT": "team chat",
+      "TRANSLATIONS": "Transifex"
+    },
+    "SECTIONS": {
+      "GROUPS": {
+        "TITLE": "Independent groups",
+        "SUBTITLE": "Every group on karrot is completely independent and can have their own logo, processes and rules.",
+        "DESCRIPTION": "Yet they are all displayed on the map so that people can find and connect to other groups in their location and even globally."
+      },
+      "ACTIVITIES": {
+        "TITLE": "Distribution of tasks and activities",
+        "SUBTITLE": "Activities with a specific time and place, like food pickups in the case of foodsaving, can be entered in the software.",
+        "DESCRIPTION": "Each activity has a number of slots which members of the group can sign up for – this way everyone knows who goes where and when, and feedback can be given later."
+      },
+      "OFFERS": {
+        "TITLE": "Share things",
+        "SUBTITLE": "Create an ad-like offer of whatever you want to share or give away.",
+        "DESCRIPTION": "Offers are visible to everyone in the group and people can show their interest on the offer's chat."
+      },
+      "DEMOCRATIC": {
+        "TITLE": "Democratic and participative development",
+        "DESCRIPTION": "Karrot is a free and open-source software developed with the feedback and participation of the people who use it. It is mainly developed by a small core team that is constantly in contact with people in different groups, in order to make sense of their diverging and converging needs and thus guide the development. We abide by the ethics of integrity and non-commercialization of data.",
+        "DESCRIPTION2": "Developers and designers are obviously welcome to participate in its development. Check out the project on {code}."
+      },
+      "COMMUNICATION": {
+        "TITLE": "Communication in the right context",
+        "DESCRIPTION": "Write a message that everyone in the group will see or a private message to someone. Everything related to a single activity or place can be discussed in their respective chats."
+      },
+      "TRUST": {
+        "TITLE": "Democratic and trust-based group management",
+        "DESCRIPTION": "There are no admin superpowers in a Karrot group. People who receive enough trust-carrots from their peers will be able to edit and change settings in the group. When new people want to join your group they need to apply and answer questions your group can set, which anyone with editing rights can decline or approve. Likewise, if there is a conflict, the group can enter a voting system to resolve it in a communal way."
+      },
+      "MAPS": {
+        "TITLE": "Maps and lists",
+        "DESCRIPTION": "You have a map of where the places and the people doing the activities are located. You have a nice list of upcoming activities and can sign up for them online."
+      },
+      "TRANSPARENCY": {
+        "TITLE": "Transparency",
+        "DESCRIPTION": "The history shows who did what and when. Everything from participating in an activity to creating and editing places is logged here."
+      },
+      "NOTIFICATIONS": {
+        "TITLE": "Notifications",
+        "DESCRIPTION": "You get notified about empty activities, new messages and new people wanting to join your group. But you can also turn it all off if you wish more peace!"
+      },
+      "TRANSLATIONS": {
+        "TITLE": "Multi-language",
+        "DESCRIPTION": "Karrot is fully translatable by the community and many languages are already added. To contribute more translations just visit the project on {translations}."
+      },
+      "OPENSOURCE": {
+        "TITLE": "Open source",
+        "DESCRIPTION": "Everything is transparent and possibly changeable. We encourage groups to host their own instances of the platform, if they have the ability to do so. Still, we also provide access to a hosted version on karrot.world."
+      },
+      "TEAM": {
+        "TITLE": "Responsive team",
+        "DESCRIPTION": "You can easily talk to the people developing Karrot, either on our {forum}, on {code} or in real-time on our {chat} (join the channel #foodsaving-worldwide or #karrot-dev to reach the right people immediately)."
+      }
+    }
+  }
 }
diff --git a/yarn.lock b/yarn.lock
index 42f709fbca..bcdda2bcbb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -25,7 +25,7 @@
     invariant "^2.2.4"
     semver "^5.5.0"
 
-"@babel/core@>=7.9.0", "@babel/core@^7.1.0", "@babel/core@^7.7.5":
+"@babel/core@>=7.9.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.9.0.tgz#ac977b538b77e132ff706f3b8a4dbad09c03c56e"
   integrity sha512-kWc7L0fw1xwvI0zi8OKVBuxRVefwGOrKSQMvrQ3dW+bIIavBY3/NpXmpjMy7bQnLgwgzWQZ8TlM57YHpHNHz4w==
@@ -47,6 +47,27 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
+"@babel/core@^7.1.0", "@babel/core@^7.7.5":
+  version "7.8.6"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.8.6.tgz#27d7df9258a45c2e686b6f18b6c659e563aa4636"
+  integrity sha512-Sheg7yEJD51YHAvLEV/7Uvw95AeWqYPL3Vk3zGujJKIhJ+8oLw2ALaf3hbucILhKsgSoADOvtKRJuNVdcJkOrg==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@babel/generator" "^7.8.6"
+    "@babel/helpers" "^7.8.4"
+    "@babel/parser" "^7.8.6"
+    "@babel/template" "^7.8.6"
+    "@babel/traverse" "^7.8.6"
+    "@babel/types" "^7.8.6"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.1"
+    json5 "^2.1.0"
+    lodash "^4.17.13"
+    resolve "^1.3.2"
+    semver "^5.4.1"
+    source-map "^0.5.0"
+
 "@babel/generator@^7.4.0", "@babel/generator@^7.9.0", "@babel/generator@^7.9.5":
   version "7.9.5"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.9.5.tgz#27f0917741acc41e6eaaced6d68f96c3fa9afaf9"
@@ -338,7 +359,7 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-syntax-optional-chaining" "^7.8.0"
 
-"@babel/plugin-proposal-unicode-property-regex@^7.4.4", "@babel/plugin-proposal-unicode-property-regex@^7.8.3":
+"@babel/plugin-proposal-unicode-property-regex@^7.4.4":
   version "7.8.8"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.8.8.tgz#ee3a95e90cdc04fe8cd92ec3279fa017d68a0d1d"
   integrity sha512-EVhjVsMpbhLw9ZfHWSx2iy13Q8Z/eg8e8ccVWt23sWQK5l1UdkoLJPN5w69UA4uITGBnEZD2JOe4QOHycYKv8A==
@@ -346,6 +367,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.8.8"
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-proposal-unicode-property-regex@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.8.3.tgz#b646c3adea5f98800c9ab45105ac34d06cd4a47f"
+  integrity sha512-1/1/rEZv2XGweRwwSkLpY+s60za9OZ1hJs4YDqFHCw0kYWYwL5IFljVY1MYBL+weT1l9pokDO2uhSTLVxzoHkQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.8.3"
+
 "@babel/plugin-syntax-async-generators@^7.8.0", "@babel/plugin-syntax-async-generators@^7.8.4":
   version "7.8.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
@@ -550,7 +579,17 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     babel-plugin-dynamic-import-node "^2.3.0"
 
-"@babel/plugin-transform-modules-commonjs@^7.7.5", "@babel/plugin-transform-modules-commonjs@^7.9.0":
+"@babel/plugin-transform-modules-commonjs@^7.7.5":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.8.3.tgz#df251706ec331bd058a34bdd72613915f82928a5"
+  integrity sha512-JpdMEfA15HZ/1gNuB9XEDlZM1h/gF/YOH7zaZzQu2xCFRfwc01NXBMHHSTT6hRjlXJJs5x/bfODM3LiCk94Sxg==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/helper-simple-access" "^7.8.3"
+    babel-plugin-dynamic-import-node "^2.3.0"
+
+"@babel/plugin-transform-modules-commonjs@^7.9.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.9.0.tgz#e3e72f4cbc9b4a260e30be0ea59bdf5a39748940"
   integrity sha512-qzlCrLnKqio4SlgJ6FMMLBe4bySNis8DFn1VkGmOcxG9gqEyPIOzeQrA//u0HAKrWpJlpZbZMPB1n/OPa4+n8g==
@@ -681,7 +720,7 @@
     "@babel/helper-create-regexp-features-plugin" "^7.8.3"
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/preset-env@7.9.5", "@babel/preset-env@^7.4.5":
+"@babel/preset-env@7.9.5":
   version "7.9.5"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.9.5.tgz#8ddc76039bc45b774b19e2fc548f6807d8a8919f"
   integrity sha512-eWGYeADTlPJH+wq1F0wNfPbVS1w1wtmMJiYk55Td5Yu28AsdR9AsC97sZ0Qq8fHqQuslVSIYSGJMcblr345GfQ==
@@ -747,6 +786,69 @@
     levenary "^1.1.1"
     semver "^5.5.0"
 
+"@babel/preset-env@^7.4.5":
+  version "7.8.6"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.8.6.tgz#2a0773b08589ecba4995fc71b1965e4f531af40b"
+  integrity sha512-M5u8llV9DIVXBFB/ArIpqJuvXpO+ymxcJ6e8ZAmzeK3sQeBNOD1y+rHvHCGG4TlEmsNpIrdecsHGHT8ZCoOSJg==
+  dependencies:
+    "@babel/compat-data" "^7.8.6"
+    "@babel/helper-compilation-targets" "^7.8.6"
+    "@babel/helper-module-imports" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/plugin-proposal-async-generator-functions" "^7.8.3"
+    "@babel/plugin-proposal-dynamic-import" "^7.8.3"
+    "@babel/plugin-proposal-json-strings" "^7.8.3"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-proposal-object-rest-spread" "^7.8.3"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-proposal-optional-chaining" "^7.8.3"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.8.3"
+    "@babel/plugin-syntax-async-generators" "^7.8.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
+    "@babel/plugin-syntax-json-strings" "^7.8.0"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
+    "@babel/plugin-syntax-top-level-await" "^7.8.3"
+    "@babel/plugin-transform-arrow-functions" "^7.8.3"
+    "@babel/plugin-transform-async-to-generator" "^7.8.3"
+    "@babel/plugin-transform-block-scoped-functions" "^7.8.3"
+    "@babel/plugin-transform-block-scoping" "^7.8.3"
+    "@babel/plugin-transform-classes" "^7.8.6"
+    "@babel/plugin-transform-computed-properties" "^7.8.3"
+    "@babel/plugin-transform-destructuring" "^7.8.3"
+    "@babel/plugin-transform-dotall-regex" "^7.8.3"
+    "@babel/plugin-transform-duplicate-keys" "^7.8.3"
+    "@babel/plugin-transform-exponentiation-operator" "^7.8.3"
+    "@babel/plugin-transform-for-of" "^7.8.6"
+    "@babel/plugin-transform-function-name" "^7.8.3"
+    "@babel/plugin-transform-literals" "^7.8.3"
+    "@babel/plugin-transform-member-expression-literals" "^7.8.3"
+    "@babel/plugin-transform-modules-amd" "^7.8.3"
+    "@babel/plugin-transform-modules-commonjs" "^7.8.3"
+    "@babel/plugin-transform-modules-systemjs" "^7.8.3"
+    "@babel/plugin-transform-modules-umd" "^7.8.3"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.8.3"
+    "@babel/plugin-transform-new-target" "^7.8.3"
+    "@babel/plugin-transform-object-super" "^7.8.3"
+    "@babel/plugin-transform-parameters" "^7.8.4"
+    "@babel/plugin-transform-property-literals" "^7.8.3"
+    "@babel/plugin-transform-regenerator" "^7.8.3"
+    "@babel/plugin-transform-reserved-words" "^7.8.3"
+    "@babel/plugin-transform-shorthand-properties" "^7.8.3"
+    "@babel/plugin-transform-spread" "^7.8.3"
+    "@babel/plugin-transform-sticky-regex" "^7.8.3"
+    "@babel/plugin-transform-template-literals" "^7.8.3"
+    "@babel/plugin-transform-typeof-symbol" "^7.8.4"
+    "@babel/plugin-transform-unicode-regex" "^7.8.3"
+    "@babel/types" "^7.8.6"
+    browserslist "^4.8.5"
+    core-js-compat "^3.6.2"
+    invariant "^2.2.2"
+    levenary "^1.1.1"
+    semver "^5.5.0"
+
 "@babel/preset-modules@^0.1.3":
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.3.tgz#13242b53b5ef8c883c3cf7dddd55b36ce80fbc72"
@@ -5607,11 +5709,16 @@ ejs@^2.6.1, ejs@^2.7.4:
   resolved "https://registry.yarnpkg.com/ejs/-/ejs-2.7.4.tgz#48661287573dcc53e366c7a1ae52c3a120eec9ba"
   integrity sha512-7vmuyh5+kuUyJKePhQfRQBhXV5Ce+RnaeeQArKu1EAMpL3WbgMt5WG6uQZpEVvYSSsxMXRKOewtDk9RaTKXRlA==
 
-electron-to-chromium@^1.3.247, electron-to-chromium@^1.3.413:
+electron-to-chromium@^1.3.247:
   version "1.3.416"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.416.tgz#6c530159670de9250a2ba7d8f07ddd9c42b7da26"
   integrity sha512-fmSrpOQC1dEXzsznzAMXbhQLkpAr21WtaUfRXnIbh8kblZIaMwSL6A8u2RZHAzZliSoSOM3FzS2z/j8tVqrAAw==
 
+electron-to-chromium@^1.3.413:
+  version "1.3.415"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.415.tgz#e50241c1e2553e46cfe956c9d95f9ab3fc9a9134"
+  integrity sha512-GbtYqKffx3sU8G0HxwXuJFfs58Q7+iwLa5rBwaULwET6jWW8IAQSrVnu7vEfiUIcMVfbYyFg7cw3zdm+EbBJmw==
+
 element-closest@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/element-closest/-/element-closest-3.0.2.tgz#3814a69a84f30e48e63eaf57341f4dbf4227d2aa"
@@ -10453,7 +10560,14 @@ node-object-hash@^1.2.0:
   resolved "https://registry.yarnpkg.com/node-object-hash/-/node-object-hash-1.4.2.tgz#385833d85b229902b75826224f6077be969a9e94"
   integrity sha512-UdS4swXs85fCGWWf6t6DMGgpN/vnlKeSGEQ7hJcrs7PBFoxoKLmibc3QRb7fwiYsjdL7PX8iI/TMSlZ90dgHhQ==
 
-node-releases@^1.1.29, node-releases@^1.1.53:
+node-releases@^1.1.29:
+  version "1.1.50"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.50.tgz#803c40d2c45db172d0410e4efec83aa8c6ad0592"
+  integrity sha512-lgAmPv9eYZ0bGwUYAKlr8MG6K4CvWliWqnkcT2P8mMAgVrH3lqfBPorFlxiG1pHQnqmavJZ9vbMXUTNyMLbrgQ==
+  dependencies:
+    semver "^6.3.0"
+
+node-releases@^1.1.53:
   version "1.1.53"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.53.tgz#2d821bfa499ed7c5dffc5e2f28c88e78a08ee3f4"
   integrity sha512-wp8zyQVwef2hpZ/dJH7SfSrIPD6YoJz6BDQDpGEkcA0s3LpAQoxBIYmfIq6QAhC1DhwsyCgTaTTcONwX8qzCuQ==