2
0
Files
bot/apps/viewer/components/Seo.tsx
Baptiste Arnaud d369b4d941 🦴 Add viewer backbone
2021-12-24 06:39:33 +01:00

63 lines
2.0 KiB
TypeScript

import Head from 'next/head'
import React from 'react'
type SEOProps = any
export const SEO = ({
iconUrl,
thumbnailUrl,
title,
description,
url,
chatbotName,
}: SEOProps) => (
<Head>
<title>{title ?? chatbotName}</title>
<link
rel="icon"
type="image/png"
href={iconUrl ?? 'https://bot.typebot.io/favicon.png'}
/>
<meta name="title" content={title ?? chatbotName} />
<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'} />
<meta property="og:title" content={title ?? chatbotName} />
<meta property="og:site_name" content={title ?? chatbotName} />
<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"
content={thumbnailUrl ?? 'https://bot.typebot.io/site-preview.png'}
/>
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={url ?? 'https://bot.typebot.io'} />
<meta property="twitter:title" content={title ?? chatbotName} />
<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"
content={thumbnailUrl ?? 'https://bot.typebot.io/site-preview.png'}
/>
</Head>
)