diff --git a/src/app/(frontend)/layout.tsx b/src/app/(frontend)/layout.tsx
index de408a2..14ad0a1 100644
--- a/src/app/(frontend)/layout.tsx
+++ b/src/app/(frontend)/layout.tsx
@@ -4,17 +4,23 @@ import '@fontsource-variable/inter'
 import '@fontsource-variable/newsreader'
 import '@fontsource/dm-serif-text'
 import '@fontsource/krona-one'
+import { Nav } from '@/components/Nav'
+import { Footer } from '@/components/Footer'
+import siteConfig from '@/lib/site-config'
 
 export const metadata = {
-  description: "Chris Arter's blog — software, life, cars.",
-  title: 'Chris Arter | A Blog of Tech & Cars',
+  title: { default: siteConfig.title, template: `%s — ${siteConfig.title}` },
+  description: siteConfig.description,
 }
 
-export default async function RootLayout(props: { children: React.ReactNode }) {
-  const { children } = props
+export default async function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
-      <body className="bg-paper text-ink font-sans antialiased">{children}</body>
+      <body className="bg-paper text-ink antialiased">
+        <Nav />
+        <main id="main-content">{children}</main>
+        <Footer />
+      </body>
     </html>
   )
 }