diff --git a/src/app/PageLayout.js b/src/app/PageLayout.js
index 6142ff0..291b7d0 100644
--- a/src/app/PageLayout.js
+++ b/src/app/PageLayout.js
@@ -1,6 +1,11 @@
 import React from "react";
-import { Box } from "@chakra-ui/react";
+import { Box, Flex, Grid, Link } from "@chakra-ui/react";
 import { loadable } from "./util";
+import * as Sentry from "@sentry/react";
+import { WarningIcon } from "@chakra-ui/icons";
+
+import ErrorGrundoImg from "./images/error-grundo.png";
+import ErrorGrundoImg2x from "./images/error-grundo@2x.png";
 
 const GlobalHeader = loadable(() => import("./GlobalHeader"));
 const GlobalFooter = loadable(() => import("./GlobalFooter"));
@@ -24,7 +29,11 @@ function PageLayout({ children }) {
       >
         <GlobalHeader />
       </Box>
-      <Box flex="1 0 0">{children}</Box>
+      <Box flex="1 0 0">
+        <Sentry.ErrorBoundary fallback={MajorErrorMessage}>
+          {children}
+        </Sentry.ErrorBoundary>
+      </Box>
       <Box width="100%" marginTop="12">
         <GlobalFooter />
       </Box>
@@ -32,4 +41,49 @@ function PageLayout({ children }) {
   );
 }
 
+function MajorErrorMessage({ error }) {
+  return (
+    <Flex justify="center" marginTop="8">
+      <Grid
+        templateAreas='"icon title" "icon description" "icon details"'
+        templateColumns="auto 1fr"
+        maxWidth="500px"
+        columnGap="4"
+      >
+        <Box gridArea="icon" marginTop="2">
+          <Box
+            as="img"
+            src={ErrorGrundoImg}
+            srcSet={`${ErrorGrundoImg} 1x, ${ErrorGrundoImg2x} 2x`}
+            borderRadius="full"
+            boxShadow="md"
+            width="100px"
+            height="100px"
+            alt=""
+          />
+        </Box>
+        <Box gridArea="title" fontSize="lg" marginBottom="1">
+          Ah dang, I broke it 😖
+        </Box>
+        <Box gridArea="description" marginBottom="2">
+          There was an error displaying this page. I'll get info about it
+          automatically, but you can tell me more at{" "}
+          <Link href="mailto:matchu@openneo.net" color="green.400">
+            matchu@openneo.net
+          </Link>
+          !
+        </Box>
+        <Box gridArea="details" fontSize="xs" opacity="0.8">
+          <WarningIcon
+            marginRight="1.5"
+            marginTop="-2px"
+            aria-label="Error message"
+          />
+          "{error.message}"
+        </Box>
+      </Grid>
+    </Flex>
+  );
+}
+
 export default PageLayout;
diff --git a/src/app/images/error-grundo-2-0.png b/src/app/images/error-grundo-2-0.png
new file mode 100644
index 0000000..738744e
Binary files /dev/null and b/src/app/images/error-grundo-2-0.png differ
diff --git a/src/app/images/error-grundo-2-1.png b/src/app/images/error-grundo-2-1.png
new file mode 100644
index 0000000..73329bc
Binary files /dev/null and b/src/app/images/error-grundo-2-1.png differ
diff --git a/src/app/images/error-grundo.png b/src/app/images/error-grundo.png
new file mode 100755
index 0000000..0fb32ca
Binary files /dev/null and b/src/app/images/error-grundo.png differ
diff --git a/src/app/images/error-grundo@2x.png b/src/app/images/error-grundo@2x.png
new file mode 100644
index 0000000..a24c0a1
Binary files /dev/null and b/src/app/images/error-grundo@2x.png differ