diff --git a/.prettierrc.js b/.prettierrc.js
index 7d9c9bd1b..9db12ef65 100644
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -5,6 +5,14 @@ module.exports = {
   proseWrap: 'always',
   trailingComma: 'none',
   singleQuote: true,
-  plugins: ['prettier-plugin-svelte'],
-  overrides: [{ files: '*.svelte', options: { parser: 'svelte' } }]
+  plugins: ['prettier-plugin-astro', 'prettier-plugin-svelte'],
+  overrides: [
+    {
+      files: '*.astro',
+      options: {
+        parser: 'astro'
+      }
+    },
+    { files: '*.svelte', options: { parser: 'svelte' } }
+  ]
 };
diff --git a/.tool-versions b/.tool-versions
index 9f5a94f83..a3769b2d0 100644
--- a/.tool-versions
+++ b/.tool-versions
@@ -1,2 +1,2 @@
 nodejs 18.19.0
-pnpm 9.9.0
\ No newline at end of file
+pnpm 9.11.0
diff --git a/landing/src/pages/index.astro b/landing/src/pages/index.astro
index d16adbf50..c6ecb3a4a 100644
--- a/landing/src/pages/index.astro
+++ b/landing/src/pages/index.astro
@@ -5,13 +5,13 @@ import MainPage from '@layouts/MainPage.astro';
 
 <MainPage isHome={true}>
   <div
-    class='font-heading mt-8 text-6xl text-center uppercase w-full'
-    slot='hero-heading'
+    class="font-heading mt-8 text-6xl text-center uppercase w-full"
+    slot="hero-heading"
   >
     <img
-      class='inline p-4 w-full lg:mt-4 lg:p-0 lg:w-auto'
-      src='/img/demo.svg'
-      alt='Demo'
+      class="inline p-4 w-full lg:mt-4 lg:p-0 lg:w-auto"
+      src="/img/demo.svg"
+      alt="Demo"
     />
   </div>
 
@@ -34,10 +34,10 @@ import MainPage from '@layouts/MainPage.astro';
       </div>
     </div>
 
-    <div class='hero-example mt-8'>
-      <h3 class='demo-heading font-heading text-2xl uppercase'>02. Example</h3>
+    <div class="hero-example mt-8">
+      <h3 class="demo-heading font-heading text-2xl uppercase">02. Example</h3>
 
-      <div class='hero-example-code text-left'>
+      <div class="hero-example-code text-left">
         <Code
           code={`
 	const tour = new Shepherd.Tour({
@@ -77,8 +77,8 @@ import MainPage from '@layouts/MainPage.astro';
 
 	tour.start();
 					`}
-          lang='js'
-          theme='nord'
+          lang="js"
+          theme="nord"
           wrap
         />
       </div>
diff --git a/landing/src/pages/pricing.astro b/landing/src/pages/pricing.astro
index 519fc58ab..955d156ae 100644
--- a/landing/src/pages/pricing.astro
+++ b/landing/src/pages/pricing.astro
@@ -38,10 +38,10 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
 
           <div class="my-20 flow-root">
             <div
-              class="isolate -mt-16 grid grid-cols-3 gap-y-16 divide-y divide-gray-100 sm:mx-auto lg:-mx-8 lg:mt-0 lg:max-w-none lg:grid-cols-3 lg:divide-x lg:divide-y-0 xl:-mx-4"
+              class="isolate -mt-16 grid grid-cols-1 gap-y-16 divide-y divide-gray-100 sm:mx-auto lg:-mx-8 lg:mt-0 lg:max-w-none lg:grid-cols-3 lg:divide-x lg:divide-y-0 xl:-mx-4"
             >
               <div class="pt-16 lg:px-8 lg:pt-0 xl:px-14">
-                <h3 class="font-heading p-2 text-xl uppercase w-full">
+                <h3 class="font-heading text-xl uppercase w-full">
                   Business Plan
                 </h3>
                 <p class="mt-6 flex items-baseline gap-x-1">
