manifold/web/components/SEO.tsx
2021-12-16 12:40:23 -06:00

41 lines
790 B
TypeScript

import Head from 'next/head'
export function SEO(props: {
title: string
description: string
url?: string
children?: any[]
}) {
const { title, description, url, children } = props
return (
<Head>
<title>{title} | Mantic Markets</title>
<meta
property="og:title"
name="twitter:title"
content={title}
key="title"
/>
<meta name="description" content={description} key="description1" />
<meta
property="og:description"
name="twitter:description"
content={description}
key="description2"
/>
{url && (
<meta
property="og:url"
content={'https://mantic.markets' + url}
key="url"
/>
)}
{children}
</Head>
)
}