---
export interface Props {
	title: string;
}

const { title,metaTitle, description,ogImg,schema } = Astro.props;
---

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width" />
		<link rel="icon" type="image/svg+xml/ico" href="/img/tb-logo.ico" />
		<meta name="generator" content="siliconpin website builder" />
		<meta name="title" content={metaTitle} />
		<meta name="description" content={description} />
		<title>{title}</title>
		<meta  name="og:image" content={ogImg} />
		<meta  name="og:image:secure_url" content={ogImg} />
		<meta  name="og:type" content="image/png" />
		<meta  name="og:title" content={title} />
		<meta property="og:image:width" content="526" />
		<meta property="og:image:height" content="275" />
		
	</head>
	<body class="body">
		<style>

		</style>
		
		<slot/>
		<div> {schema}</div>
	</body>
	
</html>
<style is:global>

  @import url('https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@500&family=Quicksand:wght@500&display=swap');
	/* :root {
		--accent: 124, 58, 237;
		--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%);
	}
	html {
		font-family: system-ui, sans-serif;
		background-color: #F6F6F6;
	}
	code {
		font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
			Bitstream Vera Sans Mono, Courier New, monospace;
	} */
	body {
		font-family: 'Quicksand', sans-serif;
			}
</style>