@@ -71,7 +71,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                 >
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
@@ -85,7 +85,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                   </li>
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
@@ -99,7 +99,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                   </li>
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
@@ -113,7 +113,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                   </li>
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
@@ -128,7 +128,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                 </ul>
               </div>
               <div class="pt-16 lg:px-8 lg:pt-0 xl:px-14">
-                <h3 class="font-heading p-2 text-xl uppercase w-full">
+                <h3 class="font-heading text-xl uppercase w-full">
                   Enterprise Plan
                 </h3>
                 <p class="mt-6 flex items-baseline gap-x-1">
@@ -158,7 +158,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                 >
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
@@ -172,7 +172,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                   </li>
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
@@ -186,7 +186,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                   </li>
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
@@ -200,7 +200,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                   </li>
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
@@ -216,7 +216,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
               </div>
 
               <div class="pt-16 lg:px-8 lg:pt-0 xl:px-14">
-                <h3 class="font-heading p-2 text-xl uppercase w-full">
+                <h3 class="font-heading text-xl uppercase w-full">
                   Shepherd Consulting
                 </h3>
                 <p class="mt-6 mb-4 flex items-baseline gap-x-1">
@@ -244,7 +244,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                 >
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
@@ -258,7 +258,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                   </li>
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
@@ -272,7 +272,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                   </li>
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
@@ -286,7 +286,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
                   </li>
                   <li class="flex gap-x-3">
                     <svg
-                      class="h-6 w-5 flex-none text-indigo-600"
+                      class="h-5 w-5 flex-none text-indigo-600"
                       viewBox="0 0 20 20"
                       fill="currentColor"
                       aria-hidden="true"
diff --git a/package.json b/package.json
index 28d3c01d7..a75acbc1e 100644
--- a/package.json
+++ b/package.json
@@ -42,6 +42,7 @@
     "eslint-plugin-svelte": "^2.39.0",
     "postcss": "^8.4.38",
     "prettier": "3.3.3",
+    "prettier-plugin-astro": "^0.14.1",
     "prettier-plugin-svelte": "^3.2.2",
     "release-plan": "^0.9.0",
     "replace": "^1.2.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 044488fb2..559f2b041 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -44,6 +44,9 @@ importers:
       prettier:
         specifier: 3.3.3
         version: 3.3.3
+      prettier-plugin-astro:
+        specifier: ^0.14.1
+        version: 0.14.1
       prettier-plugin-svelte:
         specifier: ^3.2.2
         version: 3.2.6(prettier@3.3.3)(svelte@4.2.18)
@@ -67,7 +70,7 @@ importers:
     dependencies:
       '@astrojs/check':
         specifier: ^0.9.3
-        version: 0.9.3(prettier@3.3.3)(typescript@5.5.4)
+        version: 0.9.3(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.5.4)
       '@astrojs/starlight':
         specifier: ^0.27.1
         version: 0.27.1(astro@4.15.4(@types/node@20.14.12)(rollup@4.20.0)(terser@5.31.3)(typescript@5.5.4))
@@ -107,7 +110,7 @@ importers:
     dependencies:
       '@astrojs/check':
         specifier: ^0.9.3
-        version: 0.9.3(prettier@3.3.3)(typescript@5.5.4)
+        version: 0.9.3(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.5.4)
       '@astrojs/mdx':
         specifier: ^3.1.5
         version: 3.1.5(astro@4.15.4(@types/node@20.14.12)(rollup@4.20.0)(terser@5.31.3)(typescript@5.5.4))
@@ -6453,6 +6456,10 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
+  prettier-plugin-astro@0.14.1:
+    resolution: {integrity: sha512-RiBETaaP9veVstE4vUwSIcdATj6dKmXljouXc/DDNwBSPTp8FRkLGDSGFClKsAFeeg+13SB0Z1JZvbD76bigJw==}
+    engines: {node: ^14.15.0 || >=16.0.0}
+
   prettier-plugin-svelte@3.2.6:
     resolution: {integrity: sha512-Y1XWLw7vXUQQZmgv1JAEiLcErqUniAF2wO7QJsw8BVMvpLET2dI5WpEIEJx1r11iHVdSMzQxivyfrH9On9t2IQ==}
     peerDependencies:
