---
import Cursor from "../components/Cursor.astro";
import GlobalStyles from "../components/GlobalStyles.astro";
import Header from "../components/Header.astro";
import Logo from "../assets/ci/icon-only.svg";

const { title } = 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" href="/favicon.svg" />
		<meta name="generator" content={Astro.generator} />
		<title>
			Tideshift Digital - {title || "Building The Web On Your Terms"}
		</title>
		<meta
			name="description"
			content="From concept to launch — websites, apps, and digital solutions that work hard, so you can play hard. Personal sites, e‑commerce platforms, and custom web apps built by Michael Rieger in Vienna."
		/>
		<meta
			name="keywords"
			content="web development, web design, custom web apps, e-commerce development, Vienna developer, Michael Rieger, Tideshift Digital, digital solutions, website launch, app development"
		/>
		<meta name="author" content="Michael Rieger" />
		<meta name="application-name" content="Tideshift Digital" />
		<link rel="canonical" href="https://tideshiftdigital.com/" />
		<meta
			property="og:title"
			content={"Tideshift Digital - " + title ||
				"Building The Web On Your Terms"}
		/>
		<meta
			property="og:description"
			content="From concept to launch — websites, apps, and digital solutions that work hard, so you can play hard. Based in Vienna, we turn ideas into live products."
		/>
		<meta property="og:type" content="website" />
		<meta property="og:url" content="https://tideshiftdigital.com/" />
		<meta property="og:image" content="/assets/img/og-image.jpg" />
		<meta property="og:site_name" content="Tideshift Digital" />
		<meta name="twitter:card" content="summary_large_image" />
		<meta
			name="twitter:title"
			content={"Tideshift Digital - " + title ||
				"Building The Web On Your Terms"}
		/>
		<meta
			name="twitter:description"
			content="From concept to launch — websites, apps, and digital solutions that work hard, so you can play hard. Based in Vienna."
		/>
		<meta name="twitter:image" content="/assets/img/og-image.jpg" />

		<script
			is:inline
			defer
			src="https://analytics.tideshiftdigital.com/script.js"
			data-website-id="00c032c0-8fd5-436c-a210-9df51c071c7b"></script>
	</head>
	<body>
		<GlobalStyles />

		<div class="inner">
			<Header />
			<slot />
		</div>

		<Cursor />
	</body>
</html>

<style>
	.inner {
		display: grid;
		grid-template-rows: max-content 1fr;
		overflow: clip;
		padding: clamp(2rem, 5vw + 1rem, 3.75rem);
		position: relative;
	}
</style>
