fetch sections from cms

src/pages/index.astro

@@ -4,12 +4,20 @@ import '../styles/globals.css'
 import { Header } from '../sections/Header'
 import { Footer } from '../sections/Footer'
 import { HomePage } from '../views/HomePage'
+import { homePageQueryQuery } from '../graphql-documents/home-page.gql.generated'
+
+const result = await homePageQueryQuery.execute()
+if (result.errors?.length) {
+  throw new Error(result.errors.map(e => e.message).join(', '))
+}
+
+const homePage = result.data?.homePage ?? null
 ---
 
 <Layout>
   <div class="min-h-screen bg-white w-full overflow-x-hidden">
     <Header client:load />
-    <HomePage client:load />
+    <HomePage client:load homePage={homePage} />
     <Footer client:load />
   </div>
 </Layout>