@@ -6889,6 +6896,9 @@ packages:
   rxjs@7.8.1:
     resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
 
+  s.color@0.0.15:
+    resolution: {integrity: sha512-AUNrbEUHeKY8XsYr/DYpl+qk5+aM+DChopnWOPEzn8YKzOhv4l2zH6LzZms3tOZP3wwdOyc0RmTciyi46HLIuA==}
+
   safe-buffer@5.1.2:
     resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
 
@@ -6904,6 +6914,9 @@ packages:
   sander@0.5.1:
     resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
 
+  sass-formatter@0.7.9:
+    resolution: {integrity: sha512-CWZ8XiSim+fJVG0cFLStwDvft1VI7uvXdCNJYXhDvowiv+DsbD1nXLiQ4zrE5UBvj5DWZJ93cwN0NX5PMsr1Pw==}
+
   sax@1.4.1:
     resolution: {integrity: sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==}
 
@@ -7266,6 +7279,9 @@ packages:
     engines: {node: '>=16 || 14 >=14.17'}
     hasBin: true
 
+  suf-log@2.5.3:
+    resolution: {integrity: sha512-KvC8OPjzdNOe+xQ4XWJV2whQA0aM1kGVczMQ8+dStAO6KfEB140JEVQ9dE76ONZ0/Ylf67ni4tILPJB41U0eow==}
+
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -8279,9 +8295,9 @@ snapshots:
       typescript: 5.3.3
       validate-npm-package-name: 5.0.1
 
-  '@astrojs/check@0.9.3(prettier@3.3.3)(typescript@5.5.4)':
+  '@astrojs/check@0.9.3(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.5.4)':
     dependencies:
-      '@astrojs/language-server': 2.14.2(prettier@3.3.3)(typescript@5.5.4)
+      '@astrojs/language-server': 2.14.2(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.5.4)
       chokidar: 3.6.0
       fast-glob: 3.3.2
       kleur: 4.1.5
@@ -8295,7 +8311,7 @@ snapshots:
 
   '@astrojs/internal-helpers@0.4.1': {}
 
-  '@astrojs/language-server@2.14.2(prettier@3.3.3)(typescript@5.5.4)':
+  '@astrojs/language-server@2.14.2(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.5.4)':
     dependencies:
       '@astrojs/compiler': 2.10.3
       '@astrojs/yaml2ts': 0.2.1
@@ -8318,6 +8334,7 @@ snapshots:
       vscode-uri: 3.0.8
     optionalDependencies:
       prettier: 3.3.3
+      prettier-plugin-astro: 0.14.1
     transitivePeerDependencies:
       - typescript
 
@@ -16004,6 +16021,12 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
+  prettier-plugin-astro@0.14.1:
+    dependencies:
+      '@astrojs/compiler': 2.10.3
+      prettier: 3.3.3
+      sass-formatter: 0.7.9
+
   prettier-plugin-svelte@3.2.6(prettier@3.3.3)(svelte@4.2.18):
     dependencies:
       prettier: 3.3.3
@@ -16581,6 +16604,8 @@ snapshots:
     dependencies:
       tslib: 2.6.3
 
+  s.color@0.0.15: {}
+
   safe-buffer@5.1.2: {}
 
   safe-buffer@5.2.1: {}
@@ -16596,6 +16621,10 @@ snapshots:
       mkdirp: 0.5.6
       rimraf: 2.7.1
 
+  sass-formatter@0.7.9:
+    dependencies:
+      suf-log: 2.5.3
+
   sax@1.4.1: {}
 
   saxes@6.0.0:
@@ -17029,6 +17058,10 @@ snapshots:
       pirates: 4.0.6
       ts-interface-checker: 0.1.13
 
+  suf-log@2.5.3:
+    dependencies:
+      s.color: 0.0.15
+
   supports-color@5.5.0:
     dependencies:
       has-flag: 3.0.0