Update next++

web/components/Layout/Footer.js

@@ -52,12 +52,6 @@ export default function Footer(props) {
         </Button>
       </Flex>
 
-      {/* <Image
-        layout="responsive"
-        src={`${process.env.NEXT_PUBLIC_BASE_PATH}/img/taakeheimen-footer.svg`}
-        alt=""
-      /> */}
-
       <Container maxW="4xl" p="0" sx={{ perspective: '492px' }}>
         {/* <Flex pb="0">
           <Spacer />

web/components/Layout/Header.js

@@ -61,7 +61,6 @@ export default function Header(props) {
             fontSize={['lg', 'xl', '3xl', '3xl']}
             fontWeight={{ base: 'normal', md: 'semibold' }}
             fontFamily="EB Garamond"
-            color="blackAlpha.800"
           >
             <Link href="/">
               <a>{title}</a>

web/components/Sections/IllustrationWithCaption.js

 import { imageBuilder } from '../../lib/sanity'
-import { Flex, Grid, Box } from '@chakra-ui/react'
+import { Flex, Grid, Box, Image } from '@chakra-ui/react'
 import Caption from './shared/caption'
-import { Image } from '../Image'
 
 export default function IllustrationWithCaption(props) {
   if ((!props && !props.illustration) || props.disabled === true) {

web/next.config.js

@@ -7,4 +7,7 @@ module.exports = {
     return config
   },
   basePath: process.env.NEXT_PUBLIC_BASE_PATH,
+  images: {
+    domains: ['cdn.sanity.io'],
+  },
 }

web/package.json

@@ -31,9 +31,9 @@
     "jsonld": "^3.2.0",
     "mirador": "^3.2.0",
     "mirador-image-tools": "^0.10.0",
-    "next": "^11.1.0",
-    "next-images": "^1.7.0",
-    "next-sanity": "^0.1.12",
+    "next": "^11.1.2",
+    "next-images": "^1.8.1",
+    "next-sanity": "^0.4.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-headroom": "^3.1.0",
@@ -68,4 +68,4 @@
     "typescript": "^4.3.5"
   },
   "license": "MIT"
-}
\ No newline at end of file
+}