2022-02-20 10:45:55 +01:00
import { Metadata } from 'models'
2021-12-23 16:31:56 +01:00
import Head from 'next/head'
import React from 'react'
2022-02-20 10:45:55 +01:00
type SEOProps = {
url : string
typebotName : string
metadata : Metadata
}
2021-12-23 16:31:56 +01:00
export const SEO = ( {
url ,
2022-02-20 10:45:55 +01:00
typebotName ,
metadata : { title , description , favIconUrl , imageUrl } ,
2021-12-23 16:31:56 +01:00
} : SEOProps ) = > (
< Head >
2022-02-20 10:45:55 +01:00
< title > { title ? ? typebotName } < / title >
2022-03-24 11:44:34 +01:00
< meta name = "robots" content = "noindex" / >
2021-12-23 16:31:56 +01:00
< link
rel = "icon"
type = "image/png"
2022-02-20 10:45:55 +01:00
href = { favIconUrl ? ? 'https://bot.typebot.io/favicon.png' }
2021-12-23 16:31:56 +01:00
/ >
2022-02-20 10:45:55 +01:00
< meta name = "title" content = { title ? ? typebotName } / >
2021-12-23 16:31:56 +01:00
< meta
name = "description"
content = {
description ? ?
'Build beautiful conversational forms and embed them directly in your applications without a line of code. Triple your response rate and collect answers that has more value compared to a traditional form.'
}
/ >
< meta property = "og:type" content = "website" / >
< meta property = "og:url" content = { url ? ? 'https://bot.typebot.io' } / >
2022-02-20 10:45:55 +01:00
< meta property = "og:title" content = { title ? ? typebotName } / >
< meta property = "og:site_name" content = { title ? ? typebotName } / >
2021-12-23 16:31:56 +01:00
< meta
property = "og:description"
content = {
description ? ?
'Build beautiful conversational forms and embed them directly in your applications without a line of code. Triple your response rate and collect answers that has more value compared to a traditional form.'
}
/ >
< meta
property = "og:image"
itemProp = "image"
2022-02-20 10:45:55 +01:00
content = { imageUrl ? ? 'https://bot.typebot.io/site-preview.png' }
2021-12-23 16:31:56 +01:00
/ >
< meta property = "twitter:card" content = "summary_large_image" / >
< meta property = "twitter:url" content = { url ? ? 'https://bot.typebot.io' } / >
2022-02-20 10:45:55 +01:00
< meta property = "twitter:title" content = { title ? ? typebotName } / >
2021-12-23 16:31:56 +01:00
< meta
property = "twitter:description"
content = {
description ? ?
'Build beautiful conversational forms and embed them directly in your applications without a line of code. Triple your response rate and collect answers that has more value compared to a traditional form.'
}
/ >
< meta
property = "twitter:image"
2022-02-20 10:45:55 +01:00
content = { imageUrl ? ? 'https://bot.typebot.io/site-preview.png' }
2021-12-23 16:31:56 +01:00
/ >
< / Head >
)
