---
import Layout from '../layouts/Layout.astro'
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={homePage} />
    <Footer client:load />
  </div>
</Layout>