1 files changed, 20 insertions, 1 deletions
diff --git a/app/layout.tsx b/app/layout.tsx
index 22e1191..bdcddda 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -4,17 +4,36 @@ import 'victormono'
 import '~/styles/layout.css'
 import '~/styles/text.css'
 
+import Image from 'components/Image'
 import Header from '~/components/layout/Header'
 import Footer from '~/components/layout/Footer'
 
+const header = 'images/aurora-1197753.jpg'
+
 export default function SiteLayout({ children }: { children: ReactNode }) {
+  const headerImage = (
+    <Image
+      src={header}
+      alt=""
+      role="presentation"
+      width={[2560,1920,1280,800,600]}
+      sizes={`
+        (max-width: 2560) 100vw,
+        (max-width: 1920) 100vw,
+        (max-width: 1280) 100vw,
+        (max-width: 800) 100vw,
+        (max-width: 600) 100vw,
+      `}
+    />
+  )
+
   return (
     <html>
       <head>
         <title>tempest.dev</title>
       </head>
       <body>
-        <Header />
+        <Header headerImage={headerImage} />
         {children}
         <Footer />
       </body>