diff --git a/.astro/content.d.ts b/.astro/content.d.ts
index 6f3dfe3..a8bcf9c 100644
--- a/.astro/content.d.ts
+++ b/.astro/content.d.ts
@@ -177,6 +177,6 @@ declare module 'astro:content' {
 		LiveContentConfig['collections'][C]['loader']
 	>;
 
-	export type ContentConfig = typeof import("../src/content.config.js");
+	export type ContentConfig = typeof import("./../src/content.config.js");
 	export type LiveContentConfig = never;
 }
diff --git a/package-lock.json b/package-lock.json
index 6236b55..064360d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -201,12 +201,12 @@
       }
     },
     "node_modules/@astrojs/node": {
-      "version": "10.1.1",
-      "resolved": "https://registry.npmjs.org/@astrojs/node/-/node-10.1.1.tgz",
-      "integrity": "sha512-kCRbxconkgPpY4vR0GS7exovWEiCbxXLarsp+JeKixyDNf+fKN6v7jXDL8KdQgrzjhy131Kvl+GGGX8jGd8adA==",
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/@astrojs/node/-/node-10.1.2.tgz",
+      "integrity": "sha512-6MtNb0iEdZw3m7Dva8V3qo1y9MVoVJKx9dQiNGvy4Ncg5yfaAwGa+9mrDJ3gWCWUtESZi8cvqVshy92sFufg1Q==",
       "license": "MIT",
       "dependencies": {
-        "@astrojs/internal-helpers": "0.9.1",
+        "@astrojs/internal-helpers": "0.10.0",
         "send": "^1.2.1",
         "server-destroy": "^1.0.1"
       },
@@ -214,6 +214,22 @@
         "astro": "^6.3.0"
       }
     },
+    "node_modules/@astrojs/node/node_modules/@astrojs/internal-helpers": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.10.0.tgz",
+      "integrity": "sha512-Ry2R3VPeIN4uPCSA4xQc+e+vsJXkalKpEbDc07hV+a/o5Bs2N/s/uDcPJH/05L19DKh9tAy7e6JM3YZ6Cxfezw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.4",
+        "@types/mdast": "^4.0.4",
+        "js-yaml": "^4.1.1",
+        "picomatch": "^4.0.4",
+        "retext-smartypants": "^6.2.0",
+        "shiki": "^4.0.2",
+        "smol-toml": "^1.6.0",
+        "unified": "^11.0.5"
+      }
+    },
     "node_modules/@astrojs/prism": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-4.0.2.tgz",
@@ -410,18 +426,6 @@
         "url": "https://opencollective.com/babel"
       }
     },
-    "node_modules/@babel/core/node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "license": "MIT",
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/@babel/core/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -463,15 +467,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
     "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -1844,19 +1839,10 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/@mdx-js/mdx/node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
     "node_modules/@nodable/entities": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@nodable/entities/-/entities-2.1.0.tgz",
-      "integrity": "sha512-nyT7T3nbMyBI/lvr6L5TyWbFJAI9FTgVRakNoBqCD+PmID8DzFrrNdLLtHMwMszOtqZa8PAOV24ZqDnQrhQINA==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@nodable/entities/-/entities-2.1.1.tgz",
+      "integrity": "sha512-Pig3HxDIoMgjdEH8OCf/dkcTmLFjJRjWuq8jSnklu284/TKOPibSRERmOykiwmyXTtv61mP+44f3GMx0tLAyjg==",
       "funding": [
         {
           "type": "github",
@@ -1967,6 +1953,12 @@
         }
       }
     },
+    "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.60.4",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.4.tgz",
@@ -3936,18 +3928,6 @@
         "fsevents": "~2.3.2"
       }
     },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/ci-info": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.4.0.tgz",
@@ -4417,6 +4397,12 @@
         "lodash": "4.17.5"
       }
     },
+    "node_modules/datasette/node_modules/lodash": {
+      "version": "4.17.5",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.5.tgz",
+      "integrity": "sha512-svL3uiZf1RwhH+cWrfZn3A4+U58wbP0tGVTLQPbjplZxZ8ROD9VLuNgsRniTlLe7OlSqR79RUehXgpBW/s0IQw==",
+      "license": "MIT"
+    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -4761,9 +4747,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.363",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.363.tgz",
-      "integrity": "sha512-VjUKPyWzGnT1fujlkEGC/BvN70Hh70KXtAqcmniXviYlJC/ivcT+BWGPyxWVbJZLfvtKR6dqg1L7T7pgAMBtWA==",
+      "version": "1.5.364",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.364.tgz",
+      "integrity": "sha512-G/dYE3+AYhyHwzTwg8UbnXf7zqMERYh7l2jJ3QujhFsH8agSYwtnGAR2aZ7f0AakIKJXd5En/Hre4igIUrdlYw==",
       "license": "ISC"
     },
     "node_modules/emmet": {
@@ -5174,9 +5160,9 @@
       }
     },
     "node_modules/eslint-module-utils": {
-      "version": "2.12.1",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
-      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.13.0.tgz",
+      "integrity": "sha512-bLohSkT6469rRs8czj0tLTD8vaeIS/whvPRJVjDr7IuoTT1k5DYDERlNycjDj/HkOlvQdYurmfZ/g3fG5bgeLQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5337,6 +5323,19 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/eslint/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/espree": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
@@ -5420,15 +5419,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/estree-util-build-jsx/node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
     "node_modules/estree-util-is-identifier-name": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
@@ -5483,10 +5473,13 @@
       }
     },
     "node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-      "license": "MIT"
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
     },
     "node_modules/esutils": {
       "version": "2.0.3",
@@ -5838,18 +5831,6 @@
         "node": ">=8.6.0"
       }
     },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -6171,6 +6152,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/flaschenpost/node_modules/lodash": {
+      "version": "4.17.5",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.5.tgz",
+      "integrity": "sha512-svL3uiZf1RwhH+cWrfZn3A4+U58wbP0tGVTLQPbjplZxZ8ROD9VLuNgsRniTlLe7OlSqR79RUehXgpBW/s0IQw==",
+      "license": "MIT"
+    },
     "node_modules/flaschenpost/node_modules/processenv": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/processenv/-/processenv-1.0.0.tgz",
