import BlogMeta from 'components/BlogMeta'
import MetaDescription from 'components/MetaDescription'
import * as demo from 'lib/demo.data'
import { Settings } from 'lib/sanity.queries'
import { Latestpost } from 'lib/wordpress.queries'

export interface IndexPageHeadProps {
  settings: Settings
}

export default function IndexPageHead({ settings }: IndexPageHeadProps) {
  const {
    title = demo.title,
    description = demo.description,
    ogImage = {},
  } = settings
  const ogImageTitle = ogImage?.title || demo.ogImageTitle

  return (
    <>
      <link
        rel="preload"
        href="https://cdn.sanity.io/images/helyis1v/production/6b57ca82593b4defdc6904f863b8ba693d250dc3-1920x1080.jpg"
        as="image"
      ></link>
      <link
        rel="preload"
        href="https://cdn.sanity.io/images/helyis1v/production/6b57ca82593b4defdc6904f863b8ba693d250dc3-1920x1080.jpg"
        as="image"
      ></link>
      {/* <title>{title}</title>
      <BlogMeta />
      <MetaDescription value={description} />
      <meta
        property="og:image"
        content={`${
          process.env.VERCEL_URL ? 'https://' + process.env.VERCEL_URL : ''
        }/api/og?${new URLSearchParams({ title: ogImageTitle })}`}
      /> */}
    </>
  )
}
