import { NextPage } from 'next'
import { Suspense } from 'react'
import { HydrationBoundary } from '@tanstack/react-query'
import { dehydrate } from '@tanstack/react-query'
import { QueryClient } from '@tanstack/react-query'
import { landingQueryOptions } from './home/hooks/useHomeData'
import LangingPage from './home/LangingPage'
import Loading from './loading'

export const metadata = {
  title: 'شرکت نرم افزاری داناک',
  description: 'داناک یکی از به روزترین شرکت های تولید نرم افزار و ارائه کننده راه کار های مبتنی بر هوش مصنوعی و یادگیری ماشین',
  openGraph: {
    title: 'شرکت نرم افزاری داناک',
    description: 'داناک یکی از به روزترین شرکت های تولید نرم افزار و ارائه کننده راه کار های مبتنی بر هوش مصنوعی و یادگیری ماشین',
    url: 'https://danakcorp.com/',
    siteName: 'شرکت نرم افزاری داناک',
    locale: 'fa_IR',
    type: 'website',
  },
}


const Home: NextPage = () => {
  return (
    <Suspense fallback={<Loading />}>
      <HomeContent />
    </Suspense>
  )
}

async function HomeContent() {
  const queryClient = new QueryClient()
  await queryClient.prefetchQuery(landingQueryOptions)

  return (
    <HydrationBoundary state={dehydrate(queryClient)}>
      <LangingPage />
    </HydrationBoundary>
  )
}

export default Home