From 605e39686eb1e1972fc447ff0a96989b9bdc936c Mon Sep 17 00:00:00 2001
From: joe vaughan <jbvaughan1993@gmail.com>
Date: Fri, 9 Aug 2024 09:55:38 +0100
Subject: [PATCH] compression testing

---
 astro.config.mjs                 |  39 ++-
 package-lock.json                | 491 ++++++++++++++++++++++++++++++-
 package.json                     |   2 +
 src/components/Contact.astro     |   6 +-
 src/components/GoogleFonts.astro |  12 +
 src/layouts/Layout.astro         |   7 +-
 src/tests/index.spec.ts          | 183 ++++--------
 tailwind.config.mjs              |   2 +-
 8 files changed, 584 insertions(+), 158 deletions(-)
 create mode 100644 src/components/GoogleFonts.astro

diff --git a/astro.config.mjs b/astro.config.mjs
index 41beb85..1f16b4a 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,15 +1,34 @@
-import { defineConfig } from 'astro/config';
-import tailwind from '@astrojs/tailwind';
-import icon from 'astro-icon';
-import starlight from '@astrojs/starlight';
-import react from '@astrojs/react';
+import { defineConfig } from 'astro/config'
+import tailwind from '@astrojs/tailwind'
+import icon from 'astro-icon'
+import starlight from '@astrojs/starlight'
+import react from '@astrojs/react'
+
+import compress from 'astro-compress'
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind(), icon(), starlight({
-    title: 'Adam Koszary docs',
-    disable404Route: true
-  }), react()],
+  integrations: [
+    tailwind(),
+    icon(),
+    starlight({
+      title: 'Adam Koszary docs',
+      disable404Route: true
+    }),
+    react(),
+    (await import('astro-compress')).default({
+      CSS: false,
+      HTML: {
+        'html-minifier-terser': {
+          removeAttributeQuotes: false
+        }
+      },
+      CSS: true,
+      Image: true,
+      JavaScript: true,
+      SVG: true
+    })
+  ],
   server: {
     proxy: {
       '/wp-admin': {
@@ -39,4 +58,4 @@ export default defineConfig({
       }
     }
   }
-});
\ No newline at end of file
+})
diff --git a/package-lock.json b/package-lock.json
index 46434dd..2f5d7cc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,9 @@
         "@types/react": "^18.3.3",
         "@types/react-dom": "^18.3.0",
         "astro": "^4.12.2",
+        "astro-compress": "^2.3.1",
         "astro-font": "^0.0.81",
+        "astro-google-fonts-optimizer": "^0.2.2",
         "astro-icon": "^1.1.0",
         "astro-social-share": "^2.0.2",
         "react": "^18.3.1",
@@ -1847,6 +1849,15 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
+      "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
@@ -2001,6 +2012,29 @@
         "node": ">=14"
       }
     },
+    "node_modules/@playform/pipe": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@playform/pipe/-/pipe-0.1.0.tgz",
+      "integrity": "sha512-EiY5y81BKSIBduFDM9UAN9RISQptYd8TR1UWTx1H/5Tm86AHxjAm/fiGqUuWwZShBqc5K1TY4ynkT6dpp1r7UQ==",
+      "dependencies": {
+        "@types/node": "20.14.12",
+        "deepmerge-ts": "7.1.0",
+        "fast-glob": "3.3.2"
+      }
+    },
+    "node_modules/@playform/pipe/node_modules/@types/node": {
+      "version": "20.14.12",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.12.tgz",
+      "integrity": "sha512-r7wNXakLeSsGT0H1AU863vS2wa5wBOK4bWMjZz2wj+8nBx+m5PeIn0k8AloSLpRuiwdRQZwarZqHE4FNArPuJQ==",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@playform/pipe/node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
+    },
     "node_modules/@playwright/test": {
       "version": "1.46.0",
       "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.46.0.tgz",
@@ -2339,6 +2373,19 @@
       "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
       "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA=="
     },