@@ -6486,15 +6473,15 @@
       }
     },
     "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
       "license": "ISC",
       "dependencies": {
-        "is-glob": "^4.0.3"
+        "is-glob": "^4.0.1"
       },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">= 6"
       }
     },
     "node_modules/globals": {
@@ -6680,9 +6667,9 @@
       }
     },
     "node_modules/hasown": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
-      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
       "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -7790,16 +7777,15 @@
       "license": "MIT"
     },
     "node_modules/json5": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-      "dev": true,
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "license": "MIT",
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
       "bin": {
         "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
       }
     },
     "node_modules/jsonc-parser": {
@@ -7997,9 +7983,9 @@
       }
     },
     "node_modules/lodash": {
-      "version": "4.17.5",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.5.tgz",
-      "integrity": "sha512-svL3uiZf1RwhH+cWrfZn3A4+U58wbP0tGVTLQPbjplZxZ8ROD9VLuNgsRniTlLe7OlSqR79RUehXgpBW/s0IQw==",
+      "version": "4.17.10",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
+      "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg==",
       "license": "MIT"
     },
     "node_modules/lodash.castarray": {
@@ -8087,12 +8073,12 @@
       }
     },
     "node_modules/lru-cache": {
-      "version": "11.5.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz",
-      "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==",
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": "20 || >=22"
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
       }
     },
     "node_modules/lucide-react": {
@@ -12296,12 +12282,6 @@
       "integrity": "sha512-bCK/2Z4zLidyB4ReuIsvALH6w31YfAQDmXMqMx6FyfHqvBxtjC0eRumeSu4Bs3XtXwpyIywtSTrVT99BxY1f9w==",
       "license": "MIT"
     },
-    "node_modules/tailwind/node_modules/lodash": {
-      "version": "4.17.10",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
-      "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg==",
-      "license": "MIT"
-    },
     "node_modules/tailwindcss": {
       "version": "3.4.17",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
@@ -12339,6 +12319,18 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/tailwindcss/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/tailwindcss/node_modules/postcss-import": {
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
@@ -12481,9 +12473,9 @@
       }
     },
     "node_modules/tinyexec": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.2.2.tgz",
-      "integrity": "sha512-M/Q0B2cp4K7kynaT/vnED1j8TlLY+Pp7C6Wl2bl/7u/F0mUVwdyOpwomQb8JpYLitHUssAJRmLZdMCGsrx7i+g==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.2.3.tgz",
+      "integrity": "sha512-g62dB+w1/OEFnPvmX0yd/HnetYITOL+1nJW7kitOycOeAvmbWC/nu0fwmmQ/kupNojqExzyC/T++pST/jRJ2mQ==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -12591,6 +12583,19 @@
         "strip-bom": "^3.0.0"
       }
     },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -12731,17 +12736,17 @@
       }
     },
     "node_modules/typed-array-length": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
