export default {
	root: `<!doctype html>
<html lang="en">
    <head>
		{head}
    </head>
    <body>
		{body}
    </body>
	{js}
</html>`,
	head: `
        <meta charset="utf-8">
        <meta content="width=device-width" name="viewport">
        <title>{title}</title>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Science+Gothic:wght@800&family=Courier+Prime:wght@400&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="/css/style.css">
        <script src="/js/utils.js" defer></script>
		{js}
		<style>{style}</style>
	`,
	body: `
        <header>
			<a href="https://baxxon.ca" class="logo-bx-link">
				<div class="logo-bx-container">
					<div class="logo-bx-icon"></div>
					<div class="logo-bx-text">BAXXON</div>
				</div>
			</a>
			<nav>
				<a href="https://www.npmjs.com/package/baxxon">npm</a>
			</nav>
        </header>
		<main>
			<hgroup class="title">
				<h4>Baxxon Example Sites:</h4>
				<h1>{title}</h1>
				<h3>{subtitle}</h3>
			<hgroup>
			<section class="intro">
				{intro}
			<section>
			<div class="demo">
				{demo}
			</div>
		</main>
		<footer>
			<nav>
				<a href="https://baxxon.ca">© 2026 Baxxon Framework. MIT Licensed.</a>
			</nav>
		</footer>
	`,
}