+    "node_modules/@types/css-tree": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/@types/css-tree/-/css-tree-2.3.8.tgz",
+      "integrity": "sha512-zABG3nI2UENsx7AQv63tI5/ptoAG/7kQR1H0OvG+WTWYHOR5pfAT3cGgC8SdyCrgX/TTxJBZNmx82IjCXs1juQ=="
+    },
+    "node_modules/@types/csso": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/csso/-/csso-5.0.4.tgz",
+      "integrity": "sha512-W/FsRkm/9c04x9ON+bj+HQ0cSgNkG1LvcfuBCpkP7cpikM7+RkrNFLGtiofb++xBG6KGMUycLoDbi9/K621ZCw==",
+      "dependencies": {
+        "@types/css-tree": "*"
+      }
+    },
     "node_modules/@types/debug": {
       "version": "4.1.12",
       "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
@@ -2368,6 +2415,11 @@
         "@types/unist": "*"
       }
     },
+    "node_modules/@types/html-minifier-terser": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-7.0.2.tgz",
+      "integrity": "sha512-mm2HqV22l8lFQh4r2oSsOEVea+m0qqxEmwpc9kC1p/XzmjLWrReR9D/GRs8Pex2NX/imyEH9c5IU/7tMBQCHOA=="
+    },
     "node_modules/@types/mdast": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
@@ -2801,6 +2853,57 @@
         "sharp": "^0.33.3"
       }
     },
+    "node_modules/astro-compress": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/astro-compress/-/astro-compress-2.3.1.tgz",
+      "integrity": "sha512-W2rv6Vr8dZEw2CEA0/QcBEFmXCERbY8onlyixfRul1nY5moPNkk3zdiw7Id3TkIJyHpqQTP6OyfTmTp6MhOqjw==",
+      "dependencies": {
+        "@playform/pipe": "0.1.0",
+        "@types/csso": "5.0.4",
+        "@types/html-minifier-terser": "7.0.2",
+        "astro": "*",
+        "csso": "5.0.5",
+        "deepmerge-ts": "7.1.0",
+        "html-minifier-terser": "7.2.0",
+        "kleur": "4.1.5",
+        "lightningcss": "1.25.1",
+        "sharp": "0.33.4",
+        "svgo": "4.0.0-rc.0",
+        "terser": "5.31.3"
+      }
+    },
+    "node_modules/astro-compress/node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/astro-compress/node_modules/svgo": {
+      "version": "4.0.0-rc.0",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-4.0.0-rc.0.tgz",
+      "integrity": "sha512-V6DFAkoKXl9GFPZPKNDcJpeXQtMhJT3mgt0VIJTuTe89Ih4ZMtlVR/Djxm0WZX1+9TC7srNhQG6Ffs7EcB4T7Q==",
+      "dependencies": {
+        "commander": "^11.1.0",
+        "css-select": "^5.1.0",
+        "css-tree": "^2.3.1",
+        "css-what": "^6.1.0",
+        "csso": "^5.0.5",
+        "picocolors": "^1.0.0",
+        "sax": "^1.4.1"
+      },
+      "bin": {
+        "svgo": "bin/svgo.js"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/svgo"
+      }
+    },
     "node_modules/astro-expressive-code": {
       "version": "0.35.3",
       "resolved": "https://registry.npmjs.org/astro-expressive-code/-/astro-expressive-code-0.35.3.tgz",
@@ -2817,6 +2920,11 @@
       "resolved": "https://registry.npmjs.org/astro-font/-/astro-font-0.0.81.tgz",
       "integrity": "sha512-VmK4kqzNpOAt2LASVbw2cbbe9sD6K30E7jOjqzHxHieHMTWInkdOljtzHmNGvKr3P0MeF4Wy+Z7j6CdETFecDA=="
     },
+    "node_modules/astro-google-fonts-optimizer": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/astro-google-fonts-optimizer/-/astro-google-fonts-optimizer-0.2.2.tgz",
+      "integrity": "sha512-YQxp/ExF3NzUomAGuu1VKecO7/ETRnhnE50gqwAqfpbGPZFj4MYa4XxK1ukBg3R63QmKuE5uurOiKmXiLzttuw=="
+    },
     "node_modules/astro-icon": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/astro-icon/-/astro-icon-1.1.0.tgz",
@@ -3068,6 +3176,20 @@
         "node": "*"
       }
     },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
