1---
2import { ViewTransitions } from "astro:transitions";
3import {
4 SEO,
5 Navbar,
6 Footer,
7 BackToTop,
8 DarkmodeScript,
9 AnalyticsHead,
10 AnalyticsBody,
11 type SEOProps,
12} from "@common/index";
13
14import "@styles/_main.pcss";
15
16const seoProps = Astro.props as SEOProps;
17---
18
19<!DOCTYPE html>
20<html lang="en-US">
21 <head>
22 <DarkmodeScript />
23 <SEO {...seoProps} />
24 <script src="@lib/core"></script>
25 <ViewTransitions />
26 <AnalyticsHead />
27 </head>
28 <body
29 class:list={[
30 { "debug-screens": import.meta.env.NODE_ENV === "development" },
31 ]}
32 >
33 <AnalyticsBody />
34 <Navbar />
35 <main><slot /></main>
36 <Footer />
37 <BackToTop />
38 </body>
39</html>