arenmarsden · arenmarsden · Jul 8, 2025 · Jul 8, 2025 · Jul 8, 2025
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -4,13 +4,15 @@ import vue from '@astrojs/vue'
 
 import tailwind from '@astrojs/tailwind'
 
+import sitemap from '@astrojs/sitemap';
+
 // https://astro.build/config
 export default defineConfig({
-	integrations: [vue(), tailwind()],
-	output: 'server',
-	adapter: cloudflare({
-		platformProxy: {
-			enabled: true
-		}
-	})
-})
+    integrations: [vue(), tailwind(), sitemap()],
+    output: 'server',
+    adapter: cloudflare({
+        platformProxy: {
+            enabled: true
+        }
+    })
+})
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@astrojs/check": "^0.9.4",
     "@astrojs/cloudflare": "^11.2.0",
+    "@astrojs/sitemap": "^3.4.1",
     "@astrojs/tailwind": "^5.1.5",
     "@astrojs/vue": "^4.5.3",
     "@octokit/core": "^6.1.5",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/about.txt b/public/about.txt
@@ -0,0 +1,6 @@
+This favicon was generated using the following font:
+
+- Font Title: IBM Plex Sans JP
+- Font Author: undefined
+- Font Source: https://fonts.gstatic.com/s/ibmplexsansjp/v6/Z9XKDn9KbTDf6_f7dISNqYf_tvPT7N7RrNpVuw5_BAM.ttf
+- Font License: undefined)
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -13,13 +13,39 @@ let activePage = `${Astro.url.pathname}`
 <html lang="en" class="overflow-x-hidden">
 	<head>
 		<meta charset="UTF-8" />
-		<meta name="description" content="Astro description" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<meta
+			name="description"
+			content="Expert backend engineer helping startups build scalable, secure infrastructure. Book a free consultation to boost your tech stack."
+		/>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+		<link rel="manifest" href="/site.webmanifest" />
 		<meta name="generator" content={Astro.generator} />
+
+		<!-- Open Graph -->
+		<meta property="og:title" content="Aren M – Backend Engineer & Infra Specialist" />
+		<meta
+			property="og:description"
+			content="Helping startups build fast, scalable, secure infrastructure."
+		/>
+		<meta property="og:image" content="/images/me.png" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content={`${Astro.site}${Astro.url.pathname}`} />
+
+		<!-- Twitter -->
+		<meta name="twitter:card" content="summary_large_image" />
+		<meta name="twitter:title" content="Aren M – Backend Engineer & Infra Specialist" />
+		<meta
+			name="twitter:description"
+			content="Helping startups build fast, scalable, secure infrastructure."
+		/>
+		<meta name="twitter:image" content="/images/me.png" />
 		<title>{title} &bullet; mrsn.dev</title>
 		<style>
-			html, body {
+			html,
+			body {
 				overflow-x: hidden;
 				padding: 0;
 				margin: 0;
@@ -29,9 +55,9 @@ let activePage = `${Astro.url.pathname}`
 				padding: 0 !important;
 				margin: 0 !important;
 			}
-			</style>
+		</style>
 	</head>
-	<body class="overflow-x-hidden bg-gray-800 min-h-screen">
+	<body class="min-h-screen overflow-x-hidden bg-gray-800">
 		<Navigation client:load activePage={activePage} />
 		<slot />
 	</body>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}