+    },
+    "node_modules/camel-case": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
+      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
+      "dependencies": {
+        "pascal-case": "^3.1.2",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/camelcase": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz",
@@ -3254,6 +3376,25 @@
         "node": ">=8"
       }
     },
+    "node_modules/clean-css": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz",
+      "integrity": "sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==",
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 10.0"
+      }
+    },
+    "node_modules/clean-css/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/cli-boxes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",
@@ -3407,7 +3548,6 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
       "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
-      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1",
         "color-string": "^1.9.0"
@@ -3433,7 +3573,6 @@
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
       "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "optional": true,
       "dependencies": {
         "color-name": "^1.0.0",
         "simple-swizzle": "^0.2.2"
@@ -3443,7 +3582,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "optional": true,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -3454,8 +3592,7 @@
     "node_modules/color/node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "optional": true
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
     },
     "node_modules/combined-stream": {
       "version": "1.0.8",
@@ -3649,6 +3786,14 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/deepmerge-ts": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/deepmerge-ts/-/deepmerge-ts-7.1.0.tgz",
+      "integrity": "sha512-q6bNsfNBtgr8ZOQqmZbl94MmYWm+QcDNIkqCxVWiw1vKvf+y/N2dZQKdnDXn4c5Ygt/y63tDof6OCN+2YwWVEg==",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -3670,7 +3815,6 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
       "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
-      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -3784,6 +3928,15 @@
         "url": "https://github.com/fb55/domutils?sponsor=1"
       }
     },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/dset": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/dset/-/dset-3.1.3.tgz",
@@ -4757,6 +4910,34 @@
       "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-3.0.3.tgz",
       "integrity": "sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ=="
     },
+    "node_modules/html-minifier-terser": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-7.2.0.tgz",
+      "integrity": "sha512-tXgn3QfqPIpGl9o+K5tpcj3/MN4SfLtsx2GWwBC3SSd0tXQGyF3gsSqad8loJgKZGM3ZxbYDd5yhiBIdWpmvLA==",
+      "dependencies": {
+        "camel-case": "^4.1.2",
+        "clean-css": "~5.3.2",
+        "commander": "^10.0.0",
+        "entities": "^4.4.0",
+        "param-case": "^3.0.4",
+        "relateurl": "^0.2.7",
+        "terser": "^5.15.1"
+      },
+      "bin": {
+        "html-minifier-terser": "cli.js"
+      },
+      "engines": {
+        "node": "^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/html-void-elements": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz",
@@ -4845,8 +5026,7 @@
     "node_modules/is-arrayish": {
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-      "optional": true
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
     },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
@@ -5144,6 +5324,214 @@
         "node": "> 0.8"
       }
     },
