---
import { ViewTransitions } from "astro:transitions";
import {
SEO,
Navbar,
Footer,
BackToTop,
DarkmodeScript,
AnalyticsHead,
AnalyticsBody,
type SEOProps,
} from "@common/index";
import "@styles/_main.pcss";
const seoProps = Astro.props as SEOProps;
---
<!DOCTYPE html>
<html lang="en-US">
<head>
<DarkmodeScript />
<SEO {...seoProps} />
<script src="@lib/core"></script>
<ViewTransitions />
<AnalyticsHead />
</head>
<body
class:list={[
{ "debug-screens": import.meta.env.NODE_ENV === "development" },
]}
>
<AnalyticsBody />
<Navbar />
<main><slot /></main>
<Footer />
<BackToTop />
</body>
</html>