-      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.8.tgz",
+      "integrity": "sha512-phPGCwqr2+Qo0fwniCE8e4pKnGu/yFb5nD5Y8bf0EEeiI5GklnACYA9GFy/DrAeRrKHXvHn+1SUsOWgJp6RO+g==",
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "is-typed-array": "^1.1.13",
-        "possible-typed-array-names": "^1.0.0",
-        "reflect.getprototypeof": "^1.0.6"
+        "call-bind": "^1.0.9",
+        "for-each": "^0.3.5",
+        "gopd": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "possible-typed-array-names": "^1.1.0",
+        "reflect.getprototypeof": "^1.0.10"
       },
       "engines": {
         "node": ">= 0.4"
@@ -13107,6 +13112,15 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
+    "node_modules/unstorage/node_modules/lru-cache": {
+      "version": "11.5.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz",
+      "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==",
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
     "node_modules/unstorage/node_modules/readdirp": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
diff --git a/src/assets/images/about.png b/src/assets/images/about.png
new file mode 100644
index 0000000..9d58431
Binary files /dev/null and b/src/assets/images/about.png differ
diff --git a/src/components/BlogCard.astro b/src/components/BlogCard.astro
index 00cf78f..ffa10eb 100644
--- a/src/components/BlogCard.astro
+++ b/src/components/BlogCard.astro
@@ -1,9 +1,42 @@
 ---
 const { url, title, description, image, author, date, tags = [] } = Astro.props;
+
+// Safe Date Formatter
+const formatDate = (dateString: string) => {
+  if (!dateString) return "";
+
+  // If already in DD/MM/YYYY format
+  const parts = dateString.split("/");
+
+  if (parts.length === 3) {
+    const [day, month, year] = parts;
+
+    const dateObj = new Date(Number(year), Number(month) - 1, Number(day));
+
+    return dateObj.toLocaleDateString("en-US", {
+      month: "long",
+      day: "numeric",
+      year: "numeric"
+    });
+  }
+
+  // fallback
+  const parsedDate = new Date(dateString);
+
+  return isNaN(parsedDate.getTime())
+    ? dateString
+    : parsedDate.toLocaleDateString("en-US", {
+        month: "long",
+        day: "numeric",
+        year: "numeric"
+      });
+};
+
+const formattedDate = formatDate(date);
 ---
 
 <article class="group h-full">
-  <a href={url} target="_blank" rel="noopener noreferrer" class="block h-full">
+  <a href={url} class="block h-full">
     <div
       class="border-foreground/10 bg-background/80 flex h-full flex-col overflow-hidden rounded-3xl border shadow-lg backdrop-blur-md transition-all duration-300 hover:-translate-y-3 hover:border-cyan-400/30 hover:shadow-2xl"
     >
@@ -40,29 +73,47 @@ const { url, title, description, image, author, date, tags = [] } = Astro.props;
         </h3>
 
         <!-- Description -->
-        {description && <p class="text-foreground/75 mt-4 line-clamp-3 flex-1 text-base leading-8">{description}</p>}
+        {
+          description && (
+            <p class="text-foreground/75 mt-4 line-clamp-3 flex-1 text-base leading-8">
+              {description}
+            </p>
+          )
+        }
 
         <!-- Bottom Meta -->
         <div
-          class="border-foreground/10 text-foreground/70 mt-6 flex items-center justify-between border-t pt-4 text-sm"
-        >
-          <!-- Website / Author -->
-          <span>
-            {
-              url.startsWith("http") ? (
-                <span class="truncate text-blue-900 underline underline-offset-4 transition hover:text-blue-700 dark:text-white dark:hover:text-gray-300">
-                  {new URL(url).origin}
-                </span>
-              ) : (
-                <span>{author ? `By ${author}` : "Recursive Zero"}</span>
-              )
-            }
+  class="border-foreground/10 text-foreground/70 mt-6 flex items-center justify-between border-t pt-4 text-sm"
+>
+  <span>
+    {
+      url.startsWith("http") ? (
+        <span class="truncate text-blue-900 underline underline-offset-4 transition hover:text-blue-700 dark:text-white dark:hover:text-gray-300">
+          {new URL(url).origin}
+        </span>
+      ) : (
+        <span class="text-foreground/80">
+          By{" "}
+          <span class="font-bold text-slate-900 dark:text-white">
+            {author || "Recursive Zero"}
           </span>
+        </span>
+      )
+    }
+  </span>
 
-          <!-- Date -->
-          {date && <time datetime={date}>{date}</time>}
-        </div>
+  {
+    formattedDate && (
+      <time
+        datetime={date}
+        class="text-foreground/60 italic"
+      >
+        {formattedDate}
+      </time>
+    )
+  }
+</div>
       </div>
     </div>
   </a>
-</article>
+</article>
\ No newline at end of file
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 3136fd3..03210b3 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -25,175 +25,169 @@ const isCurrentPage = (path: string) => {
     font-family: Boisu, sans-serif;
   }
 </style>
-<header
-  class="sticky top-0 z-50 w-full border-b border-black/20 dark:border-white/20 bg-white dark:bg-[#050B1C]"
->
-<header class="bg-background sticky top-0 z-50 w-full border-b border-black/20 dark:border-white/20">
-  <!-- DESKTOP -->
-  <div class="mx-auto hidden h-24 items-center justify-between px-4 sm:px-6 lg:flex lg:px-10">
-    <!-- Logo -->
-    <a href="/" class="flex items-center gap-3">
-      <Picture
-        src={logoImage}
-        formats={["png", "webp", "jpg"]}
-        alt="Recursive Zero"
-        class="h-12 w-12 rounded-full object-contain dark:brightness-200 dark:invert"
-      />
-
-      <span class="brand text-foreground text-3xl font-extrabold"> RECURSIVE ZERO </span>
-    </a>
-
-    <!-- Desktop Nav -->
-    <nav class="absolute left-1/2 -translate-x-1/2">
-      <ul class="flex items-center gap-10">
-        {
-          navLinks
-            .filter(({ isActive }) => isActive)
-            .map((item) => (
-              <li>
-                <a
-                  href={item.href}
-                  class:list={[
-                    "text-lg font-semibold transition hover:text-cyan-500",
-                    isCurrentPage(item.href) ? "text-cyan-500 underline underline-offset-8" : "text-foreground"
-                  ]}
-                >
-                  {item.name}
-                </a>
-              </li>
-            ))
-        }
-      </ul>
-    </nav>
-
-    <!-- Right -->
-    <div class="flex items-center gap-4">
-      <ThemeToggle />
-
-      <a
-        href="/career"
-        class="bg-foreground text-background rounded-2xl px-6 py-3 text-lg font-semibold transition hover:bg-cyan-500"
-      >
-        Join Us
-      </a>
-    </div>
-  </div>
-
-  <!-- MOBILE -->
-  <div class="lg:hidden">
-    <!-- Top Bar -->
-    <div class="flex h-20 items-center justify-between px-5">
+<header class="sticky top-0 z-50 w-full border-b border-black/20 bg-white dark:border-white/20 dark:bg-[#050B1C]">
+  <header class="bg-background sticky top-0 z-50 w-full border-b border-black/20 dark:border-white/20">
+    <!-- DESKTOP -->
+    <div class="mx-auto hidden h-24 items-center justify-between px-4 sm:px-6 lg:flex lg:px-10">
+      <!-- Logo -->
       <a href="/" class="flex items-center gap-3">
         <Picture
           src={logoImage}
           formats={["png", "webp", "jpg"]}
           alt="Recursive Zero"
-          class="h-10 w-10 rounded-full object-contain dark:brightness-200 dark:invert"
+          class="h-12 w-12 rounded-full object-contain dark:brightness-200 dark:invert"
         />
 
-        <span class="brand text-foreground text-xl font-bold"> RECURSIVE ZERO </span>
+        <span class="brand text-foreground text-3xl font-extrabold"> RECURSIVE ZERO </span>
       </a>
 
-      <div class="flex items-center gap-3">
+      <!-- Desktop Nav -->
+      <nav class="absolute left-1/2 -translate-x-1/2">
+        <ul class="flex items-center gap-10">
+          {
+            navLinks
+              .filter(({ isActive }) => isActive)
+              .map((item) => (
+                <li>
+                  <a
+                    href={item.href}
+                    class:list={[
+                      "text-lg font-semibold transition hover:text-cyan-500",
+                      isCurrentPage(item.href) ? "text-cyan-500 underline underline-offset-8" : "text-foreground"
+                    ]}
+                  >
+                    {item.name}
+                  </a>
+                </li>
+              ))
+          }
+        </ul>
+      </nav>
+
+      <!-- Right -->
+      <div class="flex items-center gap-4">
         <ThemeToggle />
 
-        <!-- Menu Btn -->
-        <button
-          id="mobileMenuBtn"
-          type="button"
-          class="border-foreground/15 text-foreground flex h-14 w-14 items-center justify-center rounded-3xl border text-4xl"
+        <a
+          href="/career"
+          class="bg-foreground text-background inline-flex rounded-2xl border border-black px-8 py-4 text-xl font-semibold transition hover:border-transparent hover:bg-cyan-500 dark:border-white"
         >
-          ☰
-        </button>
+          Join Us
+        </a>
       </div>
     </div>
 
-    <!-- Fullscreen Mobile Menu -->
-    <div id="mobileMenu" class="fixed inset-0 z-[9999] hidden bg-white dark:bg-[#050B1C]">
-      <!-- Header -->
-      <div class="flex items-center justify-between border-b border-black/10 px-5 py-5 dark:border-white/10">
-        <div class="flex items-center gap-3">
+    <!-- MOBILE -->
+    <div class="lg:hidden">
+      <!-- Top Bar -->
+      <div class="flex h-20 items-center justify-between px-5">
+        <a href="/" class="flex items-center gap-3">
           <Picture
             src={logoImage}
             formats={["png", "webp", "jpg"]}
             alt="Recursive Zero"
-            class="h-12 w-12 rounded-full object-contain dark:brightness-200 dark:invert"
+            class="h-10 w-10 rounded-full object-contain dark:brightness-200 dark:invert"
           />
 
-          <span class="brand text-foreground text-2xl font-bold"> RECURSIVE ZERO </span>
-        </div>
+          <span class="brand text-foreground text-xl font-bold"> RECURSIVE ZERO </span>
+        </a>
 
         <div class="flex items-center gap-3">
           <ThemeToggle />
 
-          <!-- Close -->
+          <!-- Menu Btn -->
           <button
-            id="closeMenuBtn"
+            id="mobileMenuBtn"
             type="button"
             class="border-foreground/15 text-foreground flex h-14 w-14 items-center justify-center rounded-3xl border text-4xl"
           >
-            ✕
+            ☰
           </button>
         </div>
       </div>
 
-      <!-- Nav -->
-      <nav class="px-8 pt-12">
-        <ul class="space-y-10">
-          {
-            navLinks
-              .filter(({ isActive }) => isActive)
-              .map((item) => (
-                <li>
-                  <a
-                    href={item.href}
-                    class:list={[
-                      "block text-4xl font-bold transition",
-                      isCurrentPage(item.href) ? "text-cyan-500" : "text-foreground"
-                    ]}
-                  >
-                    {item.name}
-                  </a>
-                </li>
-              ))
-          }
-
-          <li class="pt-8">
-            <a
-              href="/career"
-              class="bg-foreground text-background inline-flex rounded-2xl px-8 py-4 text-xl font-semibold"
+      <!-- Fullscreen Mobile Menu -->
+      <div id="mobileMenu" class="fixed inset-0 z-[9999] hidden bg-white dark:bg-[#050B1C]">
+        <!-- Header -->
+        <div class="flex items-center justify-between border-b border-black/10 px-5 py-5 dark:border-white/10">
+          <div class="flex items-center gap-3">
+            <Picture
+              src={logoImage}
+              formats={["png", "webp", "jpg"]}
+              alt="Recursive Zero"
+              class="h-12 w-12 rounded-full object-contain dark:brightness-200 dark:invert"
+            />
+
+            <span class="brand text-foreground text-2xl font-bold"> RECURSIVE ZERO </span>
+          </div>
+
+          <div class="flex items-center gap-3">
+            <ThemeToggle />
+
+            <!-- Close -->
+            <button
+              id="closeMenuBtn"
+              type="button"
+              class="border-foreground/15 text-foreground flex h-14 w-14 items-center justify-center rounded-3xl border text-4xl"
             >
-              Join Us
-            </a>
-          </li>
-        </ul>
-      </nav>
+              ✕
+            </button>
+          </div>
+        </div>
+
+        <!-- Nav -->
+        <nav class="px-8 pt-12">
+          <ul class="space-y-10">
+            {
+              navLinks
+                .filter(({ isActive }) => isActive)
+                .map((item) => (
+                  <li>
+                    <a
+                      href={item.href}
+                      class:list={[
+                        "block text-4xl font-bold transition",
+                        isCurrentPage(item.href) ? "text-cyan-500" : "text-foreground"
+                      ]}
+                    >
+                      {item.name}
+                    </a>
+                  </li>
+                ))
+            }
+
+            <li class="pt-8">
+             class="bg-foreground text-background rounded-2xl border border-black px-6 py-3 text-lg font-semibold transition hover:border-transparent hover:bg-cyan-500 dark:border-white"
+            </li>
+          </ul>
+        </nav>
+      </div>
     </div>
-  </div>
-</header>
+  </header>
 
-<script is:inline>
-  function initMobileMenu() {
-    const openBtn = document.getElementById("mobileMenuBtn");
+  <script is:inline>
+    function initMobileMenu() {
+      const openBtn = document.getElementById("mobileMenuBtn");
 
-    const closeBtn = document.getElementById("closeMenuBtn");
+      const closeBtn = document.getElementById("closeMenuBtn");
 
-    const menu = document.getElementById("mobileMenu");
+      const menu = document.getElementById("mobileMenu");
 
-    if (!openBtn || !closeBtn || !menu) return;
+      if (!openBtn || !closeBtn || !menu) return;
 
-    openBtn.addEventListener("click", () => {
-      menu.classList.remove("hidden");
-      document.body.style.overflow = "hidden";
-    });
+      openBtn.addEventListener("click", () => {
+        menu.classList.remove("hidden");
+        document.body.style.overflow = "hidden";
+      });
 
-    closeBtn.addEventListener("click", () => {
-      menu.classList.add("hidden");
-      document.body.style.overflow = "auto";
-    });
-  }
+      closeBtn.addEventListener("click", () => {
+        menu.classList.add("hidden");
+        document.body.style.overflow = "auto";
+      });
+    }
 
-  initMobileMenu();
+    initMobileMenu();
 
-  document.addEventListener("astro:page-load", initMobileMenu);
-</script>
+    document.addEventListener("astro:page-load", initMobileMenu);
+  </script>
+</header>
diff --git a/src/content/blog/azmat-raza.md b/src/content/blog/azmat-raza.md
index 471b46b..e19c320 100644
--- a/src/content/blog/azmat-raza.md
+++ b/src/content/blog/azmat-raza.md
@@ -4,6 +4,10 @@ description: "A deep dive into my two-month internship experience, working with
 date: 2025-07-21
 author: "Azmat Raza"
 image: "/assets/images/blog/blog-4.jpg"
+tags:
+  - internship
+  - astro
+  - frontend
 ---
 
 ## Internship Experience at RecursiveZero Pvt. Ltd
diff --git a/src/content/blog/chhavi.md b/src/content/blog/chhavi.md
index b49b1ca..5be9a6f 100644
--- a/src/content/blog/chhavi.md
+++ b/src/content/blog/chhavi.md
@@ -4,6 +4,10 @@ description: "Reflections on my journey as a Software Developer Trainee "
 image: "/assets/images/blog/blog-5.png"
 author: "Chhavi Sharma"
 date: 2025-07-19
+tags:
+  - internship
+  - learning
+  - software-development
 ---
 
 ## 🌟 My Internship Journey: What I’ve Learned So Far
diff --git a/src/content/blog/i18n.md b/src/content/blog/i18n.md
index 29590f3..94129db 100644
--- a/src/content/blog/i18n.md
+++ b/src/content/blog/i18n.md
@@ -4,6 +4,10 @@ description: "The full guide on how to implement internationalization (i18n) in
 image: "/assets/images/blog/blog-3.png"
 date: 2025-07-11
 author: "Rupesh Rathore"
+tags:
+  - astro
+  - development
+  - tech
 ---
 
 ## **Implementing Internationalization (i18n) in Astro Using Built-in Features**
diff --git a/src/content/blog/prakash-raj.md b/src/content/blog/prakash-raj.md
index 2debe23..209c56d 100644
--- a/src/content/blog/prakash-raj.md
+++ b/src/content/blog/prakash-raj.md
@@ -4,6 +4,10 @@ description: "A transformative internship experience that shaped my frontend dev
 image: "/assets/images/blog/internship.png"
 author: "Prakash Raj"
 date: 2025-07-18
+tags:
+  - internship
+  - frontend
+  - learning
 ---
 
 ## **From Student to Developer: My Internship Experience**
diff --git a/src/content/blog/rupesh-rathore.md b/src/content/blog/rupesh-rathore.md
index 9afd52e..e46fbe9 100644
--- a/src/content/blog/rupesh-rathore.md
+++ b/src/content/blog/rupesh-rathore.md
@@ -4,6 +4,10 @@ description: "A Moth who found his flames to chase! : A transformative internshi
 image: "/assets/images/blog/blog-8.png"
 author: "Rupesh Rathore"
 date: 2025-07-23
+tags:
+  - internship
+  - frontend
+  - learning
 ---
 
 ## **From Zero to A Front-End Developer: My Internship Experience**
diff --git a/src/content/blog/suresh-chelani.md b/src/content/blog/suresh-chelani.md
index fab33ec..a3aa932 100644
--- a/src/content/blog/suresh-chelani.md
+++ b/src/content/blog/suresh-chelani.md
@@ -4,6 +4,11 @@ description: "A deep dive into my two-month internship experience, working with
 date: 2025-07-21
 author: "Suresh Chelani"
 image: "/assets/images/blog/blog-7.png"
+tags:
+  - internship
+  - astro
+  - software-development
+  - development
 ---
 
 ## Internship Experience at RecursiveZero Pvt. Ltd
diff --git a/src/pages/about.astro b/src/pages/about.astro
index bf04304..6860a0d 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -1,207 +1,377 @@
 ---
-import aboutImage from "@/assets/images/about.jpg";
 import BaseLayout from "@/layouts/BaseLayout";
+import aboutImage from "@/assets/images/about.png"; 
+const founders = [
+  {
+    name: "Keshav Mohta",
+    designation: "Founder & CEO",
+    location: "India",
+    initials: "K",
+    description:
+      "Building products with simplicity, performance and long-term scalability. Focused on helping startups and businesses grow through modern engineering and practical digital solutions.",
+    tags: ["Product Engineering", "Web Platforms", "Startup Growth", "Scalable Systems"],
+    email: "hello@recursivezero.com",
+    linkedin: "https://www.linkedin.com/in/xkeshav/",
+    isActive: true,
+  },
+
+  {
+    name: "Parvez Akhtar",
+    designation: "Hong Kong (BA)",
+    location: "Hong Kong",
+    initials: "P",
+    description: "Driving business expansion and strategic partnerships while helping Recursive Zero scale globally.",
+    tags: ["Business Advisory", "Global Partnerships", "Growth"],
+    email: null,
+    linkedin: null,
+    isActive: true,
+  },
+
+  {
+    name: "Rajeev Chaturvedi",
+    designation: "Jaipur (COO)",
+    location: "Jaipur",
+    initials: "R",
+    description: "Focused on operations, execution and building efficient systems that support long-term growth.",
+    tags: ["Operations", "Execution", "Scalable Systems"],
+    email: null,
+    linkedin: null,
+    isActive: true,
+  },
+ {
+  name: "Varun Daga",
+  designation: "CTO",
+  location: "Bengaluru",
+  description:
+    "Leading technology architecture and engineering strategy while building scalable and high-performance digital systems.",
+  tags: [
+    "System Architecture",
+    "Engineering Leadership",
+    "Scalable Systems"
+  ],
+  email: null,
+  linkedin: null,
+  isActive: true,
+},
+
+ 
+];
 ---
 
-<BaseLayout
-  meta={{
-    title: "About Us",
-    description: "Learn more about Recursive Zero and how we build future-ready digital products."
-  }}
->
-  <main class="bg-background text-foreground overflow-hidden">
-    <!-- HERO -->
-    <section class="mx-auto max-w-7xl px-6 py-24 lg:px-10">
-      <div class="grid items-center gap-20 lg:grid-cols-2">
-        <!-- LEFT -->
+<BaseLayout meta={{ title: "About Us" }}>
+  <main class="bg-background text-foreground">
+    
+    <section class="mx-auto max-w-7xl px-6 py-20 lg:px-10">
+      <div class="grid items-center gap-16 lg:grid-cols-2">
+        
         <div>
           <p class="mb-4 text-sm font-semibold uppercase tracking-[0.25em] text-cyan-500">About Recursive Zero</p>
 
-          <h1 class="text-foreground text-5xl font-bold leading-[1.05] tracking-tight sm:text-6xl lg:text-7xl">
-            We Build Digital Products That
-            <span class="text-cyan-500"> Drive Growth. </span>
+          <h1 class="text-5xl font-bold leading-tight tracking-tight md:text-7xl">
+            Building Technology <br />
+            That Creates <br />
+            <span class="text-cyan-500"> Real Impact. </span>
           </h1>
 
-          <p class="text-foreground/75 mt-8 max-w-2xl text-xl leading-9">
-            Welcome to Recursive Zero! We’re a passionate software team dedicated to building premium web applications,
-            scalable systems and digital products that solve real-world business problems.
+          <p class="text-foreground/75 mt-8 max-w-2xl text-lg leading-9">
+            Recursive Zero is a product engineering company focused on crafting scalable web applications, internal
+            tools and digital systems that help startups and businesses move faster.
           </p>
 
-          <p class="text-foreground/70 mt-6 max-w-2xl text-lg leading-8">
-            Founded in 2024, we’ve been focused on combining modern technologies, exceptional engineering and product
-            thinking to help startups and businesses move faster, automate workflows and scale confidently.
+          <p class="text-foreground/75 mt-5 max-w-2xl text-lg leading-9">
+            Since 2024, we’ve been helping teams simplify workflows, automate operations and transform ideas into
+            meaningful digital products.
           </p>
 
-          <div class="mt-10 flex flex-wrap gap-5">
-            <a
-              href="/contact"
-              class="rounded-2xl border border-black/20 bg-cyan-500 px-8 py-4 text-lg font-semibold text-black transition duration-300 hover:scale-105"
+          
+          <div class="mt-10 grid grid-cols-3 gap-4">
+            <div
+              class="border-foreground/10 bg-background dark:bg-foreground/[0.04] rounded-3xl border p-6 text-center shadow-sm backdrop-blur-sm"
             >
-              Contact Us →
-            </a>
+              <h3 class="text-5xl font-bold text-cyan-500">10+</h3>
+
+              <p class="text-foreground/70 mt-2 text-sm">Projects</p>
+            </div>
 
-            <a
-              href="/work"
-              class="dark:border-foreground/20 text-foreground hover:bg-foreground hover:text-background rounded-xl border-2 border-gray-500 px-7 py-4 font-semibold transition"
+            <div
+              class="border-foreground/10 bg-background dark:bg-foreground/[0.04] rounded-3xl border p-6 text-center shadow-sm backdrop-blur-sm"
             >
-              View Our Work
-            </a>
+              <h3 class="text-5xl font-bold text-cyan-500">2024</h3>
+
+              <p class="text-foreground/70 mt-2 text-sm">Founded</p>
+            </div>
+
+            <div
+              class="border-foreground/10 bg-background dark:bg-foreground/[0.04] rounded-3xl border p-6 text-center shadow-sm backdrop-blur-sm"
+            >
+              <h3 class="text-5xl font-bold text-cyan-500">24/7</h3>
+
+              <p class="text-foreground/70 mt-2 text-sm">Support</p>
+            </div>
           </div>
         </div>
 
-        <!-- RIGHT IMAGE -->
-        <div class="relative">
-          <div class="absolute -inset-4 rounded-[3rem] bg-cyan-500/10 blur-3xl"></div>
+        
+        <div class="space-y-6">
+          <div
+            class="border-foreground/10 bg-background/80 dark:bg-foreground/[0.03] overflow-hidden rounded-[3rem] border shadow-xl backdrop-blur-sm"
+          >
+            <img src={aboutImage.src} alt="About Recursive Zero" class="h-full w-full object-cover" />
+          </div>
+
+          <div class="grid gap-4 md:grid-cols-2">
+            <div
+              class="border-foreground/10 rounded-[2rem] border bg-cyan-500/5 p-6 transition-colors dark:bg-cyan-500/10"
+            >
+              <h3 class="text-foreground text-xl font-bold">Product Engineering</h3>
+
+              <p class="text-foreground/70 mt-3">Building scalable digital products.</p>
+            </div>
+            <div
+              class="border-foreground/10 rounded-[2rem] border bg-cyan-500/5 p-6 transition-colors dark:bg-cyan-500/10"
+            >
+              <h3 class="text-foreground text-xl font-bold">Modern Tech</h3>
 
-          <img
-            src={aboutImage.src}
-            alt="About Recursive Zero"
-            class="relative h-[650px] w-full rounded-[3rem] object-cover shadow-[0_25px_70px_rgba(0,0,0,0.12)]"
-            loading="lazy"
-          />
+              <p class="text-foreground/70 mt-3">Fast, secure and future-ready systems.</p>
+            </div>
+          </div>
         </div>
       </div>
     </section>
 
-    <!-- WHAT WE DO -->
+    
     <section class="mx-auto max-w-7xl px-6 py-20 lg:px-10">
-      <div class="mb-14">
-        <p class="mb-3 text-sm font-semibold uppercase tracking-[0.25em] text-cyan-500">What We Do</p>
+      <p class="mb-4 text-sm font-semibold uppercase tracking-[0.25em] text-cyan-500">What We Do</p>
 
-        <h2 class="text-foreground text-4xl font-bold sm:text-5xl">Digital Solutions Built For Modern Businesses</h2>
-      </div>
+      <h2 class="max-w-4xl text-4xl font-bold tracking-tight md:text-6xl">
+        Digital Solutions Built For Modern Businesses
+      </h2>
 
-      <div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
-        <div
-          class="border-foreground/10 rounded-[2rem] border p-8 shadow-sm transition duration-300 hover:-translate-y-2 hover:shadow-xl"
-        >
+      <div class="mt-16 grid gap-8 md:grid-cols-3">
+        <div class="border-foreground/10 rounded-[2.5rem] border p-10 shadow-sm transition hover:-translate-y-1">
           <h3 class="text-2xl font-bold">Web Applications</h3>
 
-          <p class="text-foreground/70 mt-4 leading-8">
+          <p class="text-foreground/70 mt-5 text-lg leading-8">
             High-performance, scalable web apps designed with modern technologies and premium user experiences.
           </p>
         </div>
 
-        <div
-          class="border-foreground/10 rounded-[2rem] border p-8 shadow-sm transition duration-300 hover:-translate-y-2 hover:shadow-xl"
-        >
+        <div class="border-foreground/10 rounded-[2.5rem] border p-10 shadow-sm transition hover:-translate-y-1">
           <h3 class="text-2xl font-bold">Internal Tools</h3>
 
-          <p class="text-foreground/70 mt-4 leading-8">
+          <p class="text-foreground/70 mt-5 text-lg leading-8">
             We simplify operations by building internal tools that improve productivity and automate repetitive work.
           </p>
         </div>
 
-        <div
-          class="border-foreground/10 rounded-[2rem] border p-8 shadow-sm transition duration-300 hover:-translate-y-2 hover:shadow-xl"
-        >
+        <div class="border-foreground/10 rounded-[2.5rem] border p-10 shadow-sm transition hover:-translate-y-1">
           <h3 class="text-2xl font-bold">Scalable Systems</h3>
 
-          <p class="text-foreground/70 mt-4 leading-8">
+          <p class="text-foreground/70 mt-5 text-lg leading-8">
             From startups to enterprises, we engineer systems built for long-term growth and performance.
           </p>
         </div>
       </div>
     </section>
 
-    <!-- STATS -->
-    <section class="mx-auto max-w-7xl px-6 py-10 lg:px-10">
-      <div
-        class="grid gap-6 rounded-[3rem] border border-cyan-500/10 bg-cyan-500/[0.04] p-10 text-center md:grid-cols-4"
-      >
-        <div>
-          <h3 class="text-5xl font-bold text-cyan-500">2024</h3>
-          <p class="text-foreground/70 mt-2">Founded</p>
-        </div>
-
-        <div>
-          <h3 class="text-5xl font-bold text-cyan-500">10+</h3>
-          <p class="text-foreground/70 mt-2">Projects</p>
-        </div>
-
-        <div>
-          <h3 class="text-5xl font-bold text-cyan-500">100%</h3>
-          <p class="text-foreground/70 mt-2">Client Focused</p>
-        </div>
-
-        <div>
-          <h3 class="text-5xl font-bold text-cyan-500">24/7</h3>
-          <p class="text-foreground/70 mt-2">Support</p>
-        </div>
-      </div>
-    </section>
+    
+    <section class="mx-auto max-w-7xl px-6 py-24 lg:px-10">
+      <div class="mb-12">
+        <p class="mb-4 text-sm font-semibold uppercase tracking-[0.25em] text-cyan-500">Meet The Team</p>
 
-    <!-- TEAM -->
-    <section class="mx-auto max-w-7xl px-6 py-20 lg:px-10">
-      <div class="mb-14">
-        <p class="mb-3 text-sm font-semibold uppercase tracking-[0.25em] text-cyan-500">Meet The Team</p>
+        <h2 class="text-4xl font-bold tracking-tight md:text-6xl">People Behind Recursive Zero</h2>
 
-        <h2 class="text-foreground text-4xl font-bold sm:text-5xl">People Behind Recursive Zero</h2>
+        <p class="text-foreground/70 mt-5 max-w-3xl text-lg leading-8">
+          Passionate builders focused on crafting scalable products, solving real business problems and shipping
+          impactful solutions.
+        </p>
       </div>
 
       <div class="grid gap-8 md:grid-cols-2">
-        <div
-          class="border-foreground/10 rounded-[2rem] border p-8 shadow-sm transition duration-300 hover:-translate-y-2 hover:shadow-xl"
-        >
-          <div
-            class="mb-5 flex h-16 w-16 items-center justify-center rounded-2xl bg-cyan-500/10 text-2xl font-bold text-cyan-500"
+        {
+          founders
+            .filter((founder) => founder.isActive)
+            .map((founder) => (
+              <div class="border-foreground/10 bg-background dark:bg-foreground/[0.03] group relative overflow-hidden rounded-[3rem] border p-8 shadow-sm transition duration-500 hover:-translate-y-1 hover:shadow-2xl">
+                {/* glow */}
+                <div class="absolute -right-10 -top-10 h-64 w-64 rounded-full bg-cyan-500/10 blur-[100px]" />
+
+                <div class="relative z-10">
+                 <div class="flex items-center gap-5">
+                  <div class="flex h-24 w-24 items-center justify-center rounded-[2rem] bg-cyan-500/10 text-4xl font-bold text-cyan-500">
+                    {
+                      founder.name
+                        .split(" ")
+                        .map((word) => word[0])
+                        .slice(0, 2)
+                        .join("")
+                    }
+                  </div>
+
+                  <div>
+                    <h3 class="text-foreground text-3xl font-bold">
+                      {founder.name}
+                    </h3>
+                        <span class="mt-3 inline-flex rounded-full border border-cyan-500/20 bg-cyan-500/10 px-4 py-2 text-sm font-semibold text-cyan-500">
+                      {founder.designation}
+                    </span>
+
+                    <p class="text-foreground/70 mt-2 text-lg">
+                      {founder.location}
+                    </p>
+                  </div>
+                </div>
+
+                  <p class="text-foreground/75 mt-8 text-lg leading-9">{founder.description}</p>
+                 {
+  (founder.email || founder.linkedin) && (
+    <div class="mt-6 flex flex-wrap items-center gap-5 text-sm">
+      {
+        founder.email && (
+          <a
+            href={`mailto:${founder.email}`}
+            class="group inline-flex items-center gap-2 rounded-full border border-cyan-500/15 bg-cyan-500/[0.04] px-4 py-2 font-medium text-slate-700 transition-all duration-300 hover:-translate-y-0.5 hover:border-cyan-500/30 hover:bg-cyan-500/[0.08] hover:text-cyan-600 dark:border-cyan-400/10 dark:bg-cyan-400/[0.04] dark:text-slate-300 dark:hover:border-cyan-400/30 dark:hover:bg-cyan-400/[0.08] dark:hover:text-cyan-400"
           >
-            K
-          </div>
-
-          <h3 class="text-3xl font-bold">Keshav Mohta</h3>
-
-          <p class="text-foreground/60 mt-2 text-lg">Founder & CEO</p>
-        </div>
-
-        <!--<div
-          class="border-foreground/10 rounded-[2rem] border p-8 shadow-sm transition duration-300 hover:-translate-y-2 hover:shadow-xl"
-        >
-          <div
-            class="mb-5 flex h-16 w-16 items-center justify-center rounded-2xl bg-cyan-500/10 text-2xl font-bold text-cyan-500"
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke-width="1.8"
+              stroke="currentColor"
+              class="h-5 w-5 text-cyan-500"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                d="M21.75 7.5v9a2.25 2.25 0 0 1-2.25 2.25h-15A2.25 2.25 0 0 1 2.25 16.5v-9m19.5 0A2.25 2.25 0 0 0 19.5 5.25h-15A2.25 2.25 0 0 0 2.25 7.5m19.5 0-8.69 5.52a2.25 2.25 0 0 1-2.12 0L2.25 7.5"
+              />
+            </svg>
+
+            <span class="text-foreground/60">
+              Email:
+            </span>
+
+            <span class="font-semibold underline decoration-cyan-500/50 underline-offset-4">
+              {founder.email}
+            </span>
+          </a>
+        )
+      }
+
+      {
+        founder.linkedin && (
+          <a
+            href={founder.linkedin}
+            target="_blank"
+            rel="noopener noreferrer"
+            class="group inline-flex items-center gap-2 rounded-full border border-cyan-500/15 bg-cyan-500/[0.04] px-4 py-2 font-medium text-slate-700 transition-all duration-300 hover:-translate-y-0.5 hover:border-cyan-500/30 hover:bg-cyan-500/[0.08] hover:text-cyan-600 dark:border-cyan-400/10 dark:bg-cyan-400/[0.04] dark:text-slate-300 dark:hover:border-cyan-400/30 dark:hover:bg-cyan-400/[0.08] dark:hover:text-cyan-400"
           >
-            P
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="currentColor"
+              class="h-5 w-5 text-cyan-500"
+            >
+              <path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19ZM8.34 17V10.5H6.13V17H8.34ZM7.23 9.56C7.94 9.56 8.39 9.08 8.39 8.48C8.38 7.87 7.94 7.4 7.25 7.4C6.56 7.4 6.09 7.87 6.09 8.48C6.09 9.08 6.53 9.56 7.21 9.56H7.23ZM17.91 17V13.36C17.91 11.41 16.87 10.5 15.49 10.5C14.38 10.5 13.89 11.11 13.61 11.54V10.5H11.4C11.43 11.19 11.4 17 11.4 17H13.61V13.37C13.61 13.17 13.62 12.97 13.69 12.83C13.84 12.43 14.19 12.01 14.77 12.01C15.53 12.01 15.84 12.58 15.84 13.43V17H17.91Z" />
+            </svg>
+
+            <span class="text-foreground/60">
+              LinkedIn:
+            </span>
+
+            <span class="font-semibold underline decoration-cyan-500/50 underline-offset-4">
+              Profile
+            </span>
+          </a>
+        )
+      }
+    </div>
+  )
+}
+                  <div class="mt-8 flex flex-wrap gap-3">
+                    {founder.tags.map((tag) => (
+                      <span class="border-foreground/10 bg-foreground/5 text-foreground/80 rounded-full border px-4 py-2 text-sm font-medium">
+                        {tag}
+                      </span>
+                    ))}
+                  </div>
+                </div>
+              </div>
+            ))
+        }
+      </div>
+    </section>
+
+    <section class="mx-auto max-w-7xl px-6 py-24 lg:px-10">
+      <div
+        class="border-foreground/10 bg-background relative overflow-hidden rounded-[4rem] border p-10 shadow-sm lg:p-16"
+      >
+        <div class="absolute -left-20 top-0 h-72 w-72 rounded-full bg-cyan-500/10 blur-[120px]"></div>
+
+        <div class="relative z-10 grid items-center gap-14 lg:grid-cols-2">
+          <div>
+            <p class="mb-4 text-sm font-semibold uppercase tracking-[0.25em] text-cyan-500">Our Mission</p>
+
+            <h2 class="text-4xl font-bold tracking-tight md:text-6xl">
+              Innovation With <br />
+              Purpose.
+            </h2>
+
+            <p class="text-foreground/75 mt-8 text-lg leading-9">
+              Our mission is to build practical technology that solves real business problems, simplifies operations and
+              creates meaningful digital experiences.
+            </p>
+
+            <p class="text-foreground/75 mt-5 text-lg leading-9">
+              We focus on long-term partnerships, scalable engineering and thoughtful product development that helps
+              companies grow faster with confidence.
+            </p>
           </div>
 
-          <h3 class="text-3xl font-bold">Poorna Chandra</h3>
+          <div class="grid gap-5">
+            <div
+              class="border-foreground/10 bg-foreground/[0.03] rounded-[2rem] border p-6 transition hover:-translate-y-1"
+            >
+              <h3 class="text-xl font-semibold">Product Innovation</h3>
 
-          <p class="text-foreground/60 mt-2 text-lg">Python Developer</p>
-        </div>-->
-      </div>
-    </section>
+              <p class="text-foreground/70 mt-2">Building meaningful digital products with modern engineering.</p>
+            </div>
 
-    <!-- MISSION -->
-    <section class="mx-auto max-w-7xl px-6 py-20 lg:px-10">
-      <div class="rounded-[3rem] border border-cyan-500/10 bg-cyan-500/[0.04] p-12">
-        <p class="mb-3 text-sm font-semibold uppercase tracking-[0.25em] text-cyan-500">Our Mission</p>
+            <div
+              class="border-foreground/10 bg-foreground/[0.03] rounded-[2rem] border p-6 transition hover:-translate-y-1"
+            >
+              <h3 class="text-xl font-semibold">Faster Execution</h3>
 
-        <h2 class="text-foreground text-4xl font-bold sm:text-5xl">Innovation With Purpose</h2>
+              <p class="text-foreground/70 mt-2">Delivering scalable systems with speed and reliability.</p>
+            </div>
 
-        <p class="text-foreground/75 mt-8 max-w-4xl text-xl leading-9">
-          Our mission is to deliver exceptional value through innovative solutions, outstanding engineering and modern
-          digital experiences. We believe in creating long-term partnerships that help businesses grow with confidence.
-        </p>
+            <div
+              class="border-foreground/10 bg-foreground/[0.03] rounded-[2rem] border p-6 transition hover:-translate-y-1"
+            >
+              <h3 class="text-xl font-semibold">Long-Term Partnerships</h3>
+
+              <p class="text-foreground/70 mt-2">Helping startups and businesses grow through technology.</p>
+            </div>
+          </div>
+        </div>
       </div>
     </section>
-
-    <!-- CONTACT CTA -->
-    <section class="mx-auto max-w-7xl px-6 pb-28 lg:px-10">
-      <div class="border-foreground/10 rounded-[3rem] border p-14 text-center shadow-sm">
+    <section class="mx-auto max-w-7xl px-6 pb-24 lg:px-10">
+      <div class="border-foreground/10 rounded-[4rem] border p-16 text-center shadow-sm">
         <p class="mb-4 text-sm font-semibold uppercase tracking-[0.25em] text-cyan-500">Let’s Work Together</p>
 
-        <h2 class="text-foreground text-4xl font-bold sm:text-5xl">
-          Have an Idea?
-          <br />
+        <h2 class="text-5xl font-bold md:text-7xl">
+          Have an Idea? <br />
           Let’s Build It.
         </h2>
 
-        <p class="text-foreground/70 mx-auto mt-6 max-w-2xl text-lg leading-8">
+        <p class="text-foreground/70 mx-auto mt-8 max-w-3xl text-xl leading-9">
           We’d love to hear about your next project. Reach out and let’s create something impactful.
         </p>
 
         <a
           href="/contact"
-          class="mt-10 inline-flex rounded-2xl bg-cyan-500 px-8 py-4 text-lg font-semibold text-black transition duration-300 hover:scale-105"
+          class="mt-10 inline-flex rounded-3xl bg-cyan-500 px-10 py-5 text-xl font-semibold text-white transition hover:scale-105"
         >
           Contact Us →
         </a>