+    "node_modules/lightningcss": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.25.1.tgz",
+      "integrity": "sha512-V0RMVZzK1+rCHpymRv4URK2lNhIRyO8g7U7zOFwVAhJuat74HtkjIQpQRKNCwFEYkRGpafOpmXXLoaoBcyVtBg==",
+      "dependencies": {
+        "detect-libc": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.25.1",
+        "lightningcss-darwin-x64": "1.25.1",
+        "lightningcss-freebsd-x64": "1.25.1",
+        "lightningcss-linux-arm-gnueabihf": "1.25.1",
+        "lightningcss-linux-arm64-gnu": "1.25.1",
+        "lightningcss-linux-arm64-musl": "1.25.1",
+        "lightningcss-linux-x64-gnu": "1.25.1",
+        "lightningcss-linux-x64-musl": "1.25.1",
+        "lightningcss-win32-x64-msvc": "1.25.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.25.1.tgz",
+      "integrity": "sha512-G4Dcvv85bs5NLENcu/s1f7ehzE3D5ThnlWSDwE190tWXRQCQaqwcuHe+MGSVI/slm0XrxnaayXY+cNl3cSricw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.25.1.tgz",
+      "integrity": "sha512-dYWuCzzfqRueDSmto6YU5SoGHvZTMU1Em9xvhcdROpmtOQLorurUZz8+xFxZ51lCO2LnYbfdjZ/gCqWEkwixNg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.25.1.tgz",
+      "integrity": "sha512-hXoy2s9A3KVNAIoKz+Fp6bNeY+h9c3tkcx1J3+pS48CqAt+5bI/R/YY4hxGL57fWAIquRjGKW50arltD6iRt/w==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.25.1.tgz",
+      "integrity": "sha512-tWyMgHFlHlp1e5iW3EpqvH5MvsgoN7ZkylBbG2R2LWxnvH3FuWCJOhtGcYx9Ks0Kv0eZOBud789odkYLhyf1ng==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.25.1.tgz",
+      "integrity": "sha512-Xjxsx286OT9/XSnVLIsFEDyDipqe4BcLeB4pXQ/FEA5+2uWCCuAEarUNQumRucnj7k6ftkAHUEph5r821KBccQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.25.1.tgz",
+      "integrity": "sha512-IhxVFJoTW8wq6yLvxdPvyHv4NjzcpN1B7gjxrY3uaykQNXPHNIpChLB52+wfH+yS58zm1PL4LemUp8u9Cfp6Bw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.25.1.tgz",
+      "integrity": "sha512-RXIaru79KrREPEd6WLXfKfIp4QzoppZvD3x7vuTKkDA64PwTzKJ2jaC43RZHRt8BmyIkRRlmywNhTRMbmkPYpA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.25.1.tgz",
+      "integrity": "sha512-TdcNqFsAENEEFr8fJWg0Y4fZ/nwuqTRsIr7W7t2wmDUlA8eSXVepeeONYcb+gtTj1RaXn/WgNLB45SFkz+XBZA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.25.1.tgz",
+      "integrity": "sha512-9KZZkmmy9oGDSrnyHuxP6iMhbsgChUiu/NSgOx+U1I/wTngBStDf2i2aGRCHvFqj19HqqBEI4WuGVQBa2V6e0A==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss/node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/lilconfig": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
@@ -5297,6 +5685,14 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -6554,6 +6950,15 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/node-releases": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
@@ -6780,6 +7185,15 @@
         "@pagefind/windows-x64": "1.1.0"
       }
     },
+    "node_modules/param-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
+      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/parse-entities": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.1.tgz",
@@ -6844,6 +7258,15 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
+    "node_modules/pascal-case": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
+      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/path-browserify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
@@ -7414,6 +7837,14 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/remark-directive": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/remark-directive/-/remark-directive-3.0.0.tgz",
@@ -7761,7 +8192,6 @@
       "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.4.tgz",
       "integrity": "sha512-7i/dt5kGl7qR4gwPRD2biwD2/SvBn3O04J77XKFgL2OnZtQw+AG9wnuS/csmu80nPRHLYE9E41fyEiG8nhH6/Q==",
       "hasInstallScript": true,
