diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index 08b008ece5..818dbd3669 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -1,12 +1,29 @@
import React from 'react'
+import { graphql, useStaticQuery } from 'gatsby'
import Home from '../components/home/Home'
import { Seo } from '../components/Seo'
-const IndexPage = () => (
- <>
-
-
- >
-)
+const IndexPage = () => {
+ const {
+ image: {
+ childImageSharp: { gatsbyImageData: image },
+ },
+ } = useStaticQuery(graphql`
+ query {
+ image: file(absolutePath: { glob: "**/src/assets/captures/pages/home.png" }) {
+ childImageSharp {
+ gatsbyImageData(layout: FIXED, width: 1200, quality: 100)
+ }
+ }
+ }
+ `)
+
+ return (
+ <>
+
+
+ >
+ )
+}
export default IndexPage