-      "optional": true,
       "dependencies": {
         "color": "^4.2.3",
         "detect-libc": "^2.0.3",
@@ -7839,7 +8269,6 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
       "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
-      "optional": true,
       "dependencies": {
         "is-arrayish": "^0.3.1"
       }
@@ -7888,6 +8317,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/space-separated-tokens": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
@@ -8376,6 +8822,28 @@
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
+    "node_modules/terser": {
+      "version": "5.31.3",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.3.tgz",
+      "integrity": "sha512-pAfYn3NIZLyZpa83ZKigvj6Rn9c/vd5KfYGX7cN1mnzqgDcxWvrU5ZtAfIKhEXz9nRecw4z3LXkjaq96/qZqAA==",
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
     "node_modules/thenify": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
@@ -8465,8 +8933,7 @@
     "node_modules/tslib": {
       "version": "2.6.3",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
-      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
-      "devOptional": true
+      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ=="
     },
     "node_modules/type-fest": {
       "version": "2.19.0",
diff --git a/package.json b/package.json
index 2728a10..2324008 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,9 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "astro": "^4.12.2",
+    "astro-compress": "^2.3.1",
     "astro-font": "^0.0.81",
+    "astro-google-fonts-optimizer": "^0.2.2",
     "astro-icon": "^1.1.0",
     "astro-social-share": "^2.0.2",
     "react": "^18.3.1",
diff --git a/src/components/Contact.astro b/src/components/Contact.astro
index 7de7889..437177e 100644
--- a/src/components/Contact.astro
+++ b/src/components/Contact.astro
@@ -26,6 +26,7 @@ const { title, description } = Astro.props;
       data-netlify="true"
       data-netlify-recaptcha="true"
       class="rounded-sm group transition-colors"
+      autocomplete="on"
     >
       <p class="hidden">
         <label>
@@ -44,6 +45,7 @@ const { title, description } = Astro.props;
             placeholder="John Doe"
             class="w-full px-4 py-2 border rounded-sm focus:outline-none focus:ring-2 focus:ring-blue-500 placeholder:font-mono bg-transparent"
             required
+            autocomplete="name"
           />
         </div>
         <div>
@@ -57,6 +59,7 @@ const { title, description } = Astro.props;
             placeholder="johndoe@example.com"
             class="w-full px-4 py-2 border rounded-sm focus:outline-none focus:ring-2 focus:ring-blue-500 placeholder:font-mono bg-transparent"
             required
+            autocomplete="email"
           />
         </div>
         <div>
@@ -69,7 +72,8 @@ const { title, description } = Astro.props;
             rows="6"
             placeholder="Type your message here..."
             class="w-full px-4 py-2 border rounded-sm focus:outline-none focus:ring-2 focus:ring-blue-500 placeholder:font-mono bg-transparent"
-            required></textarea>
+            required
+            autocomplete="off"></textarea>
         </div>
       </div>
 
diff --git a/src/components/GoogleFonts.astro b/src/components/GoogleFonts.astro
new file mode 100644
index 0000000..177c5d6
--- /dev/null
+++ b/src/components/GoogleFonts.astro
@@ -0,0 +1,12 @@
+---
+import { GoogleFontsOptimizer } from "astro-google-fonts-optimizer";
+---
+
+<Fragment>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width" />
+
+    <GoogleFontsOptimizer
+        url="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;700&display=swap"
+    />
+</Fragment>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f195dc0..6f7efe4 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -2,6 +2,7 @@
 import { ViewTransitions } from "astro:transitions"; // Astro view transitions
 import AdamOGImage from "../../src/images/opengraph.jpg"; // Open Graph image
 import Footer from "../components/Footer.astro"; // Page footer component
+import { GoogleFontsOptimizer } from "astro-google-fonts-optimizer";
 import Nav from "../components/Nav.astro"; // Nav component
 import NavLink from "../components/atoms/NavItem.astro"; // Individual nav item
 import CookieBanner from "../components/Cookies";
@@ -74,7 +75,6 @@ function getImageUrl(image: ImageMetadata | string): string {
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
     <link rel="manifest" href="/site.webmanifest" />
     <link rel="canonical" href={canonicalUrl || Astro.url} />
-
     <meta name="msapplication-TileColor" content="#da532c" />
     <meta name="theme-color" content="#ffffff" />
     <meta name="generator" content={Astro.generator} />
@@ -86,6 +86,10 @@ function getImageUrl(image: ImageMetadata | string): string {
       }
     </title>
 
+    <GoogleFontsOptimizer
+      url="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Permanent+Marker&display=swap"
+    />
+
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content={ogType} />
     <meta property="og:url" content={Astro.url} />
@@ -125,7 +129,6 @@ function getImageUrl(image: ImageMetadata | string): string {
 </html>
 
 <style>
-  @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@100..900&family=Permanent+Marker&display=swap");
   @font-face {
     font-family: "IBM Plex Mono", monospace;
     font-weight: 500;
diff --git a/src/tests/index.spec.ts b/src/tests/index.spec.ts
index f7fe6f4..8d9c0d5 100644
--- a/src/tests/index.spec.ts
+++ b/src/tests/index.spec.ts
@@ -5,157 +5,76 @@ const browsers = [chromium, firefox, webkit];
 
 // Function to run tests in multiple browsers
 for (const browserType of browsers) {
-    test.describe(`Cookie Banner Tests in ${browserType.name()}`, () => {
-        test.describe(`Testing in ${browserType.name()}`, () => {
+    test('meta is correct and elements are present', async () => {
+        const browser = await browserType.launch();
+        const context = await browser.newContext();
+        const page = await context.newPage();
 
-            test('Cookie banner is visible on initial load', async ({ context }) => {
-                const page = await context.newPage();
-                await page.goto('http://localhost:4321/');
+        // Go to the page
+        await page.goto('http://localhost:4321/');
 
-                const cookieBanner = page.locator('#cookie-banner');
-                await expect(cookieBanner).toBeVisible();
-            });
+        // Check the page title
+        await expect(page).toHaveTitle('Adam Koszary');
 
-            test('Accepting cookies hides banner', async ({ context }) => {
-                const page = await context.newPage();
-                await page.goto('http://localhost:4321/');
+        // Check meta description
+        const metaDescription = await page.locator('meta[name="description"]');
+        await expect(metaDescription).toHaveAttribute('content', 'Adam Koszary is an expert in social media and digital engagement for museums, galleries, libraries, archives, and theatres.');
 
-                const acceptButton = page.locator('#accept-cookies');
-                await acceptButton.click();
+        // Wait for the header to be visible
+        const header = page.locator('[data-testid="page-header"]');
+        await header.waitFor({ state: 'visible', timeout: 10000 });
 
-                const cookieBanner = page.locator('#cookie-banner');
-                await expect(cookieBanner).not.toBeVisible();
-            });
+        // Check Header title
+        const headerTitle = page.locator('header#home h1');
+        await expect(headerTitle).toHaveText('Adam Koszary');
 
-            test('Declining cookies hides banner', async ({ context }) => {
-                const page = await context.newPage();
-                await page.goto('http://localhost:4321/');
+        // Take a screenshot of the page
+        await page.screenshot({ path: `${browserType.name()}_homepage_screenshot.png`, fullPage: true });
 
-                const declineButton = page.locator('#decline-cookies');
-                await declineButton.click();
+        console.info('Playwright test passed: meta is correct and homepage elements are present');
 
-                const cookieBanner = page.locator('#cookie-banner');
-                await expect(cookieBanner).not.toBeVisible();
-            });
-
-            test('Banner remains hidden on subsequent visits after accepting', async ({ context }) => {
-                const page = await context.newPage();
-
-                // Simulate accepted cookies using localStorage
-                await page.evaluate(() => {
-                    const expiryDays = 365;
-                    const expiry = Date.now() + expiryDays * 24 * 60 * 60 * 1000;
-                    localStorage.setItem('cookieChoice', JSON.stringify({ value: 'accept', expiry }));
-                });
-
-                await page.goto('http://localhost:4321/');
-
-                const cookieBanner = page.locator('#cookie-banner');
-                await expect(cookieBanner).not.toBeVisible();
-            });
-
-            test('Banner remains hidden on subsequent visits after declining', async ({ context }) => {
-                const page = await context.newPage();
-
-                // Simulate declined cookies using localStorage
-                await page.evaluate(() => {
-                    const expiryDays = 30;
-                    const expiry = Date.now() + expiryDays * 24 * 60 * 60 * 1000;
-                    localStorage.setItem('cookieChoice', JSON.stringify({ value: 'decline', expiry }));
-                });
-
-                await page.goto('http://localhost:4321/');
-
-                const cookieBanner = page.locator('#cookie-banner');
-                await expect(cookieBanner).not.toBeVisible();
-            });
-
-            test('Google Analytics loads after accepting cookies', async ({ context }) => {
-                const page = await context.newPage();
-                await page.goto('http://localhost:4321/');
-
-                const acceptButton = page.locator('#accept-cookies');
-                await acceptButton.click();
-
-                // Wait for Google Analytics script to load
-                await page.waitForFunction(() => window.gtag !== undefined, null, { timeout: 5000 });
-
-                const gaScript = page.locator('script[src^="https://www.googletagmanager.com/gtag/js"]');
-                await expect(gaScript).toBeAttached();
-            });
-        });
-
-        test('meta is correct and elements are present', async () => {
-            const browser = await browserType.launch();
-            const context = await browser.newContext();
-            const page = await context.newPage();
-
-            // Go to the page
-            await page.goto('http://localhost:4321/');
-
-            // Check the page title
-            await expect(page).toHaveTitle('Adam Koszary');
-
-            // Check meta description
-            const metaDescription = await page.locator('meta[name="description"]');
-            await expect(metaDescription).toHaveAttribute('content', 'Adam Koszary is an expert in social media and digital engagement for museums, galleries, libraries, archives, and theatres.');
-
-            // Wait for the header to be visible
-            const header = page.locator('[data-testid="page-header"]');
-            await header.waitFor({ state: 'visible', timeout: 10000 });
-
-            // Check Header title
-            const headerTitle = page.locator('header#home h1');
-            await expect(headerTitle).toHaveText('Adam Koszary');
-
-            // Take a screenshot of the page
-            await page.screenshot({ path: `${browserType.name()}_homepage_screenshot.png`, fullPage: true });
-
-            console.info('Playwright test passed: meta is correct and homepage elements are present');
-
-            await browser.close();
-        });
+        await browser.close();
+    });
 
-        test('blogpost loads correctly', async () => {
-            const browser = await browserType.launch();
-            const context = await browser.newContext();
-            const page = await context.newPage();
+    test('blogpost loads correctly', async () => {
+        const browser = await browserType.launch();
+        const context = await browser.newContext();
+        const page = await context.newPage();
 
-            // Go to the page
-            await page.goto('http://localhost:4321/posts/we-need-three-skillsets-for-great-content/');
+        // Go to the page
+        await page.goto('http://localhost:4321/posts/we-need-three-skillsets-for-great-content/');
 
-            // Check the page title
-            await expect(page).toHaveTitle('We need three skillsets for great content | Adam Koszary');
+        // Check the page title
+        await expect(page).toHaveTitle('We need three skillsets for great content | Adam Koszary');
 
-            // Take a screenshot of the page
-            await page.screenshot({ path: `${browserType.name()}_blogpost_screenshot.png`, fullPage: true });
+        // Take a screenshot of the page
+        await page.screenshot({ path: `${browserType.name()}_blogpost_screenshot.png`, fullPage: true });
 
-            console.info('Playwright test passed: blogpost renders correctly');
+        console.info('Playwright test passed: blogpost renders correctly');
 
-            await browser.close();
-        });
+        await browser.close();
+    });
 
-        test('posts page loads correctly', async () => {
-            const browser = await browserType.launch();
-            const context = await browser.newContext();
-            const page = await context.newPage();
+    test('posts page loads correctly', async () => {
+        const browser = await browserType.launch();
+        const context = await browser.newContext();
+        const page = await context.newPage();
 
-            // Go to the page
-            await page.goto('http://localhost:4321/posts');
+        // Go to the page
+        await page.goto('http://localhost:4321/posts');
 
-            // Check the page title
-            await expect(page).toHaveTitle('Blog | Adam Koszary');
+        // Check the page title
+        await expect(page).toHaveTitle('Blog | Adam Koszary');
 
-            // Check for post grid
-            const postGrid = page.locator('[data-testid="posts-grid"]');
-            await postGrid.waitFor({ state: 'visible', timeout: 10000 });
+        // Check for post grid
+        const postGrid = page.locator('[data-testid="posts-grid"]');
+        await postGrid.waitFor({ state: 'visible', timeout: 10000 });
 
-            // Take a screenshot of the page
-            await page.screenshot({ path: `${browserType.name()}_posts_page_screenshot.png`, fullPage: true });
+        // Take a screenshot of the page
+        await page.screenshot({ path: `${browserType.name()}_posts_page_screenshot.png`, fullPage: true });
 
-            console.info('Playwright test passed: posts page renders correctly');
+        console.info('Playwright test passed: posts page renders correctly');
 
-            await browser.close();
-        });
+        await browser.close();
     });
-}
+};
\ No newline at end of file
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 5ef4d40..15c22bb 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -19,7 +19,7 @@ export default {
       },
       fontFamily: {
         sans: 'Inter',
-        mono: ['IBM Plex Mono', 'Monospace'],
+        mono: ['Monospace'],
         handwriting: 'Permanent Marker'
       },
       colors: {