diff --git a/package-lock.json b/package-lock.json
index 8dd435c..e26a0b5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,9 @@
       "name": "documentation",
       "version": "2.0.0",
       "license": "MIT",
+      "dependencies": {
+        "shiki": "^4.4.3"
+      },
       "devDependencies": {
         "@bimdata/design-system": "2.4.4",
         "sass-embedded": "^1.103.1",
@@ -1603,23 +1606,80 @@
       }
     },
     "node_modules/@shikijs/langs": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-2.5.0.tgz",
-      "integrity": "sha512-Qfrrt5OsNH5R+5tJ/3uYBBZv3SuGmnRPejV9IlIbFH3HTGLDlkqgHymAlzklVmKBjAaVmkPkyikAV/sQ1wSL+w==",
-      "dev": true,
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-4.4.3.tgz",
+      "integrity": "sha512-ePic0yfAJGOF83D5wBHK/00EjK65oahBYxFk5epgq33WRv7X9UuxLEV8PtR0szC0z8dl7INIpIodB99JRFlR+A==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "2.5.0"
+        "@shikijs/types": "4.4.3"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/@shikijs/langs/node_modules/@shikijs/types": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.4.3.tgz",
+      "integrity": "sha512-UEJxmRR++MAGR6hugn0vgVS2W/6lWAts84FFSrnlH9sP0LNol7E5+NQ792pH8liWUhyMyjhTgSUH3k7iD7tc5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/@shikijs/primitive": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@shikijs/primitive/-/primitive-4.4.3.tgz",
+      "integrity": "sha512-m0wBeLDQDeIxRdUmrCPdQqfuUamDwRL5isCfYbguKD6NiaKpVbsv+3J81DyIKgNW5h4WAIIr8T4EkgQrBBxvaQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "4.4.3",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/@shikijs/primitive/node_modules/@shikijs/types": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.4.3.tgz",
+      "integrity": "sha512-UEJxmRR++MAGR6hugn0vgVS2W/6lWAts84FFSrnlH9sP0LNol7E5+NQ792pH8liWUhyMyjhTgSUH3k7iD7tc5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=20"
       }
     },
     "node_modules/@shikijs/themes": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-2.5.0.tgz",
-      "integrity": "sha512-wGrk+R8tJnO0VMzmUExHR+QdSaPUl/NKs+a4cQQRWyoc3YFbUzuLEi/KWK1hj+8BfHRKm2jNhhJck1dfstJpiw==",
-      "dev": true,
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-4.4.3.tgz",
+      "integrity": "sha512-w8UHjeUnIR965KMWJHUPXOc2mNJUnK3vpVLYLvw5IYU2mnTTJ89E24OrJDBNiJDQ0qzb0tc4l7mrIXx5cFeIyw==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/types": "2.5.0"
+        "@shikijs/types": "4.4.3"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/@shikijs/themes/node_modules/@shikijs/types": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.4.3.tgz",
+      "integrity": "sha512-UEJxmRR++MAGR6hugn0vgVS2W/6lWAts84FFSrnlH9sP0LNol7E5+NQ792pH8liWUhyMyjhTgSUH3k7iD7tc5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=20"
       }
     },
     "node_modules/@shikijs/transformers": {
@@ -1648,7 +1708,6 @@
       "version": "10.0.2",
       "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz",
       "integrity": "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@swagger-api/apidom-ast": {
@@ -2435,7 +2494,6 @@
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.5.tgz",
       "integrity": "sha512-rp/ezSWaD1m44dPKICGhiskI13nVr7qTloFwDa/IYkhhf5nzwP+zIQcIJh3WIFSBOy/H1PzB40jPjMDksN4F+g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/unist": "*"
@@ -2463,7 +2521,6 @@
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
       "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/unist": "*"
@@ -2512,7 +2569,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
       "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/use-sync-external-store": {
@@ -2533,7 +2589,6 @@
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.3.tgz",
       "integrity": "sha512-60YRaenCQcVjYEKOcG824+DRGGIQ3VKErcBoAEDJZz5bKIs2ZG+X/H9Nk+Q6EVkwJk5QNApxbrc5QtBSwtrXAg==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/@vitejs/plugin-vue": {
@@ -3081,7 +3136,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
       "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -3103,7 +3157,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
       "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -3114,7 +3167,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
       "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -3219,7 +3271,6 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
       "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -3362,7 +3413,6 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
       "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -3383,7 +3433,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
       "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "dequal": "^2.0.0"
@@ -3857,7 +3906,6 @@
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-9.0.5.tgz",
       "integrity": "sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
@@ -3881,7 +3929,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
       "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0"
@@ -3937,7 +3984,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz",
       "integrity": "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -4393,7 +4439,6 @@
       "version": "13.2.1",
       "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz",
       "integrity": "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
@@ -4672,7 +4717,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
       "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
-      "dev": true,
       "funding": [
         {
           "type": "GitHub Sponsors",
@@ -4799,7 +4843,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
       "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
-      "dev": true,
       "funding": [
         {
           "type": "GitHub Sponsors",
@@ -4873,7 +4916,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
       "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
-      "dev": true,
       "funding": [
         {
           "type": "GitHub Sponsors",
@@ -4918,7 +4960,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
       "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
-      "dev": true,
       "funding": [
         {
           "type": "GitHub Sponsors",
@@ -4935,7 +4976,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
       "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
-      "dev": true,
       "funding": [
         {
           "type": "GitHub Sponsors",
@@ -5101,6 +5141,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/oniguruma-parser": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/oniguruma-parser/-/oniguruma-parser-0.12.2.tgz",
+      "integrity": "sha512-6HVa5oIrgMC6aA6WF6XyyqbhRPJrKR02L20+2+zpDtO5QAzGHAUGw5TKQvwi5vctNnRHkJYmjAhRVQF2EKdTQw==",
+      "license": "MIT"
+    },
     "node_modules/oniguruma-to-es": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-3.1.1.tgz",
@@ -5298,7 +5344,6 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.2.0.tgz",
       "integrity": "sha512-IAtzIB6sUiWaJYrX9smp3V46pBGbBeLFRGdh25kg1334VcBlD8HzhPeNIWQH9zhGmo2itIe25EHt9dQP7G5hmg==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -5534,7 +5579,6 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/regex/-/regex-6.1.0.tgz",
       "integrity": "sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "regex-utilities": "^2.3.0"
@@ -5544,7 +5588,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/regex-recursion/-/regex-recursion-6.0.2.tgz",
       "integrity": "sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "regex-utilities": "^2.3.0"
@@ -5554,7 +5597,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/regex-utilities/-/regex-utilities-2.3.0.tgz",
       "integrity": "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/remark": {
@@ -6242,20 +6284,89 @@
       }
     },
     "node_modules/shiki": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/shiki/-/shiki-2.5.0.tgz",
-      "integrity": "sha512-mI//trrsaiCIPsja5CNfsyNOqgAZUb6VpJA+340toL42UpzQlXpwRV9nch69X6gaUxrr9kaOOa6e3y3uAkGFxQ==",
-      "dev": true,
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-4.4.3.tgz",
+      "integrity": "sha512-Mb/GvXPHBAXdgGIcnfU5L3ldpn1XcxrGkPHwqgRx17/I2XRfqlFKk2vGkHWINn1kdXvzJZeuO3is6I9KLPFm0g==",
       "license": "MIT",
       "dependencies": {
-        "@shikijs/core": "2.5.0",
-        "@shikijs/engine-javascript": "2.5.0",
-        "@shikijs/engine-oniguruma": "2.5.0",
-        "@shikijs/langs": "2.5.0",
-        "@shikijs/themes": "2.5.0",
-        "@shikijs/types": "2.5.0",
+        "@shikijs/core": "4.4.3",
+        "@shikijs/engine-javascript": "4.4.3",
+        "@shikijs/engine-oniguruma": "4.4.3",
+        "@shikijs/langs": "4.4.3",
+        "@shikijs/themes": "4.4.3",
+        "@shikijs/types": "4.4.3",
         "@shikijs/vscode-textmate": "^10.0.2",
-        "@types/hast": "^3.0.4"
+        "@types/hast": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/shiki/node_modules/@shikijs/core": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-4.4.3.tgz",
+      "integrity": "sha512-QCR4q2ZO/ILJEuwiBMel4wdcTDb1JGwfjKTxPDF6x8ixOaluPrVqIn06C99AcRPhmYlBR56d/Fb+GN58GzExpg==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/primitive": "4.4.3",
+        "@shikijs/types": "4.4.3",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.5",
+        "hast-util-to-html": "^9.0.5"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/shiki/node_modules/@shikijs/engine-javascript": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-4.4.3.tgz",
+      "integrity": "sha512-FbOjFJp9VLdo1Wevs10BBtVxiTWwNLqZh5Gkhjgda/ioL15YOgeSl9n+6XMa3qRlPQzfhFNe641SrynFHYG0nQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "4.4.3",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "oniguruma-to-es": "^4.3.6"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/shiki/node_modules/@shikijs/engine-oniguruma": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-4.4.3.tgz",
+      "integrity": "sha512-EcOQkxdxGQrc1Row/cC2c96/v1dbZqGnEVu1qTuT/MJmp6+cXCvQussowVmCv5Tqr3KuY3c7IbM6HTW3LJ1k9w==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "4.4.3",
+        "@shikijs/vscode-textmate": "^10.0.2"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/shiki/node_modules/@shikijs/types": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.4.3.tgz",
+      "integrity": "sha512-UEJxmRR++MAGR6hugn0vgVS2W/6lWAts84FFSrnlH9sP0LNol7E5+NQ792pH8liWUhyMyjhTgSUH3k7iD7tc5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/shiki/node_modules/oniguruma-to-es": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-4.3.6.tgz",
+      "integrity": "sha512-csuQ9x3Yr0cEIs/Zgx/OEt9iBw9vqIunAPQkx19R/fiMq2oGVTgcMqO/V3Ybqefr1TBvosI6jU539ksaBULJyA==",
+      "license": "MIT",
+      "dependencies": {
+        "oniguruma-parser": "^0.12.2",
+        "regex": "^6.1.0",
+        "regex-recursion": "^6.0.2"
       }
     },
     "node_modules/short-unique-id": {
@@ -6283,7 +6394,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
       "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -6326,7 +6436,6 @@
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
       "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "character-entities-html4": "^2.0.0",
@@ -6668,7 +6777,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
       "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -6776,7 +6884,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.1.tgz",
       "integrity": "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0"
@@ -6790,7 +6897,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
       "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0"
@@ -6820,7 +6926,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
       "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0"
@@ -6834,7 +6939,6 @@
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.1.0.tgz",
       "integrity": "sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0",
@@ -6850,7 +6954,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz",
       "integrity": "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0",
@@ -6900,7 +7003,6 @@
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
       "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0",
@@ -6915,7 +7017,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
       "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/unist": "^3.0.0",
@@ -7057,6 +7158,43 @@
         "url": "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/sponsors/okineadev"
       }
     },
+    "node_modules/vitepress/node_modules/@shikijs/langs": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-2.5.0.tgz",
+      "integrity": "sha512-Qfrrt5OsNH5R+5tJ/3uYBBZv3SuGmnRPejV9IlIbFH3HTGLDlkqgHymAlzklVmKBjAaVmkPkyikAV/sQ1wSL+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "2.5.0"
+      }
+    },
+    "node_modules/vitepress/node_modules/@shikijs/themes": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-2.5.0.tgz",
+      "integrity": "sha512-wGrk+R8tJnO0VMzmUExHR+QdSaPUl/NKs+a4cQQRWyoc3YFbUzuLEi/KWK1hj+8BfHRKm2jNhhJck1dfstJpiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "2.5.0"
+      }
+    },
+    "node_modules/vitepress/node_modules/shiki": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-2.5.0.tgz",
+      "integrity": "sha512-mI//trrsaiCIPsja5CNfsyNOqgAZUb6VpJA+340toL42UpzQlXpwRV9nch69X6gaUxrr9kaOOa6e3y3uAkGFxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/core": "2.5.0",
+        "@shikijs/engine-javascript": "2.5.0",
+        "@shikijs/engine-oniguruma": "2.5.0",
+        "@shikijs/langs": "2.5.0",
+        "@shikijs/themes": "2.5.0",
+        "@shikijs/types": "2.5.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4"
+      }
+    },
     "node_modules/vue": {
       "version": "3.5.41",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.41.tgz",
@@ -7194,7 +7332,6 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
       "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "type": "github",
diff --git a/package.json b/package.json
index 29a1a06..71ae6b0 100644
--- a/package.json
+++ b/package.json
@@ -21,5 +21,8 @@
     "swagger-ui-dist": "^5.32.14",
     "vitepress": "^1.6.4",
     "vitepress-plugin-llms": "^1.13.5"
+  },
+  "dependencies": {
+    "shiki": "^4.4.3"
   }
 }
diff --git a/src/.vitepress/components/Home.vue b/src/.vitepress/components/Home.vue
index 48d994a..40e8fd7 100644
--- a/src/.vitepress/components/Home.vue
+++ b/src/.vitepress/components/Home.vue
@@ -1,484 +1,1185 @@
 <template>
   <div class="bimdata-design-system bimdata-documentation__home">
-    <section class="bimdata-documentation__home__header m-b-48">
-      <div class="home_title flex">
-        <h1 class="bimdata-h1">Documentation</h1>
-        <h3>Go from idea to integration: guides, APIs, and examples.</h3>
+    <section class="hero m-b-48">
+      <div class="hero-content">
+        <div class="eyebrow">BIMData Documentation</div>
+        <h1>Build BIM features into <strong>your application</strong></h1>
+        <p>
+          Upload, view, annotate and extract data from IFC, DWG/DXF, PDF, point clouds and 360°
+          images using the BIMData API and viewer SDK.
+        </p>
+        <div class="hero-actions flex">
+          <a href="/viewer/" class="button button-filled button-filled-primary button-md">
+            Open the viewer quickstart
+          </a>
+          <a href="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/api/reference.html" class="button button-filled button-filled-secondary button-md">
+            Open the API Reference
+          </a>
+        </div>
+        <HomeSearch />
       </div>
-      <div class="home_links flex justify-center">
-        <BIMDataCard borderRadius="8px">
-          <template #content>
-            <img
-              src="/images/home/bimdata_icon-api.png"
-              alt=""
-              height="111px"
-              width="144px"
-            />
-            <div>
-              <h3 class="color-primary">API</h3>
-              <p>
-                BIMData’s API gives you the tools to upload and manage your project models (IFC,
-                PDFs, DWGs, point clouds, and 360° photos) and retrieve structured data from them.
-              </p>
-            </div>
-            <a href="/api/introduction/overview.html">
-              <BIMDataButton color="primary" outline width="45px" height="45px">
-                <span class="btn-arrow">
-                  <BIMDataIconArrow :rotate="180" size="xxs" />
-                </span>
-                <span class="btn-text m-l-12">Voir plus</span>
-              </BIMDataButton>
-            </a>
-          </template>
-        </BIMDataCard>
-        <BIMDataCard borderRadius="8px">
-          <template #content>
-            <img
-              src="/images/home/bimdata_icon-viewer.png"
-              alt=""
-              height="111px"
-              width="170px"
-            />
-            <div>
-              <h3 class="color-primary">Viewer</h3>
-              <p>
-                BIMData offers a customizable 3D viewer that lets you view, inspect, and manipulate
-                your models in real time.
-              </p>
-            </div>
-            <a href="/viewer">
-              <BIMDataButton color="primary" outline width="45px" height="45px">
-                <span class="btn-arrow">
-                  <BIMDataIconArrow :rotate="180" size="xxs" />
-                </span>
-                <span class="btn-text m-l-12">Voir plus</span>
-              </BIMDataButton>
-            </a>
-          </template>
-        </BIMDataCard>
-        <BIMDataCard borderRadius="8px">
-          <template #content>
-            <img
-              src="/images/home/bimdata_icon-on_premises.png"
-              alt=""
-              height="111px"
-              width="140px"
-            />
-            <div>
-              <h3 class="color-primary">On-Premises</h3>
-              <p>
-                BIMData's On-Premises provides you the possibility to host our solutions on your
-                servers.
-              </p>
-            </div>
-            <a href="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/on-premises/getting_started.html">
-              <BIMDataButton color="primary" outline width="45px" height="45px">
-                <span class="btn-arrow">
-                  <BIMDataIconArrow :rotate="180" size="xxs" />
-                </span>
-                <span class="btn-text m-l-12">Voir plus</span>
-              </BIMDataButton>
-            </a>
-          </template>
-        </BIMDataCard>
-        <BIMDataCard borderRadius="8px">
-          <template #content>
-            <img
-              src="/images/home/bimdata_icon-user_guide.png"
-              alt=""
-              height="104px"
-              width="154px"
-            />
-            <div>
-              <h3 class="color-primary">User-Guide</h3>
-              <p>
-                User guides help you get started with BIMData and walk you through key workflows
-                step by step.
-              </p>
-            </div>
-            <a href="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/user-guide/creer-un-compte-bimdata.html">
-              <BIMDataButton color="primary" outline width="45px" height="45px">
-                <span class="btn-arrow">
-                  <BIMDataIconArrow :rotate="180" size="xxs" />
-                </span>
-                <span class="btn-text m-l-12">Voir plus</span>
-              </BIMDataButton>
-            </a>
-          </template>
-        </BIMDataCard>
+      <div class="hero-terminal">
+        <CodeTerminal title="Viewer.js" language="html" :code="viewerCdnCode" />
       </div>
     </section>
-    <section class="bimdata-documentation__home__content m-b-48">
-      <div class="home_title flex">
-        <h2 class="bimdata-h2">How Can We Help?</h2>
-        <p class="color-granite">
-          Here are a few items we think might help you get started faster with BIMData.io depending
-          on your needs.
-        </p>
-      </div>
+    <div class="formats-bar">
+      <span>SUPPORTED FORMATS</span>
+      <strong>IFC</strong>
+      <strong>DWG</strong>
+      <strong>DXF</strong>
+      <strong>IMAGES</strong>
+      <strong>PDF</strong>
+      <strong>POINT CLOUDS</strong>
+      <strong>360° IMAGES</strong>
+    </div>
+    <section>
+      <div class="container">
+        <div class="section-header">
+          <div>
+            <div class="eyebrow">Start here</div>
 
-      <div class="cards flex justify-center">
-        <BIMDataCard borderRadius="6px">
-          <template #content>
-            <div class="flex m-r-24">
-              <img src="/images/home/bimdata_icon-ifc.svg" alt="" />
-            </div>
-            <div class="flex flex-col items-start">
-              <h4 class="color-primary">IFC</h4>
-              <p>
-                Build BIM tools by freeing yourself from technical complexity to focus on your
-                business.
-              </p>
-              <a
-                href="/api/introduction/overview.html#apis"
-                target="_blank"
-              >
-                <BIMDataButton class="btn-tertiary" width="125px" color="primary" outline
-                  >Learn more</BIMDataButton
-                >
-              </a>
-            </div>
-          </template>
-        </BIMDataCard>
-        <BIMDataCard borderRadius="6px">
-          <template #content>
-            <div class="flex m-r-24">
-              <img src="/images/home/bimdata_icon-bcf.svg" alt="" />
-            </div>
-            <div class="flex flex-col items-start">
-              <h4 class="color-primary">BCF</h4>
-              <p>Access, create, share, export your BCFs with our BCF API.</p>
-              <a
-                href="/api/introduction/overview.html#apis"
-                target="_blank"
-              >
-                <BIMDataButton class="btn-tertiary" width="125px" color="primary" outline
-                  >Explore</BIMDataButton
-                >
-              </a>
-            </div>
-          </template>
-        </BIMDataCard>
-        <BIMDataCard borderRadius="6px">
-          <template #content>
-            <div class="flex m-r-24">
-              <img src="/images/home/bimdata_icon-open_source.svg" alt="" />
+            <h2>What are you trying to build?</h2>
+          </div>
+
+          <p class="section-description">
+            Choose your goal and we'll guide you to the documentation, APIs and SDKs you need.
+          </p>
+        </div>
+
+        <div class="path-grid">
+          <a href="/api/guides/application.html" class="path-card">
+            <div class="path-icon">
+              <img src="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/images/bimdata-api_icon.svg" alt="API" />
             </div>
-            <div class="flex flex-col items-start">
-            <h4 class="color-primary">Open source</h4>
-            <p>You can install our platform on your own server.</p>
-            <a href="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/bimdata/platform" target="_blank">
-              <BIMDataButton class="btn-tertiary" width="125px" color="primary" outline
-                >Discover</BIMDataButton
-              >
-            </a>
+
+            <h3>Build an integration</h3>
+
+            <p>
+              Connect your application to BIMData, authenticate users and work with BIM projects.
+            </p>
+          </a>
+
+          <a href="/viewer/" class="path-card">
+            <div class="path-icon">
+              <img src="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/images/bimdata-viewer_icon.svg" alt="3D" />
             </div>
-          </template>
-        </BIMDataCard>
-        <BIMDataCard borderRadius="6px">
-          <template #content>
-            <div class="flex m-r-24">
-              <img src="/images/home/bimdata_icon-plugins.svg" alt="" />
+
+            <h3>Build a BIM viewer</h3>
+
+            <p>Embed the Viewer SDK, display IFC models and build your own BIM experience.</p>
+          </a>
+        </div>
+      </div>
+    </section>
+    <section>
+      <div class="container">
+        <div class="section-header">
+          <div>
+            <div class="eyebrow">Quickstart</div>
+            <h2>Build your first BIM application</h2>
+          </div>
+          <p class="section-description">
+            Follow the shortest path from authentication to displaying your first BIM model.
+          </p>
+        </div>
+
+        <div class="quickstart-grid">
+          <article class="step-card featured">
+            <div class="step-number">
+              <span>01</span>
+              <span>START</span>
             </div>
-            <div class="flex flex-col items-start">
-              <h4 class="color-primary">Plugin</h4>
-              <p>Develop your own plugins to increase the efficiency of your tools.</p>
-              <a
-                href="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/viewer/customize_the_ui.html#plugin"
-                target="_blank"
-              >
-                <BIMDataButton class="btn-tertiary" width="125px" color="primary" outline
-                  >Try</BIMDataButton
-                >
-              </a>
+            <h3>Create an application</h3>
+            <p>Get your credentials and create your first BIMData application.</p>
+            <a href="/api/guides/application.html" class="mini-link button-arrow"> Authentication </a>
+          </article>
+
+          <article class="step-card">
+            <div class="step-number">
+              <span>02</span>
+              <span>API</span>
             </div>
-          </template>
-        </BIMDataCard>
-        <BIMDataCard borderRadius="6px">
-          <template #content>
-            <div class="flex m-r-24">
-              <img src="/images/home/bimdata_icon-sdk.svg" alt="" />
+            <h3>Upload a model</h3>
+            <p>Create a project and upload your first IFC file.</p>
+            <a href="/api/introduction/quick_start.html" class="mini-link button-arrow"> Upload guide </a>
+          </article>
+
+          <article class="step-card">
+            <div class="step-number">
+              <span>03</span>
+              <span>VIEWER</span>
             </div>
-            <div class="flex flex-col items-start">
-              <h4 class="color-primary">Viewer SDK</h4>
-              <p>You can develop, test, build, package and share your plugin easily.</p>
-              <a to="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/viewer/viewer_sdk.html">
-                <BIMDataButton class="btn-tertiary" width="125px" color="primary" outline
-                  >Explore</BIMDataButton
-                >
-              </a>
+            <h3>Display your model</h3>
+            <p>Load your model and display it using the BIMData Viewer.</p>
+            <a href="/viewer/" class="mini-link button-arrow"> Viewer guide </a>
+          </article>
+
+          <article class="step-card">
+            <div class="step-number">
+              <span>04</span>
+              <span>DATA</span>
             </div>
-          </template>
-        </BIMDataCard>
+            <h3>Query your data</h3>
+            <p>Retrieve elements, properties and relationships from your BIM models.</p>
+            <a href="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/api/reference.html" class="mini-link button-arrow"> API reference </a>
+          </article>
+        </div>
       </div>
     </section>
-    <section class="bimdata-documentation__home__ds p-y-24">
-      <div class="flex items-center">
-        <div class="bimdata-documentation__home__ds__img">
-          <img src="/images/home/bimdata_img-ds.png" alt="" />
-        </div>
-        <div class="bimdata-documentation__home__ds__right">
-          <div class="bimdata-documentation__home__ds__right--icon">
-            <img src="/images/home/design-system_logo.png" alt="" />
+
+    <section id="docs">
+      <div class="container">
+        <div class="section-header">
+          <div>
+            <div class="eyebrow">Documentation</div>
+            <h2>Find what you need</h2>
           </div>
-          <h2 class="bimdata-h2 m-b-12">Design System</h2>
-          <p class="color-granite m-y-12">
-            We have developed a Vue.js library that contains a set of components and demos for
-            building interactive user interfaces. It is composed of UI patterns and components,
-            typography, colours and associated tools, iconography, functional elements/components.
-            All this is made available to developers to create plugins faster with a unified design.
+
+          <p class="section-description">
+            Guides, tutorials and references organized around what you want to accomplish.
           </p>
-          <a href="https://design.bimdata.io/" target="_blank">
-            <BIMDataButton width="125px" color="primary" fill radius>Learn more</BIMDataButton>
+        </div>
+
+        <div class="docs-grid">
+          <a href="/viewer/" class="doc-card">
+            <span class="doc-type"> Tutorial </span>
+            <h3>Build a viewer</h3>
+            <p>Embed the BIMData Viewer and display your first IFC model.</p>
+            <span class="mini-link button-arrow"> Read tutorial </span>
+          </a>
+
+          <a href="/api/introduction/quick_start.html" class="doc-card">
+            <span class="doc-type"> Tutorial </span>
+            <h3>Make your first API call</h3>
+            <p>Authenticate your application and create your first BIMData request.</p>
+            <span class="mini-link button-arrow"> Start tutorial </span>
+          </a>
+
+          <a href="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/api/reference.html" class="doc-card">
+            <span class="doc-type"> Guide </span>
+            <h3>Query BIM data</h3>
+            <p>Retrieve elements, properties and relationships from your IFC models.</p>
+            <span class="mini-link button-arrow"> Read guide </span>
+          </a>
+
+          <a href="/api/introduction/quick_start.html" class="doc-card">
+            <span class="doc-type"> Guide </span>
+            <h3>Create a project</h3>
+            <p>Create projects, upload models and organize your BIMData workspace.</p>
+            <span class="mini-link button-arrow"> Read guide </span>
+          </a>
+
+          <a href="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/on-premises/getting_started.html" class="doc-card">
+            <span class="doc-type"> Advanced </span>
+            <h3>Deploy on-premises</h3>
+            <p>Understand deployment, infrastructure and configuration options.</p>
+            <span class="mini-link button-arrow"> Learn more </span>
+          </a>
+
+          <a href="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/api/reference.html" class="doc-card">
+            <span class="doc-type"> Reference </span>
+            <h3>API reference</h3>
+            <p>Endpoints, parameters, responses and authentication methods.</p>
+            <span class="mini-link button-arrow"> Open reference </span>
           </a>
         </div>
       </div>
     </section>
-    <section class="bimdata-documentation__home__questions p-y-42">
-      <h2 class="bimdata-h2">Do you have a question ?</h2>
-      <p class="bimdata-text color-granite">
-        We're always here to help. Check out our support, contact our super helpful
-        <a href="mailto:support@bimdata.io" class="color-primary">support team</a>.
-      </p>
-      <p class="bimdata-text color-granite">
-        Your data will be treated in accordance with our
-        <a href="https://bimdata.io/en/terms-of-services/" class="color-primary" target="_blank">
-          Privacy Policy
-        </a>
-        , which sets out the rights you have in respect of your data.
-      </p>
+
+    <section id="products">
+      <div class="container">
+        <div class="section-header">
+          <div>
+            <div class="eyebrow">BIMData products</div>
+
+            <h2>Explore BIMData</h2>
+          </div>
+
+          <p class="section-description">
+            APIs, SDKs and deployment options to build BIM applications for the AEC industry.
+          </p>
+        </div>
+
+        <div class="product-grid">
+          <a href="/api/introduction/overview.html" class="product-card">
+            <div class="product-label">API</div>
+
+            <h3>REST API</h3>
+
+            <p>Upload models, query BIM data and manage projects.</p>
+
+            <span class="mini-link button-arrow"> View API </span>
+          </a>
+
+          <a href="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/viewer/viewer_sdk.html" class="product-card">
+            <div class="product-label">SDK</div>
+
+            <h3>Viewer SDK</h3>
+
+            <p>Embed a customizable BIM viewer directly into your application.</p>
+
+            <span class="mini-link button-arrow"> View SDK </span>
+          </a>
+
+          <a href="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/on-premises/getting_started.html" class="product-card">
+            <div class="product-label">On-premises</div>
+
+            <h3>On-premises</h3>
+
+            <p>Deploy BIMData in your own infrastructure and environment.</p>
+
+            <span class="mini-link button-arrow"> Learn more </span>
+          </a>
+
+          <a href="/viewer/guide/plugins.html" class="product-card">
+            <div class="product-label">Platform</div>
+
+            <h3>Plugins</h3>
+
+            <p>Extend the BIMData Viewer and build custom workflows.</p>
+
+            <span class="mini-link button-arrow"> Explore plugins </span>
+          </a>
+        </div>
+      </div>
     </section>
-    <section class="bimdata-documentation__home__footer p-y-42">
-      <h2 class="bimdata-h2 m-b-12">Ready to build ?</h2>
-      <div class="flex justify-center items-center">
-        <a href="https://connect.bimdata.io/" target="_blank">
-          <BIMDataButton width="125px" color="secondary" fill radius class="m-r-18">
-            Sign up
-          </BIMDataButton>
-        </a>
-        <a href="https://form.typeform.com/to/cQIOr6zI" target="_blank">
-          <BIMDataButton width="125px" color="default" fill radius class="m-l-18">
-            Contact us
-          </BIMDataButton>
-        </a>
+
+    <section id="resources">
+      <div class="container">
+        <div class="section-header">
+          <div>
+            <div class="eyebrow">Resources</div>
+
+            <h2>More from BIMData</h2>
+          </div>
+
+          <p class="section-description">
+            Updates, examples, system status and useful resources for developers.
+          </p>
+        </div>
+
+        <div class="resource-grid">
+          <a href="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/viewer/release_notes.html" class="resource-card">
+            <div class="resource-icon">
+              <img src="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/images/bimdata-changelog_icon.svg" alt="BIMData changelog" />
+            </div>
+            <strong>Changelog</strong>
+            <span>Viewer updates & releases</span>
+          </a>
+
+          <!-- <a href="#" class="resource-card">
+            <div class="resource-icon">
+              <img src="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/images/bimdata-status_icon.svg" alt="BIMData status" />
+            </div>
+            <strong>API status</strong>
+            <span>Uptime & incidents</span>
+          </a> -->
+
+          <a href="/bimdata" target="_blank" class="resource-card">
+            <div class="resource-icon">
+              <img src="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/images/bimdata-github_icon.svg" alt="Github" />
+            </div>
+            <strong>Github</strong>
+            <span>Open source code & SDKs</span>
+          </a>
+
+          <a href="https://design.bimdata.io" target="_blank" class="resource-card">
+            <div class="resource-icon">
+              <img src="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/images/bimdata-design-system_icon.svg" alt="Design system" />
+            </div>
+            <strong>Design system</strong>
+            <span>Vue.js UI components</span>
+          </a>
+
+          <a href="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/api/support.html" class="resource-card">
+            <div class="resource-icon">
+              <img src="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/images/bimdata-support_icon.svg" alt="Support" />
+            </div>
+            <strong>Support</strong>
+            <span>Team help & community</span>
+          </a>
+
+          <a href="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/viewer/examples/" class="resource-card">
+            <div class="resource-icon">
+              <img src="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/images/bimdata-examples_icon.svg" alt="Examples" />
+            </div>
+            <strong>Examples</strong>
+            <span>Tutorials & demos</span>
+          </a>
+        </div>
       </div>
     </section>
   </div>
 </template>
 
 <script>
-import { BIMDataButton, BIMDataCard, BIMDataIconArrow } from "@bimdata/design-system";
+import HomeSearch from "../theme/components/HomeSearch.vue";
+import CodeTerminal from "../theme/components/CodeTerminal.vue";
+import viewerCdnCode from "../snippets/viewer-cdn.js";
 
 export default {
   components: {
-    BIMDataButton,
-    BIMDataCard,
-    BIMDataIconArrow,
+    HomeSearch,
+    CodeTerminal,
+    viewerCdnCode,
+  },
+
+  data() {
+    return {
+      viewerCdnCode,
+    };
   },
 };
 </script>
 
-<style lang="scss">
+<style>
 .bimdata-documentation__home {
-  .home_title {
-    justify-content: center;
-    flex-direction: column;
-    width: 80vw;
-    align-items: flex-start;
+  .hero {
+    padding: 64px 32px 72px;
     margin: auto;
+    max-width: var(--vp-layout-max-width);
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.9fr);
+    gap: 64px;
+    align-items: center;
+
+    .hero-content {
+      display: grid;
+      gap: 12px;
+    }
+
+    .eyebrow {
+      font-family: var(--vp-font-family-mono);
+      font-size: 10px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.1em;
+      color: var(--vp-c-brand-1);
+    }
+
     h1 {
-      font-size: 43px;
-      margin-bottom: 0;
+      max-width: 680px;
+      margin: 0;
+      font-size: clamp(40px, 5vw, 64px);
+      line-height: 0.98;
+      letter-spacing: -0.045em;
+      font-weight: 800;
+
+      strong {
+        color: var(--vp-c-brand-1);
+      }
+    }
+
+    p {
+      color: var(--vp-c-text-2);
     }
-    h3 {
-      margin: 18px 0;
-      font-size: 18px;
-      color: #205dbd;
-      border: none;
+
+    .hero-actions {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, max-content));
+      gap: 16px;
+    }
+    #local-search {
+      width: 100%;
+      .DocSearch-Button {
+        width: 100%;
+      }
     }
   }
 
-  /* custom HEADER HOME */
-  &__header {
-    margin-top: 60px;
+  .formats-bar {
+    height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 48px;
+    font-size: 14px;
+    font-weight: 700;
+    text-transform: uppercase;
+    color: var(--vp-c-text-2);
+    background-color: var(--vp-c-bg-elv);
+    border-top: 1px solid var(--vp-c-divider);
+    border-bottom: 1px solid var(--vp-c-divider);
 
-    h1 {
-      text-align: center;
+    strong {
+      font-weight: 400;
+    }
+  }
+
+  .container {
+    max-width: var(--vp-layout-max-width);
+    margin-inline: auto;
+    padding: 64px 32px 72px;
+
+    .section-header {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr);
+      gap: 48px;
+      align-items: end;
+      margin-bottom: 36px;
+
+      .eyebrow {
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+        margin-bottom: 12px;
+        color: var(--vp-c-brand-1);
+        font-family: var(--vp-font-family-mono);
+        font-size: 10px;
+        font-weight: 700;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+      }
+
+      h2 {
+        margin: 0;
+        padding: 0;
+        border: none;
+        font-size: clamp(30px, 4vw, 42px);
+        line-height: 1.05;
+        letter-spacing: -0.035em;
+      }
+
+      .section-description {
+        max-width: 560px;
+        margin: 0;
+        color: var(--vp-c-text-2);
+        font-size: 14px;
+        line-height: 1.7;
+        text-align: right;
+      }
     }
 
-    .home_links {
+    /* ========================================
+       START
+       ======================================== */
+    .path-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 16px;
+
+      .path-card {
+        position: relative;
+        min-height: 190px;
+        padding: 28px;
+        border: 1px solid var(--bimdata-border-card);
+        border-radius: var(--radius-md);
+        background: var(--bimdata-surface-card);
+        transition: all 180ms ease;
+
+        &:hover {
+          transform: translateY(-2px);
+          background: var(--bimdata-surface-card-hover);
+          transition: all 180ms ease;
+        }
+
+        .path-icon {
+          display: grid;
+          place-items: center;
+          width: 50px;
+          height: 50px;
+          border-radius: 8px;
+        }
+
+        h3 {
+          margin: 24px 0 8px;
+          font-size: 20px;
+          line-height: 1.3;
+          color: var(--vp-c-text-1);
+        }
+        p {
+          margin: 0;
+          color: var(--vp-c-text-2);
+        }
+
+        /* API */
+        &:nth-child(1) {
+          .path-icon {
+            background: rgba(78, 160, 232, 0.1);
+            color: var(--bimdata-blue);
+          }
+          &:hover {
+            border-color: rgba(78, 160, 232, 0.2);
+          }
+        }
+
+        /* Viewer */
+        &:nth-child(2) {
+          .path-icon {
+            background: rgba(249, 199, 44, 0.1);
+            color: var(--bimdata-yellow);
+          }
+
+          &:hover {
+            border-color: rgba(249, 199, 44, 0.2);
+            background-color: rgba(249, 199, 44, 0.01);
+          }
+        }
+      }
+    }
+
+    /* ========================================
+       QUICKSTART
+       ======================================== */
+    .quickstart-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
       gap: 12px;
-      width: 80vw;
-      margin: auto;
-      justify-content: space-between;
-
-      .bimdata-card {
-        padding: 8px;
-        flex: 1;
-        box-shadow: none;
-        border: 1px solid #d8d8d8;
-
-        .bimdata-card__content {
-          height: 410px;
+
+      .step-card {
+        min-height: 220px;
+        padding: 22px;
+        border: 1px solid var(--bimdata-border-card);
+        border-radius: var(--radius-md);
+        background: var(--bimdata-surface-card);
+        transition: all 180ms ease;
+
+        &:hover {
+          transform: translateY(-2px);
+          background: var(--bimdata-surface-card-hover);
+          border-color: var(--bimdata-border-card);
+        }
+
+        .step-number {
           display: flex;
-          flex-direction: column;
-          justify-content: space-around;
+          justify-content: space-between;
+          margin-bottom: 58px;
+          color: var(--vp-c-brand-1);
+          font-family: var(--vp-font-family-mono);
+          font-size: 11px;
+          font-weight: 700;
         }
 
         h3 {
-          margin: 0;
-          position: relative;
-          font-size: 33px;
+          margin-bottom: 8px;
+          font-size: 18px;
+          line-height: 1.3;
+          letter-spacing: -0.5px;
+          color: var(--vp-c-text-1);
         }
 
         p {
-          margin: 12px 0 0;
-          min-height: 60px;
-          display: flex;
+          min-height: 48px;
+          margin-bottom: 24px;
+          color: var(--vp-c-text-2);
+          font-size: 16px;
+          line-height: 1.5;
+        }
+
+        .mini-link {
+          display: inline-flex;
           align-items: center;
+          gap: 6px;
+          color: var(--vp-c-brand-1);
+          font-size: 14px;
+          font-weight: 650;
+        }
+
+        /* Highlighted first step */
+        &.featured {
+          background: var(--vp-c-brand-soft);
+          border-color: rgba(78, 160, 232, 0.3);
+        }
+      }
+    }
+
+    /* ========================================
+       DOCUMENTATION
+       ======================================== */
+    .docs-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      border-top: 1px solid var(--bimdata-border-card);
+      border-left: 1px solid var(--bimdata-border-card);
+      border-radius: var(--radius-md);
+      overflow: hidden;
+
+      .doc-card {
+        min-height: 190px;
+        padding: 24px;
+        border-right: 1px solid var(--bimdata-border-card);
+        border-bottom: 1px solid var(--bimdata-border-card);
+        background: var(--bimdata-surface-card);
+        transition: all 180ms ease;
+
+        .doc-type {
+          display: inline-block;
+          margin-bottom: 30px;
+          color: var(--vp-c-brand-1);
+          font-family: var(--vp-font-family-mono);
+          font-size: 9px;
+          font-weight: 700;
+          letter-spacing: 0.06em;
+          text-transform: uppercase;
+        }
+
+        h3 {
+          margin-bottom: 8px;
+          font-size: 18px;
+          line-height: 1.3;
+          color: var(--vp-c-text-1);
+        }
+
+        p {
+          margin-bottom: 24px;
+          color: var(--vp-c-text-2);
           font-size: 16px;
-          line-height: 24px;
+          font-weight: 400;
+          line-height: 1.6;
         }
 
-        a {
-          text-decoration: none;
+        .mini-link {
+          display: inline-flex;
+          align-items: center;
+          gap: 6px;
+          color: var(--vp-c-brand-1);
+          font-size: 14px;
+          font-weight: 650;
         }
 
-        .bimdata-btn {
-          border-radius: 50px;
-          transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
-          .btn-text {
-            display: none;
+        &:hover {
+          background: var(--bimdata-surface-card-hover);
+          .mini-link {
+            &::after {
+              transform: translateX(3px);
+            }
           }
-          &:hover {
-            width: 145px;
-            background-color: var(--color-primary);
-            color: var(--color-white);
-            transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
-            .btn-text {
-              display: inline;
-              transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
+        }
+      }
+    }
+
+    /* ========================================
+       PRODUCTS
+       ======================================== */
+    .product-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 12px;
+
+      .product-card {
+        --product-color: var(--bimdata-api);
+        position: relative;
+        min-height: 180px;
+        padding: 24px;
+        overflow: hidden;
+        border: 1px solid var(--bimdata-border-card);
+        border-radius: var(--radius-md);
+        background: var(--bimdata-surface-card);
+        transition: all 180ms ease;
+
+        &::before {
+          content: "";
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          height: 2px;
+          background: var(--product-color);
+        }
+
+        .product-label {
+          margin-bottom: 24px;
+          color: var(--vp-c-text-2);
+          font-family: var(--vp-font-family-mono);
+          font-size: 13px;
+          text-transform: uppercase;
+          letter-spacing: 0.5px;
+        }
+
+        h3 {
+          margin-bottom: 8px;
+          font-size: 18px;
+          line-height: 1.3;
+          color: var(--vp-c-text-1);
+        }
+
+        p {
+          margin-bottom: 22px;
+          color: var(--vp-c-text-2);
+          font-size: 16px;
+          font-weight: 400;
+          line-height: 1.6;
+        }
+
+        .mini-link {
+          display: inline-flex;
+          align-items: center;
+          gap: 6px;
+          color: var(--vp-c-brand-1);
+          font-size: 11px;
+          font-weight: 650;
+        }
+
+        &:nth-child(2) {
+          --product-color: var(--bimdata-viewer);
+        }
+
+        &:nth-child(3) {
+          --product-color: var(--bimdata-on-premise);
+        }
+
+        &:nth-child(4) {
+          --product-color: var(--bimdata-platform);
+        }
+
+        &:hover {
+          transform: translateY(-2px);
+          background: color-mix(in srgb, var(--product-color) 1%, var(--product-color) 1%);
+          border-color: color-mix(in srgb, var(--product-color) 15%, var(--bimdata-border-card));
+          .mini-link {
+            &::after {
+              transform: translateX(3px);
             }
           }
         }
       }
     }
+
+    /* ========================================
+       RESOURCES
+       ======================================== */
+    .resource-grid {
+      display: grid;
+      grid-template-columns: repeat(5, 1fr);
+      gap: 10px;
+
+      .resource-card {
+        padding: 20px;
+        border: 1px solid var(--bimdata-border-card);
+        border-radius: var(--radius-md);
+        background: var(--bimdata-surface-card);
+        transition: all 180ms ease;
+
+        .resource-icon {
+          margin-bottom: 12px;
+          color: var(--vp-c-brand-1);
+          font-family: var(--vp-font-family-mono);
+          font-size: 14px;
+        }
+
+        strong {
+          display: block;
+          margin-bottom: 4px;
+          font-size: 12px;
+          color: var(--vp-c-text-1);
+        }
+
+        span {
+          color: var(--vp-c-text-2);
+          font-size: 10px;
+        }
+
+        &:hover {
+          transform: translateY(-2px);
+          background: var(--bimdata-surface-card-hover);
+          border-color: var(--bimdata-border-card);
+        }
+      }
+    }
   }
+}
 
-  /* custom CONTENT & QUESTIONS & FOOTER HOME */
-  &__content,
-  &__questions,
-  &__footer {
-    text-align: center;
-    h2 {
-      margin: 0 0 12px;
-      padding: 0;
-      border: none;
+/* ========================================
+   RESPONSIVE
+   ======================================== */
+/* ----------------------------------------
+   TABLET / SMALL DESKTOP
+   ≤ 1100px
+   ---------------------------------------- */
+
+@media (max-width: 1100px) {
+  .bimdata-documentation__home {
+    .hero {
+      grid-template-columns: minmax(0, 1fr) minmax(360px, 0.8fr);
+      gap: 40px;
+      padding-inline: 28px;
     }
-    p {
-      margin: 0;
-      line-height: 1.5;
+
+    .formats-bar {
+      gap: 28px;
+      padding-inline: 24px;
+      font-size: 12px;
+    }
+
+    .container {
+      padding-inline: 28px;
+      .section-header {
+        gap: 32px;
+        .section-description {
+          font-size: 13px;
+        }
+      }
+
+      .quickstart-grid {
+        grid-template-columns: repeat(2, 1fr);
+      }
+
+      .product-grid {
+        grid-template-columns: repeat(2, 1fr);
+      }
+
+      .resource-grid {
+        grid-template-columns: repeat(3, 1fr);
+      }
     }
   }
+}
 
-  /* custom CONTENT HOME */
-  &__content {
-    .cards {
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr;
-      gap: 12px;
-      width: 80vw;
-      margin: 30px auto;
-      justify-content: flex-start;
+/* ----------------------------------------
+   TABLET
+   ≤ 900px
+   ---------------------------------------- */
+@media (max-width: 900px) {
+  .bimdata-documentation__home {
+    .hero {
+      grid-template-columns: 1fr;
+      gap: 40px;
+      padding: 48px 24px 56px;
+
+      .hero-content {
+        max-width: 720px;
+      }
+
+      h1 {
+        max-width: 700px;
+      }
+
+      .hero-terminal {
+        width: 100%;
+        max-width: 720px;
+      }
     }
-    .bimdata-card {
-      width: auto;
-      border: none;
-      box-shadow: none;
-      transition: all ease 0.2s;
-      .bimdata-card__content {
-        padding: calc(var(--spacing-unit) * 2);
-        display: flex;
+
+    .formats-bar {
+      justify-content: flex-start;
+      overflow-x: auto;
+      gap: 28px;
+      padding-inline: 24px;
+      white-space: nowrap;
+      scrollbar-width: none;
+      &::-webkit-scrollbar {
+        display: none;
       }
-      .flex {
-        img {
-          height: 40px;
-          // width: 72px;
+    }
+
+    .container {
+      padding: 56px 24px 64px;
+      .section-header {
+        grid-template-columns: 1fr;
+        gap: 12px;
+        margin-bottom: 28px;
+        .section-description {
+          max-width: 600px;
+          text-align: left;
         }
       }
-      h4 {
-        margin: 0 0 12px;
+
+      .path-grid {
+        grid-template-columns: 1fr;
       }
-      p {
-        margin-bottom: 12px;
-        text-align: left;
+
+      .quickstart-grid {
+        grid-template-columns: repeat(2, 1fr);
       }
-      a {
-        text-decoration: none;
+
+      .docs-grid {
+        grid-template-columns: repeat(2, 1fr);
       }
-      .btn-tertiary {
-        border-radius: 50px;
-        border-color: #205dbd;
-        color: #205dbd;
-        transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
-        &:hover {
-          background-color: #205dbd;
-          color: var(--color-white);
-          transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
-        }
+
+      .product-grid {
+        grid-template-columns: repeat(2, 1fr);
+      }
+
+      .resource-grid {
+        grid-template-columns: repeat(3, 1fr);
       }
     }
   }
+}
 
-  /* custom DESIGN SYSTEM SECTION */
-  &__ds {
-    background-color: var(--color-bg-subtle);
+/* ----------------------------------------
+   MOBILE
+   ≤ 640px
+   ---------------------------------------- */
 
-    .flex {
-      margin: auto;
-      width: 1200px;
-    }
+@media (max-width: 640px) {
+  .bimdata-documentation__home {
+    .hero {
+      gap: 32px;
+      padding: 40px 20px 48px;
+
+      .hero-content {
+        gap: 10px;
+      }
+
+      .eyebrow {
+        font-size: 9px;
+      }
+
+      h1 {
+        font-size: clamp(36px, 11vw, 48px);
+        line-height: 1;
+        letter-spacing: -0.04em;
+      }
+
+      p {
+        margin: 4px 0 8px;
+        font-size: 14px;
+        line-height: 1.6;
+      }
+
+      .hero-actions {
+        grid-template-columns: 1fr;
+        gap: 10px;
+        width: 100%;
+        .button {
+          width: 100%;
+          justify-content: center;
+        }
+      }
 
-    &__img {
-      img {
+      .hero-terminal {
+        width: 100%;
         max-width: none;
-        width: 436px;
+        min-width: 0;
+        overflow: hidden;
       }
     }
 
-    &__right {
-      margin-left: 62px;
+    .formats-bar {
+      height: 44px;
+      gap: 24px;
+      padding-inline: 20px;
+      font-size: 10px;
+    }
+
+    .container {
+      padding: 48px 20px 56px;
+      .section-header {
+        gap: 10px;
+        margin-bottom: 24px;
+        .eyebrow {
+          margin-bottom: 8px;
+          font-size: 9px;
+        }
 
-      h2 {
-        padding: 0;
-        border: none;
-        position: relative;
+        h2 {
+          font-size: clamp(28px, 8vw, 36px);
+          line-height: 1.05;
+        }
+
+        .section-description {
+          font-size: 13px;
+          line-height: 1.6;
+        }
       }
 
-      &--icon {
-        background: white;
-        border-radius: 50%;
-        width: 60px;
-        height: 60px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        img {
-          height: 32px;
+      /* ----------------------------------------
+         START
+         ---------------------------------------- */
+      .path-grid {
+        grid-template-columns: 1fr;
+        gap: 12px;
+        .path-card {
+          min-height: 0;
+          padding: 24px;
+          .path-icon {
+            width: 44px;
+            height: 44px;
+          }
+
+          h3 {
+            margin-top: 20px;
+            font-size: 18px;
+          }
+
+          p {
+            font-size: 14px;
+            line-height: 1.5;
+          }
+        }
+      }
+
+      /* ----------------------------------------
+         QUICKSTART
+         ---------------------------------------- */
+      .quickstart-grid {
+        grid-template-columns: 1fr;
+        gap: 10px;
+
+        .step-card {
+          min-height: 0;
+          padding: 20px;
+
+          .step-number {
+            margin-bottom: 44px;
+          }
+
+          h3 {
+            font-size: 17px;
+          }
+
+          p {
+            min-height: 0;
+            margin-bottom: 20px;
+            font-size: 14px;
+          }
+
+          .mini-link {
+            font-size: 13px;
+          }
+        }
+      }
+
+      /* ----------------------------------------
+         DOCUMENTATION
+         ---------------------------------------- */
+      .docs-grid {
+        grid-template-columns: 1fr;
+
+        .doc-card {
+          min-height: 0;
+          padding: 22px;
+
+          .doc-type {
+            margin-bottom: 22px;
+          }
+
+          h3 {
+            font-size: 17px;
+          }
+
+          p {
+            margin-bottom: 20px;
+            font-size: 14px;
+            line-height: 1.5;
+          }
+
+          .mini-link {
+            font-size: 13px;
+          }
+        }
+      }
+
+      /* ----------------------------------------
+         PRODUCTS
+         ---------------------------------------- */
+      .product-grid {
+        grid-template-columns: 1fr;
+        gap: 10px;
+        .product-card {
+          min-height: 0;
+          padding: 22px;
+          .product-label {
+            margin-bottom: 20px;
+            font-size: 11px;
+          }
+
+          h3 {
+            font-size: 17px;
+          }
+
+          p {
+            margin-bottom: 20px;
+            font-size: 14px;
+            line-height: 1.5;
+          }
+        }
+      }
+
+      /* ----------------------------------------
+         RESOURCES
+         ---------------------------------------- */
+      .resource-grid {
+        grid-template-columns: repeat(2, 1fr);
+        gap: 8px;
+        .resource-card {
+          min-width: 0;
+          padding: 18px;
+          .resource-icon {
+            margin-bottom: 18px;
+          }
+
+          strong {
+            font-size: 11px;
+          }
+
+          span {
+            font-size: 9px;
+            line-height: 1.4;
+          }
         }
       }
     }
   }
+}
 
-  &__questions {
-    margin: 0;
-    background: var(--color-bg-accent);
-  }
+/* ----------------------------------------
+   SMALL MOBILE
+   ≤ 480px
+   ---------------------------------------- */
+@media (max-width: 480px) {
+  .bimdata-documentation__home {
+    .hero {
+      padding: 32px 16px 40px;
 
-  /* custom FOOTER HOME */
-  &__footer {
-    background-color: var(--color-bg-primary);
-    color: var(--color-white);
+      h1 {
+        font-size: clamp(34px, 11vw, 42px);
+      }
+
+      .hero-actions {
+        .button {
+          min-height: 44px;
+          padding-inline: 16px;
+          font-size: 13px;
+        }
+      }
+    }
+
+    .formats-bar {
+      padding-inline: 16px;
+      gap: 20px;
+    }
+
+    .container {
+      padding: 40px 16px 48px;
+      .section-header {
+        h2 {
+          font-size: 28px;
+        }
+      }
+
+      .path-grid {
+        .path-card {
+          padding: 20px;
+        }
+      }
+
+      .quickstart-grid {
+        .step-card {
+          padding: 18px;
+        }
+      }
+
+      .docs-grid {
+        .doc-card {
+          padding: 20px;
+        }
+      }
+
+      .product-grid {
+        .product-card {
+          padding: 20px;
+        }
+      }
+
+      .resource-grid {
+        grid-template-columns: 1fr 1fr;
+        .resource-card {
+          padding: 16px;
+        }
+      }
+    }
   }
 }
 </style>
diff --git a/src/.vitepress/components/SearchBox.vue b/src/.vitepress/components/SearchBox.vue
deleted file mode 100644
index b21b592..0000000
--- a/src/.vitepress/components/SearchBox.vue
+++ /dev/null
@@ -1,324 +0,0 @@
-<template>
-  <div class="search-box">
-    <input
-      ref="input"
-      aria-label="Search"
-      :value="query"
-      :class="{ 'focused': focused }"
-      :placeholder="placeholder"
-      autocomplete="off"
-      spellcheck="false"
-      @input="query = $event.target.value"
-      @focus="focused = true"
-      @blur="focused = false"
-      @keyup.enter="go(focusIndex)"
-      @keyup.up="onUp"
-      @keyup.down="onDown"
-    >
-    <ul
-      v-if="showSuggestions"
-      class="suggestions"
-      :class="{ 'align-right': alignRight }"
-      @mouseleave="unfocus"
-    >
-      <li
-        v-for="(s, i) in suggestions"
-        :key="i"
-        class="suggestion"
-        :class="{ focused: i === focusIndex }"
-        @mousedown="go(i)"
-        @mouseenter="focus(i)"
-      >
-        <a
-          :href="s.path"
-          @click.prevent
-        >
-          <span class="page-title">{{ s.title || s.path }}</span>
-          <span
-            v-if="s.header"
-            class="header"
-          >&gt; {{ s.header.title }}</span>
-        </a>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'SearchBox',
-
-  data () {
-    return {
-      query: '',
-      focused: false,
-      focusIndex: 0,
-      placeholder: undefined
-    }
-  },
-  props: {
-    searchMaxSuggestions: {
-      type: Number,
-      default: 5
-    },
-    searchPaths: {
-      type: [String, Array],
-      default: null
-    },
-    searchHotkeys: {
-      type: Array,
-      default: () => ['s', '/']
-    }
-  },
-
-  computed: {
-    showSuggestions () {
-      return (
-        this.focused
-        && this.suggestions
-        && this.suggestions.length
-      )
-    },
-
-    suggestions () {
-      const query = this.query.trim().toLowerCase()
-      if (!query) {
-        return
-      }
-
-      /** @type { "/api/" | "/viewer/" | "/on-promises/" } */
-      const documentationCategory = this.$page.regularPath.match(/^\/[\w-]*\//)[0];
-      const filteredPages = this.$site.pages.filter(page => page.path.match(documentationCategory));
-
-      const max = this.$site.themeConfig.searchMaxSuggestions || this.searchMaxSuggestions
-      const localePath = this.$localePath
-      const res = []
-      for (let i = 0; i < filteredPages.length; i++) {
-        if (res.length >= max) break
-        const p = filteredPages[i]
-        // filter out results that do not match current locale
-        if (this.getPageLocalePath(p) !== localePath) {
-          continue
-        }
-
-        // filter out results that do not match searchable paths
-        if (!this.isSearchable(p)) {
-          continue
-        }
-
-        if (matchQuery(query, p)) {
-          res.push(p)
-        } else if (p.headers) {
-          for (let j = 0; j < p.headers.length; j++) {
-            if (res.length >= max) break
-            const h = p.headers[j]
-            if (h.title && matchQuery(query, p, h.title)) {
-              res.push(Object.assign({}, p, {
-                path: p.path + '#' + h.slug,
-                header: h
-              }))
-            }
-          }
-        }
-      }
-      return res
-    },
-
-    // make suggestions align right when there are not enough items
-    alignRight () {
-      const navCount = (this.$site.themeConfig.nav || []).length
-      const repo = this.$site.repo ? 1 : 0
-      return navCount + repo <= 2
-    }
-  },
-
-  mounted () {
-    this.placeholder = this.$site.themeConfig.searchPlaceholder || ''
-    document.addEventListener('keydown', this.onHotkey)
-  },
-
-  beforeDestroy () {
-    document.removeEventListener('keydown', this.onHotkey)
-  },
-
-  methods: {
-    getPageLocalePath (page) {
-      for (const localePath in this.$site.locales || {}) {
-        if (localePath !== '/' && page.path.indexOf(localePath) === 0) {
-          return localePath
-        }
-      }
-      return '/'
-    },
-
-    isSearchable (page) {
-      let searchPaths = this.searchPaths;
-
-      // all paths searchables
-      if (searchPaths === null) { return true }
-
-      searchPaths = Array.isArray(searchPaths) ? searchPaths : new Array(searchPaths)
-
-      return searchPaths.filter(path => {
-        return page.path.match(path)
-      }).length > 0
-    },
-
-    onHotkey (event) {
-      if (event.srcElement === document.body && this.searchHotkeys.includes(event.key)) {
-        this.$refs.input.focus()
-        event.preventDefault()
-      }
-    },
-
-    onUp () {
-      if (this.showSuggestions) {
-        if (this.focusIndex > 0) {
-          this.focusIndex--
-        } else {
-          this.focusIndex = this.suggestions.length - 1
-        }
-      }
-    },
-
-    onDown () {
-      if (this.showSuggestions) {
-        if (this.focusIndex < this.suggestions.length - 1) {
-          this.focusIndex++
-        } else {
-          this.focusIndex = 0
-        }
-      }
-    },
-
-    go (i) {
-      if (!this.showSuggestions) {
-        return
-      }
-      this.$router.push(this.suggestions[i].path)
-      this.query = ''
-      this.focusIndex = 0
-    },
-
-    focus (i) {
-      this.focusIndex = i
-    },
-
-    unfocus () {
-      this.focusIndex = -1
-    }
-  }
-}
-
-const matchQuery = (query, page, additionalStr = null) => {
-  let domain = page?.title ?? '';
-
-  if (page?.frontmatter?.tags) {
-    domain += ` ${page.frontmatter.tags.join(' ')}`
-  }
-
-  if (additionalStr) {
-    domain += ` ${additionalStr}`
-  }
-
-  return matchTest(query, domain)
-}
-
-const matchTest = (query, domain) => {
-  return query
-    .split(/\s+/g)
-    .map(str => str.trim())
-    .filter(str => !!str)
-    .some(word => domain.toLowerCase().indexOf(word) > -1)
-}
-
-</script>
-
-<style lang="stylus">
-.search-box
-  display inline-block
-  position relative
-  margin-right 1rem
-  input
-    cursor text
-    width 10rem
-    height: 2rem
-    color lighten($textColor, 25%)
-    display inline-block
-    border 1px solid darken($borderColor, 10%)
-    border-radius 2rem
-    font-size 0.9rem
-    line-height 2rem
-    padding 0 0.5rem 0 2rem
-    outline none
-    transition all .2s ease
-    background-size 1rem
-    &:focus
-      cursor auto
-      border-color $accentColor
-  .suggestions
-    background #fff
-    width 20rem
-    position absolute
-    top 2 rem
-    border 1px solid darken($borderColor, 10%)
-    border-radius 6px
-    padding 0.4rem
-    list-style-type none
-    &.align-right
-      right 0
-  .suggestion
-    line-height 1.4
-    padding 0.4rem 0.6rem
-    border-radius 4px
-    cursor pointer
-    a
-      white-space normal
-      color lighten($textColor, 35%)
-      .page-title
-        font-weight 600
-      .header
-        font-size 0.9em
-        margin-left 0.25em
-    &.focused
-      background-color #f3f4f5
-      a
-        color $accentColor
-
-@media (max-width: $MQNarrow)
-  .search-box
-    input
-      cursor pointer
-      width 0
-      border-color transparent
-      position relative
-      &:focus
-        cursor text
-        left 0
-        width 10rem
-
-// Match IE11
-@media all and (-ms-high-contrast: none)
-  .search-box input
-    height 2rem
-
-@media (max-width: $MQNarrow) and (min-width: $MQMobile)
-  .search-box
-    .suggestions
-      left 0
-
-@media (max-width: $MQMobile)
-  .search-box
-    margin-right 0
-    input
-      left 1rem
-    .suggestions
-      right 0
-
-@media (max-width: $MQMobileNarrow)
-  .search-box
-    .suggestions
-      width calc(100vw - 4rem)
-    input:focus
-      width 8rem
-</style>
\ No newline at end of file
diff --git a/src/.vitepress/components/ViewerMainPage.vue b/src/.vitepress/components/ViewerMainPage.vue
index 70e1526..e6a6221 100644
--- a/src/.vitepress/components/ViewerMainPage.vue
+++ b/src/.vitepress/components/ViewerMainPage.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="bimdata-viewer-main-page">
-    <a href="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/viewer/guide" style="text-decoration: none; color: inherit; flex: 0 32%;">
+    <a href="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/viewer/guide" style="text-decoration: none; color: inherit; flex: 0 32%">
       <div class="bimdata-viewer-main-page__card">
         <div class="bimdata-viewer-main-page__card__title">Guide</div>
         <div class="bimdata-viewer-main-page__card__emoji">🗺️</div>
@@ -9,7 +9,7 @@
         </div>
       </div>
     </a>
-    <a href="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/viewer/examples" style="text-decoration: none; color: inherit; flex: 0 32%;">
+    <a href="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/viewer/examples" style="text-decoration: none; color: inherit; flex: 0 32%">
       <div class="bimdata-viewer-main-page__card">
         <div class="bimdata-viewer-main-page__card__title">Examples</div>
         <div class="bimdata-viewer-main-page__card__emoji">🏗️</div>
@@ -18,7 +18,7 @@
         </div>
       </div>
     </a>
-    <a href="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/viewer/reference" style="text-decoration: none; color: inherit; flex: 0 32%;">
+    <a href="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/viewer/reference" style="text-decoration: none; color: inherit; flex: 0 32%">
       <div class="bimdata-viewer-main-page__card">
         <div class="bimdata-viewer-main-page__card__title">Reference</div>
         <div class="bimdata-viewer-main-page__card__emoji">📚</div>
@@ -50,30 +50,36 @@
     height: 100%;
     margin: 6px;
     padding: 20px;
-    border: 1px solid #eaecef;
-    border-radius: 4px;
+    border: 1px solid var(--bimdata-border-card);
+    border-radius: var(--radius-md);
+    background: var(--bimdata-surface-card);
     text-align: center;
 
     cursor: pointer;
     transition: all 0.3s;
     &:hover {
-      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+      background: var(--bimdata-surface-card-hover);
+      border-color: var(--bimdata-border-card);
+      transition: all 0.3s;
     }
 
     &__title {
-      font-weight: 500;
       font-size: 24px;
+      font-weight: 500;
       margin-bottom: 10px;
+      color: var(--vp-c-text-1);
     }
 
     &__emoji {
-      font-size: 40px;
+      font-size: 35px;
       margin-bottom: 10px;
       text-align: center;
     }
 
     &__detail {
-      font-size: 16px;
+      font-size: 15px;
+      color: var(--vp-c-text-2);
+      font-weight: 400;
     }
   }
 }
diff --git a/src/.vitepress/config.js b/src/.vitepress/config.js
index 771191e..8682486 100644
--- a/src/.vitepress/config.js
+++ b/src/.vitepress/config.js
@@ -8,12 +8,12 @@ export default defineConfig({
   title: "Documentation",
   description: "BIMData Official Documentation",
   ignoreDeadLinks: "localhostLinks",
-  appearance: false,
+  appearance: true,
   markdown: {
     theme: 'one-dark-pro'
   },
   head: [
-    ["link", { rel: "icon", href: "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/images/favicon.svg", type: "image/svg+xml" }],
+    ["link", { rel: "icon", href: "/favicon.svg", type: "image/svg+xml" }],
     [
       "link",
       {
@@ -25,7 +25,8 @@ export default defineConfig({
   themeConfig: {
     siteTitle: false,
     logo: {
-      light: "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/images/logo.svg",
+      light: "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/images/bimdata-documentation-logo_light.svg",
+      dark: "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/images/bimdata-documentation-logo_dark.svg",
       alt: "BIMData",
     },
     socialLinks: [
@@ -44,6 +45,7 @@ export default defineConfig({
     search: {
       provider: "local",
     },
+    
   },
 
   // This is to avoid 'legacy-js-api' warnings
diff --git a/src/.vitepress/snippets/viewer-cdn.js b/src/.vitepress/snippets/viewer-cdn.js
new file mode 100644
index 0000000..b02b724
--- /dev/null
+++ b/src/.vitepress/snippets/viewer-cdn.js
@@ -0,0 +1,14 @@
+export default `<!DOCTYPE html>
+
+<style>body { margin: 0 }</style>
+
+<div id="viewer" style="height: 100vh"></div>
+
+<script type="module">
+  import makeBIMDataViewer from "https://cdn.jsdelivr.net/npm/@bimdata/viewer@latest";
+
+  makeBIMDataViewer({ api: {
+    cloudId: 10344, projectId: 237466, modelIds: [15097],
+    accessToken: "TAbdyPzoQeYgVSMe4GUKoCEfYctVhcwJ",
+  }}).mount("#viewer");
+<\/script>`;
\ No newline at end of file
diff --git a/src/.vitepress/theme/buttons.css b/src/.vitepress/theme/buttons.css
new file mode 100644
index 0000000..0af5ea5
--- /dev/null
+++ b/src/.vitepress/theme/buttons.css
@@ -0,0 +1,83 @@
+html, body {
+  .button {
+    padding: 0 26px;
+    display: inline-flex;
+    align-items: center;
+  }
+  .button-filled {
+    height: 52px;
+    border-radius: 50px;
+  }
+  .button-xs {
+    height: 32px;
+  }
+  .button-sm {
+    height: 40px;
+  }
+  .button-md {
+    height: 52px;
+  }
+  .button-lg {
+    height: 60px;
+  }
+  .button-filled-primary {
+    background-color: var(--bimdata-blue);
+    color: var(--color-white);
+    border: none;
+    transition: background-color 0.2s ease-in-out;
+    &:hover {
+      background-color: #2f87ce;
+      color: var(--color-white);
+      transition: background-color 0.2s ease-in-out;
+    }
+  }
+  .button-filled-secondary {
+    background-color: rgba(35,120,196, .1);
+    color: var(--bimdata-primary);
+    border: solid 1px rgba(35,120,196, .15);
+    transition: background-color 0.2s ease-in-out;
+    &:hover {
+      background-color: rgba(35,120,196, .15);
+      transition: all 0.2s ease-in-out;
+    }
+  }
+
+  .button-arrow {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    &::after {
+      content: url('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/images/arrow-icon.svg');
+      line-height: 1;
+      transition: transform 180ms ease;
+    }
+    &:hover::after {
+      transform: translateX(3px);
+      transition: transform 180ms ease;
+    }
+  }
+}
+.dark {
+  .button-filled-primary {
+    background-color: var(--bimdata-blue);
+    color: #06182A;
+    border: none;
+    transition: background-color 0.2s ease-in-out;
+    &:hover {
+      background-color: #2f87ce;
+      color: #06182A;
+      transition: background-color 0.2s ease-in-out;
+    }
+  }
+  .button-filled-secondary {
+    background-color: rgba(78,160,232, .13);
+    color: var(--color-white);
+    border: solid 1px rgba(78,160,232, .18);
+    transition: background-color 0.2s ease-in-out;
+    &:hover {
+      background-color: rgba(78,160,232, .15);
+      transition: all 0.2s ease-in-out;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/.vitepress/theme/components/CodeTerminal.vue b/src/.vitepress/theme/components/CodeTerminal.vue
new file mode 100644
index 0000000..ad8a684
--- /dev/null
+++ b/src/.vitepress/theme/components/CodeTerminal.vue
@@ -0,0 +1,276 @@
+<template>
+  <div class="code-terminal">
+    <!-- Header -->
+    <div class="code-terminal__header">
+      <div class="code-terminal__dots">
+        <span class="code-terminal__dot code-terminal__dot--red"></span>
+        <span class="code-terminal__dot code-terminal__dot--yellow"></span>
+        <span class="code-terminal__dot code-terminal__dot--green"></span>
+      </div>
+
+      <span class="code-terminal__title">
+        {{ title }}
+      </span>
+
+      <button
+        class="code-terminal__copy"
+        type="button"
+        @click="copyCode"
+      >
+        {{ copied ? "Copied!" : "Copy" }}
+      </button>
+    </div>
+
+    <!-- Code -->
+    <div
+      v-if="highlightedCode"
+      class="code-terminal__body"
+      v-html="highlightedCode"
+    />
+
+    <!-- Fallback avant le highlighting -->
+    <pre
+      v-else
+      class="code-terminal__body code-terminal__fallback"
+    ><code>{{ code }}</code></pre>
+
+    <!-- Footer -->
+    <div class="code-terminal__footer">
+      <span>{{ language }}</span>
+
+      <a class="button-arrow" href="/viewer/">
+        Open the full quickstart
+      </a>
+    </div>
+  </div>
+</template>
+
+<script>
+import { codeToHtml } from "shiki";
+
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "Viewer.js",
+    },
+
+    language: {
+      type: String,
+      default: "html",
+    },
+
+    code: {
+      type: String,
+      required: true,
+    },
+  },
+
+  data() {
+    return {
+      copied: false,
+      highlightedCode: "",
+    };
+  },
+
+  async mounted() {
+    this.highlightedCode = await codeToHtml(this.code, {
+      lang: this.language,
+      themes: {
+        light: "material-theme-ocean",
+        dark: "material-theme-ocean",
+      },
+      defaultColor: false,
+    });
+  },
+
+  methods: {
+    async copyCode() {
+      try {
+        await navigator.clipboard.writeText(this.code);
+
+        this.copied = true;
+
+        setTimeout(() => {
+          this.copied = false;
+        }, 1500);
+      } catch (error) {
+        console.error("Unable to copy code:", error);
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.code-terminal {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  border: 1px solid var(--bimdata-terminal-border);
+  border-radius: 10px;
+  background: var(--bimdata-terminal-bg);
+  box-shadow: 0 12px 32px rgba(16, 34, 53, 0.08);
+  box-sizing: border-box;
+}
+
+/* ========================================
+   HEADER
+   ======================================== */
+.code-terminal__header {
+  height: 36px;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  padding: 0 12px;
+  border-bottom: 1px solid var(--bimdata-terminal-border);
+  background: var(--bimdata-terminal-bg);
+  box-sizing: border-box;
+}
+
+.code-terminal__dots {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  flex-shrink: 0;
+}
+
+.code-terminal__dot {
+  width: 6px;
+  height: 6px;
+  flex: 0 0 6px;
+  border-radius: 50%;
+}
+
+.code-terminal__dot--red {
+  background: #f34046;
+}
+
+.code-terminal__dot--yellow {
+  background: #f2b22b;
+}
+
+.code-terminal__dot--green {
+  background: #4db7a6;
+}
+
+.code-terminal__title {
+  min-width: 0;
+  margin-left: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: var(--vp-font-family-mono);
+  font-size: 10px;
+  line-height: 1;
+  color: #9fb0c0;
+}
+
+.code-terminal__copy {
+  flex-shrink: 0;
+  margin-left: auto;
+  padding: 2px 4px;
+  border: 0;
+  background: transparent;
+  font-family: var(--vp-font-family-mono);
+  font-size: 10px;
+  color: #9fb0c0;
+  cursor: pointer;
+  transition: color 0.15s ease;
+}
+
+.code-terminal__copy:hover {
+  color: var(--vp-c-brand-1);
+}
+
+/* ========================================
+   CODE
+   ======================================== */
+.code-terminal__body {
+  display: block;
+  width: 100%;
+  min-width: 0;
+  min-height: 280px;
+  max-height: 390px;
+  margin: 0;
+  padding: 18px 20px;
+  box-sizing: border-box;
+  overflow-x: auto;
+  overflow-y: auto;
+  font-family: var(--vp-font-family-mono);
+  font-size: 11px;
+  line-height: 1.65;
+  text-align: left;
+  white-space: pre;
+}
+
+.code-terminal__body :deep(pre) {
+  display: block;
+  width: max-content;
+  min-width: 100%;
+  margin: 0;
+}
+
+.code-terminal__body :deep(code) {
+  font-family: inherit;
+  font-size: inherit;
+}
+
+.code-terminal__fallback {
+  color: var(--vp-c-text-2);
+}
+
+/* ========================================
+   SHIKI LIGHT / DARK
+   ======================================== */
+
+.code-terminal__body :deep(.shiki) {
+  margin: 0;
+  background: transparent !important;
+}
+
+.code-terminal__body :deep(.shiki span) {
+  color: var(--shiki-light);
+}
+
+.dark .code-terminal__body :deep(.shiki span) {
+  color: var(--shiki-dark);
+}
+
+/* ========================================
+   FOOTER
+   ======================================== */
+.code-terminal__footer {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  padding: 9px 12px;
+  border-top: 1px solid var(--bimdata-terminal-border);
+  font-family: var(--vp-font-family-mono);
+  font-size: 9px;
+  color: #9fb0c0;
+  box-sizing: border-box;
+}
+
+.code-terminal__footer > span {
+  flex-shrink: 0;
+}
+
+.code-terminal__footer a {
+  min-width: 0;
+  margin-left: auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--vp-c-brand-2);
+  text-decoration: none;
+}
+
+/* ========================================
+   DARK MODE
+   ======================================== */
+.dark .code-terminal {
+  box-shadow: 0 16px 40px rgba(255, 255, 255, 0.1);
+}
+</style>
\ No newline at end of file
diff --git a/src/.vitepress/theme/components/Footer.vue b/src/.vitepress/theme/components/Footer.vue
new file mode 100644
index 0000000..c856403
--- /dev/null
+++ b/src/.vitepress/theme/components/Footer.vue
@@ -0,0 +1,73 @@
+<template>
+  <footer class="bimdata-footer">
+    <div class="bimdata-footer__container">
+      <div class="bimdata-footer__main">
+        <!-- Brand -->
+        <div class="bimdata-footer__brand">
+          <a href="/" class="bimdata-footer__logo">
+            <img
+              data-v-262f00eb=""
+              class="VPImage dark logo"
+              src="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/images/bimdata-documentation-logo_dark.svg"
+              alt="BIMData"
+            /><img
+              data-v-262f00eb=""
+              class="VPImage light logo"
+              src="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/images/bimdata-documentation-logo_light.svg"
+              alt="BIMData"
+            />
+          </a>
+
+          <p class="bimdata-footer__description">
+            Build BIM features into your applications. APIs, SDKs and tools for the AEC industry.
+          </p>
+        </div>
+
+        <!-- Documentation -->
+        <nav class="bimdata-footer__column">
+          <h2>Documentation</h2>
+
+          <a href="/quickstart/">Quickstart</a>
+          <a href="/guides/">Guides</a>
+          <a href="/tutorials/">Tutorials</a>
+          <a href="/api-reference/">API Reference</a>
+          <a href="/examples/">Examples</a>
+        </nav>
+
+        <!-- Products -->
+        <nav class="bimdata-footer__column">
+          <h2>Products</h2>
+
+          <a href="/rest-api/">REST API</a>
+          <a href="/viewer-sdk/">Viewer SDK</a>
+          <a href="/plugins/">Plugins</a>
+          <a href="/on-premise/">On-premise</a>
+        </nav>
+
+        <!-- Resources -->
+        <nav class="bimdata-footer__column">
+          <h2>Resources</h2>
+
+          <a href="/bimdata" target="_blank" rel="noopener noreferrer">
+            Github
+          </a>
+
+          <a href="/changelog/">Changelog</a>
+          <a href="/status/">API Status</a>
+          <a href="/support/">Support</a>
+        </nav>
+      </div>
+
+      <!-- Bottom -->
+      <div class="bimdata-footer__bottom">
+        <span class="bimdata-footer__copyright"> © {{ new Date().getFullYear() }} BIMData </span>
+
+        <nav class="bimdata-footer__legal">
+          <a href="/privacy/">Privacy</a>
+          <a href="/terms/">Terms</a>
+          <a href="/contact/">Contact</a>
+        </nav>
+      </div>
+    </div>
+  </footer>
+</template>
diff --git a/src/.vitepress/theme/components/HomeSearch.vue b/src/.vitepress/theme/components/HomeSearch.vue
new file mode 100644
index 0000000..57afa2f
--- /dev/null
+++ b/src/.vitepress/theme/components/HomeSearch.vue
@@ -0,0 +1,26 @@
+<template>
+  <div class="hero-search m-t-12">
+    <VPNavBarSearch />
+  </div>
+</template>
+
+<script setup>
+import VPNavBarSearch from 'vitepress/dist/client/theme-default/components/VPNavBarSearch.vue'
+</script>
+
+<style scoped>
+.hero-search :deep(.DocSearch-Button) {
+  width: 640px;
+  max-width: 100%;
+  height: 60px;
+  font-size: 1rem;
+  border-radius: 50px;
+  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
+}
+.VPNavBarSearch{
+  padding: 0;
+}
+.dark .hero-search :deep(.DocSearch-Button) {
+  border-color: rgba(78,160,232, .1);
+}
+</style>
\ No newline at end of file
diff --git a/src/.vitepress/theme/custom.css b/src/.vitepress/theme/custom.css
index 1cd347b..2685d23 100644
--- a/src/.vitepress/theme/custom.css
+++ b/src/.vitepress/theme/custom.css
@@ -1,83 +1,112 @@
 @import "../../../node_modules/@bimdata/design-system/src/assets/css/design-system.css";
+@import "./tokens.css";
+@import "./buttons.css";
+@import "./swagger-ui.css";
 
-:root {
-  --color-bg-subtle: #f0f5ff;
-  --color-bg-accent: #dce7ff;
-  --color-bg-primary: #205dbd;
-  --vp-c-brand-1: #205dbd;
-  --vp-c-brand-2: #205dbd;
-  --vp-c-brand-3: #205dbd;
-
-  /* Fond du bloc de code */
-  --vp-code-bg: rgba(27,31,35,.05);
-  --vp-code-block-bg: #282c34;
-  
-  /* Couleur du texte par défaut dans le code */
-  --vp-code-color: #4d5a7a;
-  /* --vp-code-color: #e0e0e0; */
-
-  /* Onglets du code-group */
-  --vp-code-tab-bg: #16213e;
-  --vp-code-tab-active-bg: #1a1a2e;
-  --vp-code-tab-text-color: #a0a0b0;
-  --vp-code-tab-active-text-color: #ffffff;
-  --vp-code-tab-hover-text-color: #ffffff;
-  --shiki-light: #E1E4E8;
-
-  /* Typo */
-  --vp-font-family-mono: 'Source Code Pro', monospace;
-}
-
-.vp-doc {
-  a {
-    text-decoration: none;
+html, body {
+  font-family: var(--vp-font-family-base);
+  font-size: 16px;
+  p {
+    font-weight: 400;
+  }
+  .has-sidebar {
+    img:not(.logo) {
+      border-radius: var(--radius-md);
+    }
+  }
+  .vp-doc {
+    a {
+      text-decoration: none;
+    }
+  }
+  #VPSidebarNav {
+    .VPSidebarItem {
+      .text {
+        font-weight: 400;
+      }
+      &.is-active {
+        .text {
+          font-weight: 500;
+        }
+      }
+      &.is-link.is-active {
+        .indicator {
+          background-color: var(--vp-c-brand-2);
+        }
+      }
+    }
+    .VPSidebarItem.level-0  {
+      padding-bottom: 10px;
+      .item > .text {
+        font-weight: 500;
+      }
+    }
+  }
+  .VPDoc {
+    .container:has(#bimdata-doc-swagger-ui) {
+      .aside {
+        display: none;
+      }
+      
+      .content .content-container {
+        max-width: none;
+      }
+    }
+    &.has-aside {
+      .content .content-container {
+        max-width: none;
+      }
+    }
   }
-}
-.vp-code-group {
-  font-family: var(--vp-font-family-mono);
-}
-.VPImage.logo {
-  height: 36px !important;
 }
 
-.VPHome {
-  margin-bottom: 0 !important;
+/* ========================================
+   CUSTOM
+   ======================================== */
+.VPImage.logo {
+  height: 28px !important;
 }
 
 .VPHome .container {
-  max-width: none !important;
-  padding: 0 !important;
+  max-width: none;
+  padding: 0;
 }
 
-.VPDoc {
-   .container:has(#bimdata-doc-swagger-ui) {
-    .aside {
-      display: none;
-    }
-    
-    .content .content-container {
-      max-width: none;
-    }
+/* ========================================
+   BLOC CODE
+   ======================================== */
+.vp-code-group{
+  .tabs {
+    border: 1px solid var(--bimdata-terminal-border);
+    border-bottom: none;
   }
-  &.has-aside {
-    .content .content-container {
-      max-width: none;
-    }
+  div[class*="language-"] {
+    border-left: 1px solid;
+    border-right: 1px solid;
+    border-bottom: 1px solid;
+    border-color: var(--bimdata-terminal-border);
   }
 }
-
-.VPNavBar {
-  .container {
-    max-width: var(--vp-layout-max-width);
+.vp-doc {
+  :not(pre) > code {
+    color: var(--vp-code-link-color);
   }
 }
+div[class*="language-"] {
+  border: 1px solid var(--bimdata-terminal-border);
+}
 
+/* ========================================
+   SEARCHBOX
+   ======================================== */
 .VPNavBarSearch {
   .DocSearch-Button {
+    padding: 0 12px;
     width: 250px;
-    border: none;
+    border: 1px solid var(--vp-sidebar-border-color);
     background-color: var(--vp-sidebar-bg-color);
-    color: var(--color-granite-light);
+    color: #6F879C;
+    border-radius: 50px;
     &:hover {
       color: var(--color-granite);
     }
@@ -96,20 +125,20 @@
   .results {
     .result {
       border: solid 1px var(--vp-sidebar-bg-color);
-      color: var(--color-granite);
+      color: var(--vp-c-text-2);
       font-size: 15px;
       .titles {
         mark {
-          background-color: var(--color-neutral);
+          background-color: var(--vp-c-brand-1);
           color: var(--color-white);
         }
       }
       &.selected {
-        border-color: var(--color-neutral);
+        border-color: var(--vp-c-brand-1);
         .titles {
-          color: var(--color-neutral) !important;
+          color: var(--vp-c-brand-1) !important;
           mark {
-            background-color: var(--color-neutral);
+            background-color: var(--vp-c-brand-1);
             color: var(--color-white);
           }
         }
@@ -118,25 +147,3 @@
   }
 }
 
-/* custom TABLE */
-.vp-doc div:has(> table) {
-  overflow-x: visible; /* supprime le scroll du wrapper */
-}
-.vp-doc table {
-  display: table;
-  table-layout: fixed;
-  width: 100%;
-  th:nth-child(1), td:nth-child(1) {
-    width: 30%;
-    word-break: break-word;
-  }
-  th:nth-child(2), td:nth-child(2) {
-    width: 25%;
-    word-break: break-word;
-  }
-  th:nth-child(3), td:nth-child(3) {
-    width: 45%;
-    white-space: normal;
-    word-break: break-word;
-  }
-}
diff --git a/src/.vitepress/theme/footer.css b/src/.vitepress/theme/footer.css
new file mode 100644
index 0000000..54c48f9
--- /dev/null
+++ b/src/.vitepress/theme/footer.css
@@ -0,0 +1,145 @@
+/* ========================================
+   BIMData Footer
+   ======================================== */
+.bimdata-footer {
+  width: 100%;
+  background: var(--vp-c-bg-alt);
+  color: var(--vp-c-text-1);
+  position: relative;
+  z-index: 25;
+}
+
+.bimdata-footer__container {
+  width: min(calc(100% - 48px), var(--vp-layout-max-width));
+  margin: 0 auto;
+}
+
+/* ========================================
+   Main
+   ======================================== */
+.bimdata-footer__main {
+  display: grid;
+  grid-template-columns: minmax(320px, 2fr) repeat(3, minmax(140px, 1fr));
+  column-gap: 64px;
+  padding: 40px 0 35px;
+}
+
+/* ========================================
+   Brand
+   ======================================== */
+.bimdata-footer__brand {
+  max-width: 360px;
+}
+
+.bimdata-footer__description {
+  max-width: 320px;
+  margin: 24px 0 0;
+  color: var(--vp-c-text-2);
+  font-size: 13px;
+  line-height: 1.55;
+}
+
+/* ========================================
+   Columns
+   ======================================== */
+.bimdata-footer__column {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.bimdata-footer__column h2 {
+  margin: 0 0 8px;
+  color: var(--vp-c-text-1);
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1;
+  text-transform: uppercase;
+}
+
+.bimdata-footer__column a {
+  width: fit-content;
+  color: var(--vp-c-text-2);
+  font-size: 13px;
+  line-height: 1.4;
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+.bimdata-footer__column a:hover {
+  color: var(--vp-c-brand-1);
+}
+
+/* ========================================
+   Bottom
+   ======================================== */
+.bimdata-footer__bottom {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 50px;
+  border-top: 1px solid var(--vp-c-divider);
+  color: var(--vp-c-text-3);
+  font-size: 12px;
+}
+
+.bimdata-footer__copyright {
+  line-height: 1.4;
+}
+
+.bimdata-footer__legal {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+}
+
+.bimdata-footer__legal a {
+  color: inherit;
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+.bimdata-footer__legal a:hover {
+  color: var(--vp-c-brand-1);
+}
+
+/* ========================================
+   Responsive
+   ======================================== */
+@media (max-width: 900px) {
+  .bimdata-footer__main {
+    grid-template-columns: 1fr 1fr;
+    gap: 48px 32px;
+  }
+
+  .bimdata-footer__brand {
+    grid-column: 1 / -1;
+  }
+}
+
+@media (max-width: 640px) {
+  .bimdata-footer__container {
+    width: calc(100% - 32px);
+  }
+
+  .bimdata-footer__main {
+    grid-template-columns: 1fr;
+    gap: 36px;
+    padding: 48px 0;
+  }
+
+  .bimdata-footer__brand {
+    grid-column: auto;
+  }
+
+  .bimdata-footer__bottom {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 16px;
+    padding: 20px 0;
+  }
+
+  .bimdata-footer__legal {
+    gap: 18px;
+  }
+}
\ No newline at end of file
diff --git a/src/.vitepress/theme/index.js b/src/.vitepress/theme/index.js
index 3a12f9a..c772430 100644
--- a/src/.vitepress/theme/index.js
+++ b/src/.vitepress/theme/index.js
@@ -1,12 +1,22 @@
 import DefaultTheme from "vitepress/theme";
+import { h } from "vue";
+
 import "./custom.css";
+import "./footer.css";
 
 import BIMDataViewer from "../components/BIMDataViewer.vue";
+import Footer from "./components/Footer.vue";
 
 /** @type {import('vitepress').Theme} */
 export default {
   extends: DefaultTheme,
+
+  Layout: () =>
+    h(DefaultTheme.Layout, null, {
+      "layout-bottom": () => h(Footer),
+    }),
+
   enhanceApp({ app }) {
     app.component("BIMDataViewer", BIMDataViewer);
   },
-};
+};
\ No newline at end of file
diff --git a/src/.vitepress/theme/swagger-ui.css b/src/.vitepress/theme/swagger-ui.css
new file mode 100644
index 0000000..0023207
--- /dev/null
+++ b/src/.vitepress/theme/swagger-ui.css
@@ -0,0 +1,56 @@
+html, body {
+  .VPDoc {
+    .container:has(#bimdata-doc-swagger-ui) {
+    .swagger-ui {
+        background: var(--bimdata-surface-card);
+        color: var(--vp-c-text-2);
+        .info {
+          .title {
+            color: var(--vp-c-text-1);
+          }
+        }
+        .renderedMarkdown p {
+          color: var(--vp-c-text-2);
+        }
+        .scheme-container {
+          background: var(--bimdata-surface-card);
+        }
+        .expand-operation {
+          color: var(--vp-c-text-2);
+        }
+        .filter .operation-filter-input {
+          background: var(--bimdata-surface-card);
+          color: var(--vp-c-text-2);
+          border-color: var(--bimdata-border-card);
+        }
+        a.nostyle {
+          color: var(--vp-c-text-1);
+        }
+        .opblock .opblock-summary-description, .opblock .opblock-summary-operation-id, .model-title {
+          color: var(--vp-c-text-2);
+        }
+        .opblock .opblock-section-header, section.models {
+          background: var(--bimdata-surface-card);
+          border-color: var(--vp-c-text-2);
+          h4 {
+            color: var(--vp-c-text-2);
+          }
+          .model-box {
+            background-color: var(--bimdata-surface-card-hover);
+          }
+        }
+        .model-toggle{
+          &::after {
+            background-color: var(--bimdata-border-card);
+          }
+        }
+        .opblock-description-wrapper p {
+          color: var(--vp-c-text-2);
+        }
+        table thead tr td, table thead tr th, table tbody tr td {
+          color: var(--vp-c-text-2);
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/.vitepress/theme/tokens.css b/src/.vitepress/theme/tokens.css
new file mode 100644
index 0000000..237bc50
--- /dev/null
+++ b/src/.vitepress/theme/tokens.css
@@ -0,0 +1,186 @@
+
+:root {
+  /* ========================================
+     BIMDATA — BRAND
+     ======================================== */
+  --bimdata-blue: #2378c4;
+  --bimdata-blue-light: #4ea0e8;
+  --bimdata-primary: #2F374A;
+  --bimdata-yellow: #f9c72c;
+
+  --bimdata-api: #2378C4;
+  --bimdata-viewer: #FE4A23;
+  --bimdata-on-premise: #A375FF;
+  --bimdata-platform: #F9C72C;
+
+  /* ========================================
+     BIMDATA — NEUTRALS
+     ======================================== */
+  --bimdata-navy: #102235;
+  --bimdata-slate: #5e7183;
+
+  --bimdata-white: #ffffff;
+
+  --bimdata-gray-50: #F5F8FC;
+  --bimdata-gray-100: #f1f6fa;
+  --bimdata-gray-200: #d9e4ee;
+  --bimdata-gray-300: #c3d5e3;
+  --bimdata-gray-400: #c2d2e0;
+
+  /* ========================================
+     VITEPRESS
+     ======================================== */
+  --vp-c-brand-1: var(--bimdata-blue);
+  --vp-c-brand-2: #2f87ce;
+  --vp-c-brand-3: #1d69ac;
+
+  --vp-c-brand-soft: rgba(35, 120, 196, 0.05);
+
+  --vp-c-bg: var(--bimdata-gray-50);
+  --vp-c-bg-alt: var(--bimdata-white);
+  --vp-c-bg-elv: var(--bimdata-white);
+  --vp-c-bg-soft: rgba(35, 120, 196, 0.05);
+
+  --vp-c-text-1: var(--bimdata-navy);
+  --vp-c-text-2: var(--bimdata-slate);
+  --vp-c-text-3: #718ba1;
+
+  --vp-c-divider: var(--bimdata-gray-200);
+  --vp-c-gutter: var(--bimdata-gray-200);
+
+  --vp-c-default-1: var(--bimdata-slate);
+  --vp-c-default-2: var(--bimdata-gray-300);
+  --vp-c-default-3: var(--bimdata-gray-100);
+  --vp-c-default-soft: var(--bimdata-gray-100);
+
+  --vp-sidebar-bg-color: var(--bimdata-white);
+  --vp-sidebar-border-color: #C3D5E3;
+
+
+  /* ========================================
+     TYPOGRAPHY
+     ======================================== */
+  --vp-font-family-base: "Roboto", sans-serif;
+  --vp-font-family-mono: "Roboto Mono", monospace;
+
+  /* ========================================
+     LAYOUT
+     ======================================== */
+  --vp-layout-max-width: 1440px;
+
+  /* ========================================
+     SHAPES
+     ======================================== */
+  --vp-button-brand-border: transparent;
+  --vp-button-brand-text: #ffffff;
+  --vp-button-brand-bg: var(--bimdata-blue);
+  --vp-button-brand-hover-border: transparent;
+  --vp-button-brand-hover-text: #ffffff;
+  --vp-button-brand-hover-bg: #2f87ce;
+  --vp-button-brand-active-border: transparent;
+  --vp-button-brand-active-text: #ffffff;
+  --vp-button-brand-active-bg: #1d69ac;
+
+  /* ========================================
+   SURFACES & CARDS
+   ======================================== */
+  --bimdata-surface-card: var(--bimdata-white);
+  --bimdata-surface-card-hover: var(--bimdata-gray-100);
+  --bimdata-border-card: var(--bimdata-gray-200);
+
+  --radius-md: 12px;
+
+  --bimdata-terminal-bg: #0d1b2a;
+  --bimdata-terminal-border: var(--bimdata-slate);
+
+  /* ========================================
+   CODE BLOCK
+   ======================================== */
+  /* Fond du bloc de code */
+  --vp-code-bg: rgba(27,31,35,.05);
+  --vp-code-block-bg: var(--bimdata-terminal-bg);
+  
+  /* Couleur du texte par défaut dans le code */
+  --vp-code-color: #4d5a7a;
+
+  /* Onglets du code-group */
+  --vp-code-tab-bg: var(--bimdata-terminal-bg);
+  --vp-code-tab-active-bg: #1a1a2e;
+  --vp-code-tab-text-color: #a0a0b0;
+  --vp-code-tab-active-text-color: #ffffff;
+  --vp-code-tab-hover-text-color: #ffffff;
+}
+.dark {
+  /* ========================================
+     BACKGROUND
+     ======================================== */
+  --vp-c-bg: #071a2b;
+  --vp-c-bg-alt: #0a1f32;
+  --vp-c-bg-elv: #0B2237;
+  --vp-sidebar-bg-color: #0B2237;
+  --vp-code-bg: rgba(255, 255, 255, 0.08);
+
+  /* ========================================
+     TEXT
+     ======================================== */
+  --vp-c-text-1: #ffffff;
+  --vp-c-text-2: #9fb0c0;
+  --vp-c-text-3: #718ba1;
+
+  /* ========================================
+     BORDERS
+     ======================================== */
+  --vp-c-divider: #15334e;
+  --vp-c-gutter: #15334e;
+  --vp-sidebar-border-color: #24516F;
+
+  /* ========================================
+     BRAND
+     ======================================== */
+  --bimdata-blue: #4ea0e8;
+  --vp-c-brand-1: #4ea0e8;
+  --vp-c-brand-2: #65b0f2;
+  --vp-c-brand-3: #2378c4;
+  --vp-c-brand-soft: rgba(78, 160, 232, 0.2);
+
+  /* ========================================
+     NEUTRAL
+     ======================================== */
+  --bimdata-navy: var(--bimdata-white);
+  --bimdata-slate: #9DB0C2;
+
+  /* ========================================
+     DEFAULT
+     ======================================== */
+  --vp-c-default-1: #9fb0c0;
+  --vp-c-default-2: #2c465e;
+  --vp-c-default-3: #102a42;
+  --vp-c-default-soft: #102a42;
+
+
+  /* ========================================
+     BUTTON
+     ======================================== */
+  --vp-button-brand-border: transparent;
+  --vp-button-brand-text: #ffffff;
+  --vp-button-brand-bg: #2378c4;
+
+  --vp-button-brand-hover-border: transparent;
+  --vp-button-brand-hover-text: #ffffff;
+  --vp-button-brand-hover-bg: #4ea0e8;
+
+  --vp-button-brand-active-border: transparent;
+  --vp-button-brand-active-text: #ffffff;
+  --vp-button-brand-active-bg: #1d69ac;
+
+  /* ========================================
+   SURFACES & CARDS
+   ======================================== */
+  --bimdata-surface-card: #0b2237;
+  --bimdata-surface-card-hover: #102a42;
+
+  --bimdata-border-card: #1B4261;
+
+  --bimdata-terminal-bg: #0B2237;
+  --bimdata-terminal-border: #1B4261;
+}
\ No newline at end of file
diff --git a/src/public/favicon.svg b/src/public/favicon.svg
new file mode 100644
index 0000000..ae76ac1
--- /dev/null
+++ b/src/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4185 6.66867L4.16835 2.96826V29.0318L14.4185 25.0358V6.66867Z" fill="#2F374A"/>
+<path d="M17.5815 6.66867L27.8317 2.96826V29.0318L17.5815 25.0358V6.66867Z" fill="#2378C4"/>
+</svg>
diff --git a/src/public/images/arrow-icon.svg b/src/public/images/arrow-icon.svg
new file mode 100644
index 0000000..cfe23bf
--- /dev/null
+++ b/src/public/images/arrow-icon.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99976 9.49683L8.99967 5.69819L10 4.74864L8.99967 3.79865L4.99977 7.21426e-06L3.99991 0.949554L7.2927 4.07666L0.000213168 4.07666L0.000213106 4.74842L0.000213045 5.42017L7.2927 5.42017L3.99991 8.54728L4.99976 9.49683Z" fill="#2378C4"/>
+</svg>
diff --git a/src/public/images/bimdata-api_icon.svg b/src/public/images/bimdata-api_icon.svg
new file mode 100644
index 0000000..8fcec37
--- /dev/null
+++ b/src/public/images/bimdata-api_icon.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.44444 14.3333L8.77778 11L5.44444 7.66667M12.1111 14.3333H16.5556M6.33333 21H15.6667C17.5335 21 18.4669 21 19.18 20.6367C19.8072 20.3171 20.3171 19.8072 20.6367 19.18C21 18.4669 21 17.5335 21 15.6667V6.33333C21 4.46649 21 3.53307 20.6367 2.82003C20.3171 2.19282 19.8072 1.68289 19.18 1.36331C18.4669 1 17.5335 1 15.6667 1H6.33333C4.46649 1 3.53307 1 2.82003 1.36331C2.19282 1.68289 1.68289 2.19282 1.36331 2.82003C1 3.53307 1 4.46649 1 6.33333V15.6667C1 17.5335 1 18.4669 1.36331 19.18C1.68289 19.8072 2.19282 20.3171 2.82003 20.6367C3.53307 21 4.46649 21 6.33333 21Z" stroke="#2378C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/public/images/bimdata-changelog_icon.svg b/src/public/images/bimdata-changelog_icon.svg
new file mode 100644
index 0000000..ba85228
--- /dev/null
+++ b/src/public/images/bimdata-changelog_icon.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 10H5M7 14H5M13 6H5M17 5.8V16.2C17 17.8802 17 18.7202 16.673 19.362C16.3854 19.9265 15.9265 20.3854 15.362 20.673C14.7202 21 13.8802 21 12.2 21H5.8C4.11984 21 3.27976 21 2.63803 20.673C2.07354 20.3854 1.6146 19.9265 1.32698 19.362C1 18.7202 1 17.8802 1 16.2V5.8C1 4.11984 1 3.27976 1.32698 2.63803C1.6146 2.07354 2.07354 1.6146 2.63803 1.32698C3.27976 1 4.11984 1 5.8 1H12.2C13.8802 1 14.7202 1 15.362 1.32698C15.9265 1.6146 16.3854 2.07354 16.673 2.63803C17 3.27976 17 4.11984 17 5.8Z" stroke="#2378C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/public/images/bimdata-design-system_icon.svg b/src/public/images/bimdata-design-system_icon.svg
new file mode 100644
index 0000000..bde37cd
--- /dev/null
+++ b/src/public/images/bimdata-design-system_icon.svg
@@ -0,0 +1,6 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 11C1 16.5228 5.47715 21 11 21C12.6569 21 14 19.6569 14 18V17.5C14 17.0356 14 16.8034 14.0257 16.6084C14.2029 15.2622 15.2622 14.2029 16.6084 14.0257C16.8034 14 17.0356 14 17.5 14H18C19.6569 14 21 12.6569 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11Z" stroke="#2378C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 12C6.55228 12 7 11.5523 7 11C7 10.4477 6.55228 10 6 10C5.44772 10 5 10.4477 5 11C5 11.5523 5.44772 12 6 12Z" stroke="#2378C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15 8C15.5523 8 16 7.55228 16 7C16 6.44772 15.5523 6 15 6C14.4477 6 14 6.44772 14 7C14 7.55228 14.4477 8 15 8Z" stroke="#2378C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 7C9.55228 7 10 6.55228 10 6C10 5.44772 9.55228 5 9 5C8.44772 5 8 5.44772 8 6C8 6.55228 8.44772 7 9 7Z" stroke="#2378C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/public/images/bimdata-documentation-logo_dark.svg b/src/public/images/bimdata-documentation-logo_dark.svg
new file mode 100644
index 0000000..f4884ba
--- /dev/null
+++ b/src/public/images/bimdata-documentation-logo_dark.svg
@@ -0,0 +1,26 @@
+<svg width="192" height="28" viewBox="0 0 192 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M47.8511 27.1276H45.0518L45.0694 25.0613H47.8511C48.5457 25.0613 49.1315 24.9053 49.6083 24.5933C50.0852 24.2754 50.4443 23.8133 50.6856 23.2069C50.9329 22.6005 51.0565 21.8676 51.0565 21.0081V20.3811C51.0565 19.7218 50.9859 19.1419 50.8446 18.6415C50.7092 18.1411 50.5061 17.7202 50.2353 17.3787C49.9645 17.0373 49.6319 16.7812 49.2374 16.6105C48.843 16.4339 48.3897 16.3456 47.8775 16.3456H44.9988V14.2704H47.8775C48.737 14.2704 49.523 14.4176 50.2353 14.7119C50.9535 15.0004 51.5746 15.4154 52.0985 15.957C52.6225 16.4986 53.0257 17.1462 53.3083 17.8997C53.5968 18.6474 53.741 19.4804 53.741 20.3988V21.0081C53.741 21.9206 53.5968 22.7536 53.3083 23.5071C53.0257 24.2607 52.6225 24.9082 52.0985 25.4498C51.5805 25.9856 50.9594 26.4006 50.2353 26.6949C49.5171 26.9834 48.7223 27.1276 47.8511 27.1276ZM46.553 14.2704V27.1276H43.9038V14.2704H46.553Z" fill="white"/>
+<path d="M66.2274 20.3988V21.0081C66.2274 21.9853 66.0949 22.8625 65.83 23.6396C65.5651 24.4167 65.1913 25.079 64.7085 25.6265C64.2258 26.1681 63.6489 26.5831 62.9777 26.8716C62.3125 27.16 61.5737 27.3043 60.7613 27.3043C59.9548 27.3043 59.2159 27.16 58.5448 26.8716C57.8796 26.5831 57.3027 26.1681 56.814 25.6265C56.3254 25.079 55.9457 24.4167 55.6749 23.6396C55.41 22.8625 55.2775 21.9853 55.2775 21.0081V20.3988C55.2775 19.4157 55.41 18.5385 55.6749 17.7673C55.9398 16.9902 56.3136 16.3279 56.7964 15.7804C57.285 15.2329 57.8619 14.815 58.5272 14.5265C59.1983 14.238 59.9371 14.0938 60.7436 14.0938C61.556 14.0938 62.2948 14.238 62.9601 14.5265C63.6312 14.815 64.2081 15.2329 64.6909 15.7804C65.1795 16.3279 65.5562 16.9902 65.8212 17.7673C66.092 18.5385 66.2274 19.4157 66.2274 20.3988ZM63.5517 21.0081V20.3811C63.5517 19.6982 63.4899 19.0978 63.3663 18.5797C63.2427 18.0616 63.0602 17.626 62.8188 17.2728C62.5774 16.9196 62.2831 16.6546 61.9357 16.478C61.5884 16.2955 61.191 16.2043 60.7436 16.2043C60.2962 16.2043 59.8988 16.2955 59.5515 16.478C59.21 16.6546 58.9186 16.9196 58.6773 17.2728C58.4418 17.626 58.2622 18.0616 58.1386 18.5797C58.015 19.0978 57.9532 19.6982 57.9532 20.3811V21.0081C57.9532 21.6851 58.015 22.2856 58.1386 22.8095C58.2622 23.3276 58.4447 23.7662 58.6861 24.1253C58.9275 24.4785 59.2218 24.7463 59.5692 24.9288C59.9165 25.1113 60.3139 25.2026 60.7613 25.2026C61.2087 25.2026 61.6061 25.1113 61.9534 24.9288C62.3007 24.7463 62.5921 24.4785 62.8276 24.1253C63.0631 23.7662 63.2427 23.3276 63.3663 22.8095C63.4899 22.2856 63.5517 21.6851 63.5517 21.0081Z" fill="white"/>
+<path d="M75.5877 22.8625H78.228C78.1751 23.7279 77.9366 24.4961 77.5128 25.1673C77.0948 25.8384 76.509 26.3623 75.7555 26.7391C75.0079 27.1159 74.1071 27.3043 73.0534 27.3043C72.2292 27.3043 71.4904 27.163 70.8369 26.8804C70.1834 26.5919 69.6242 26.1798 69.1591 25.6441C68.6999 25.1084 68.3496 24.4608 68.1083 23.7014C67.8669 22.942 67.7462 22.0913 67.7462 21.1494V20.2575C67.7462 19.3156 67.8698 18.4649 68.1171 17.7055C68.3702 16.9402 68.7294 16.2896 69.1944 15.7539C69.6654 15.2182 70.2276 14.8061 70.8811 14.5177C71.5345 14.2292 72.2645 14.085 73.071 14.085C74.1425 14.085 75.0461 14.2792 75.782 14.6678C76.5238 15.0563 77.0977 15.592 77.5039 16.2749C77.916 16.9578 78.1633 17.7349 78.2457 18.6062H75.5966C75.5671 18.0881 75.4641 17.6495 75.2875 17.2904C75.1109 16.9254 74.843 16.6517 74.4839 16.4692C74.1307 16.2808 73.6597 16.1866 73.071 16.1866C72.6295 16.1866 72.2439 16.269 71.9142 16.4339C71.5846 16.5987 71.3079 16.8489 71.0842 17.1845C70.8604 17.52 70.6927 17.9439 70.5808 18.4561C70.4749 18.9624 70.4219 19.5569 70.4219 20.2398V21.1494C70.4219 21.8146 70.4719 22.4004 70.572 22.9067C70.6721 23.407 70.8251 23.8309 71.0312 24.1782C71.2431 24.5197 71.5139 24.7787 71.8436 24.9553C72.1791 25.1261 72.5824 25.2114 73.0534 25.2114C73.6067 25.2114 74.063 25.1231 74.4221 24.9465C74.7812 24.7699 75.0549 24.5079 75.2433 24.1606C75.4376 23.8133 75.5524 23.3806 75.5877 22.8625Z" fill="white"/>
+<path d="M87.0674 14.2704H89.7077V22.7654C89.7077 23.7544 89.4958 24.5874 89.0719 25.2644C88.654 25.9414 88.0741 26.4506 87.3323 26.7921C86.5964 27.1335 85.7487 27.3043 84.7891 27.3043C83.8295 27.3043 82.9759 27.1335 82.2283 26.7921C81.4865 26.4506 80.9037 25.9414 80.4798 25.2644C80.0619 24.5874 79.8529 23.7544 79.8529 22.7654V14.2704H82.502V22.7654C82.502 23.3423 82.5933 23.8133 82.7758 24.1782C82.9583 24.5432 83.2202 24.8111 83.5617 24.9818C83.909 25.1525 84.3182 25.2379 84.7891 25.2379C85.2719 25.2379 85.681 25.1525 86.0166 24.9818C86.358 24.8111 86.617 24.5432 86.7937 24.1782C86.9762 23.8133 87.0674 23.3423 87.0674 22.7654V14.2704Z" fill="white"/>
+<path d="M93.0986 14.2704H95.3416L98.6442 23.7102L101.947 14.2704H104.19L99.5449 27.1276H97.7435L93.0986 14.2704ZM91.8889 14.2704H94.123L94.5292 23.4718V27.1276H91.8889V14.2704ZM103.165 14.2704H105.408V27.1276H102.759V23.4718L103.165 14.2704Z" fill="white"/>
+<path d="M116.358 25.0613V27.1276H109.515V25.0613H116.358ZM110.38 14.2704V27.1276H107.731V14.2704H110.38ZM115.466 19.5069V21.5203H109.515V19.5069H115.466ZM116.349 14.2704V16.3456H109.515V14.2704H116.349Z" fill="white"/>
+<path d="M128.368 14.2704V27.1276H125.719L120.553 18.5091V27.1276H117.904V14.2704H120.553L125.727 22.8978V14.2704H128.368Z" fill="white"/>
+<path d="M136.174 14.2704V27.1276H133.534V14.2704H136.174ZM140.13 14.2704V16.3456H129.639V14.2704H140.13Z" fill="white"/>
+<path d="M145.932 16.4692L142.435 27.1276H139.618L144.395 14.2704H146.188L145.932 16.4692ZM148.837 27.1276L145.331 16.4692L145.049 14.2704H146.859L151.663 27.1276H148.837ZM148.678 22.3415V24.4167H141.887V22.3415H148.678Z" fill="white"/>
+<path d="M157.526 14.2704V27.1276H154.886V14.2704H157.526ZM161.482 14.2704V16.3456H150.992V14.2704H161.482Z" fill="white"/>
+<path d="M165.809 14.2704V27.1276H163.169V14.2704H165.809Z" fill="white"/>
+<path d="M178.852 20.3988V21.0081C178.852 21.9853 178.719 22.8625 178.454 23.6396C178.19 24.4167 177.816 25.079 177.333 25.6265C176.85 26.1681 176.273 26.5831 175.602 26.8716C174.937 27.16 174.198 27.3043 173.386 27.3043C172.579 27.3043 171.84 27.16 171.169 26.8716C170.504 26.5831 169.927 26.1681 169.439 25.6265C168.95 25.079 168.57 24.4167 168.299 23.6396C168.034 22.8625 167.902 21.9853 167.902 21.0081V20.3988C167.902 19.4157 168.034 18.5385 168.299 17.7673C168.564 16.9902 168.938 16.3279 169.421 15.7804C169.909 15.2329 170.486 14.815 171.152 14.5265C171.823 14.238 172.562 14.0938 173.368 14.0938C174.181 14.0938 174.919 14.238 175.585 14.5265C176.256 14.815 176.833 15.2329 177.315 15.7804C177.804 16.3279 178.181 16.9902 178.446 17.7673C178.716 18.5385 178.852 19.4157 178.852 20.3988ZM176.176 21.0081V20.3811C176.176 19.6982 176.114 19.0978 175.991 18.5797C175.867 18.0616 175.685 17.626 175.443 17.2728C175.202 16.9196 174.908 16.6546 174.56 16.478C174.213 16.2955 173.816 16.2043 173.368 16.2043C172.921 16.2043 172.523 16.2955 172.176 16.478C171.835 16.6546 171.543 16.9196 171.302 17.2728C171.066 17.626 170.887 18.0616 170.763 18.5797C170.639 19.0978 170.578 19.6982 170.578 20.3811V21.0081C170.578 21.6851 170.639 22.2856 170.763 22.8095C170.887 23.3276 171.069 23.7662 171.311 24.1253C171.552 24.4785 171.846 24.7463 172.194 24.9288C172.541 25.1113 172.938 25.2026 173.386 25.2026C173.833 25.2026 174.231 25.1113 174.578 24.9288C174.925 24.7463 175.217 24.4785 175.452 24.1253C175.688 23.7662 175.867 23.3276 175.991 22.8095C176.114 22.2856 176.176 21.6851 176.176 21.0081Z" fill="white"/>
+<path d="M191.223 14.2704V27.1276H188.574L183.408 18.5091V27.1276H180.759V14.2704H183.408L188.583 22.8978V14.2704H191.223Z" fill="white"/>
+<path d="M47.1054 4.74502H44.9154L44.9036 3.65688H46.8162C47.1389 3.65688 47.4124 3.60931 47.6367 3.51417C47.865 3.41507 48.0381 3.27434 48.1562 3.09199C48.2743 2.90568 48.3333 2.68171 48.3333 2.42008C48.3333 2.1307 48.2782 1.89484 48.168 1.71249C48.0578 1.53014 47.8886 1.39734 47.6603 1.3141C47.436 1.23085 47.1487 1.18923 46.7985 1.18923H45.364V8.65758H43.8823V0H46.7985C47.2707 0 47.6918 0.0455871 48.0618 0.136761C48.4356 0.227935 48.7524 0.370643 49.0122 0.564883C49.2758 0.75516 49.4746 0.996969 49.6084 1.29031C49.7461 1.58365 49.815 1.9325 49.815 2.33683C49.815 2.6936 49.7304 3.02064 49.5612 3.31795C49.3919 3.61129 49.142 3.85112 48.8115 4.03743C48.4809 4.22374 48.0696 4.33473 47.5777 4.37041L47.1054 4.74502ZM47.0405 8.65758H44.449L45.1161 7.4743H47.0405C47.375 7.4743 47.6544 7.4188 47.8788 7.3078C48.1031 7.19285 48.2703 7.03626 48.3805 6.83806C48.4947 6.63589 48.5517 6.40003 48.5517 6.13047C48.5517 5.84902 48.5025 5.60523 48.4041 5.39909C48.3058 5.189 48.1503 5.02845 47.9378 4.91746C47.7253 4.8025 47.4478 4.74502 47.1054 4.74502H45.4408L45.4526 3.65688H47.619L47.9555 4.06716C48.4278 4.08302 48.8154 4.18806 49.1184 4.3823C49.4254 4.57654 49.6536 4.82826 49.8032 5.13746C49.9527 5.44666 50.0275 5.77965 50.0275 6.13642C50.0275 6.68742 49.9075 7.14924 49.6674 7.52187C49.4313 7.89449 49.0909 8.17792 48.6462 8.37216C48.2015 8.56244 47.6662 8.65758 47.0405 8.65758Z" fill="white"/>
+<path d="M53.1031 0V8.65758H51.6214V0H53.1031Z" fill="white"/>
+<path d="M55.547 0H56.8693L59.3545 6.67751L61.8338 0H63.1561L59.874 8.65758H58.8232L55.547 0ZM54.9448 0H56.2022L56.4206 5.77965V8.65758H54.9448V0ZM62.5009 0H63.7642V8.65758H62.2825V5.77965L62.5009 0Z" fill="white"/>
+<path d="M68.0203 8.65758H66.1844L66.1963 7.4743H68.0203C68.5516 7.4743 68.9963 7.35736 69.3544 7.12347C69.7165 6.88959 69.988 6.55463 70.1691 6.11858C70.354 5.68253 70.4465 5.16323 70.4465 4.56069V4.09094C70.4465 3.62318 70.3934 3.20893 70.2871 2.8482C70.1848 2.48747 70.0313 2.18421 69.8267 1.93844C69.626 1.69267 69.3781 1.50636 69.0829 1.3795C68.7917 1.25265 68.4552 1.18923 68.0735 1.18923H66.149V0H68.0735C68.6441 0 69.1655 0.0971203 69.6378 0.291361C70.11 0.481637 70.5174 0.757142 70.8597 1.11787C71.2061 1.47861 71.4717 1.91069 71.6567 2.41413C71.8416 2.91757 71.9341 3.48047 71.9341 4.10284V4.56069C71.9341 5.18305 71.8416 5.74595 71.6567 6.24939C71.4717 6.75283 71.2061 7.18492 70.8597 7.54565C70.5134 7.90242 70.1002 8.17792 69.6201 8.37216C69.1439 8.56244 68.6106 8.65758 68.0203 8.65758ZM67.005 0V8.65758H65.5233V0H67.005Z" fill="white"/>
+<path d="M76.881 7.36727V4.29906C76.881 4.06914 76.8396 3.87094 76.757 3.70444C76.6744 3.53795 76.5484 3.40912 76.3792 3.31795C76.2139 3.22677 76.0053 3.18118 75.7535 3.18118C75.5213 3.18118 75.3206 3.22083 75.1513 3.30011C74.9821 3.37939 74.8503 3.48642 74.7558 3.6212C74.6614 3.75598 74.6142 3.9086 74.6142 4.07905H73.1974C73.1974 3.82535 73.2584 3.57958 73.3804 3.34173C73.5024 3.10388 73.6795 2.89181 73.9117 2.70549C74.1439 2.51918 74.4213 2.37251 74.744 2.26548C75.0667 2.15845 75.4288 2.10493 75.8302 2.10493C76.3103 2.10493 76.7354 2.1862 77.1053 2.34872C77.4792 2.51125 77.7723 2.75703 77.9849 3.08605C78.2013 3.4111 78.3095 3.8194 78.3095 4.31095V7.17104C78.3095 7.46439 78.3292 7.728 78.3686 7.96188C78.4119 8.1918 78.4728 8.39198 78.5516 8.56244V8.65758H77.0935C77.0266 8.50298 76.9735 8.30676 76.9341 8.06891C76.8987 7.8271 76.881 7.59322 76.881 7.36727ZM77.0876 4.74502L77.0994 5.63099H76.0781C75.8145 5.63099 75.5823 5.65676 75.3816 5.70829C75.1809 5.75586 75.0136 5.82722 74.8798 5.92235C74.746 6.01749 74.6456 6.13245 74.5787 6.26723C74.5118 6.40201 74.4784 6.55463 74.4784 6.72508C74.4784 6.89554 74.5177 7.05212 74.5964 7.19483C74.6752 7.33357 74.7893 7.44258 74.9388 7.52187C75.0923 7.60115 75.2773 7.64079 75.4937 7.64079C75.7849 7.64079 76.0388 7.58133 76.2552 7.4624C76.4756 7.33952 76.6488 7.19086 76.7747 7.01644C76.9006 6.83806 76.9675 6.66959 76.9754 6.51102L77.4359 7.14726C77.3886 7.30979 77.308 7.48421 77.1938 7.67052C77.0797 7.85683 76.9302 8.03522 76.7452 8.20567C76.5642 8.37216 76.3457 8.50892 76.0899 8.61595C75.8381 8.72299 75.5469 8.7765 75.2163 8.7765C74.7991 8.7765 74.4272 8.69326 74.1006 8.52676C73.7739 8.35631 73.5181 8.12837 73.3332 7.84296C73.1482 7.55358 73.0557 7.22654 73.0557 6.86184C73.0557 6.52093 73.1187 6.21966 73.2446 5.95803C73.3745 5.69244 73.5634 5.47045 73.8113 5.29206C74.0632 5.11368 74.3702 4.9789 74.7322 4.88773C75.0943 4.79259 75.5075 4.74502 75.9719 4.74502H77.0876Z" fill="white"/>
+<path d="M82.7251 2.22386V3.27038H79.1242V2.22386H82.7251ZM80.1631 0.648129H81.5858V6.87968C81.5858 7.07789 81.6133 7.2305 81.6684 7.33753C81.7275 7.4406 81.8081 7.50997 81.9105 7.54565C82.0128 7.58133 82.1328 7.59917 82.2705 7.59917C82.3689 7.59917 82.4634 7.59322 82.5539 7.58133C82.6444 7.56943 82.7172 7.55754 82.7723 7.54565L82.7782 8.63974C82.6602 8.67542 82.5224 8.70713 82.365 8.73488C82.2115 8.76263 82.0344 8.7765 81.8337 8.7765C81.5071 8.7765 81.2178 8.71902 80.966 8.60406C80.7141 8.48514 80.5173 8.29288 80.3756 8.02729C80.234 7.76169 80.1631 7.40889 80.1631 6.96887V0.648129Z" fill="white"/>
+<path d="M87.424 7.36727V4.29906C87.424 4.06914 87.3827 3.87094 87.3 3.70444C87.2174 3.53795 87.0915 3.40912 86.9222 3.31795C86.7569 3.22677 86.5484 3.18118 86.2965 3.18118C86.0643 3.18118 85.8636 3.22083 85.6944 3.30011C85.5252 3.37939 85.3933 3.48642 85.2989 3.6212C85.2044 3.75598 85.1572 3.9086 85.1572 4.07905H83.7404C83.7404 3.82535 83.8014 3.57958 83.9234 3.34173C84.0454 3.10388 84.2225 2.89181 84.4547 2.70549C84.6869 2.51918 84.9644 2.37251 85.2871 2.26548C85.6098 2.15845 85.9718 2.10493 86.3732 2.10493C86.8534 2.10493 87.2784 2.1862 87.6483 2.34872C88.0222 2.51125 88.3154 2.75703 88.5279 3.08605C88.7443 3.4111 88.8526 3.8194 88.8526 4.31095V7.17104C88.8526 7.46439 88.8722 7.728 88.9116 7.96188C88.9549 8.1918 89.0159 8.39198 89.0946 8.56244V8.65758H87.6365C87.5696 8.50298 87.5165 8.30676 87.4771 8.06891C87.4417 7.8271 87.424 7.59322 87.424 7.36727ZM87.6306 4.74502L87.6424 5.63099H86.6212C86.3575 5.63099 86.1253 5.65676 85.9246 5.70829C85.7239 5.75586 85.5566 5.82722 85.4228 5.92235C85.289 6.01749 85.1887 6.13245 85.1218 6.26723C85.0549 6.40201 85.0214 6.55463 85.0214 6.72508C85.0214 6.89554 85.0608 7.05212 85.1395 7.19483C85.2182 7.33357 85.3323 7.44258 85.4819 7.52187C85.6353 7.60115 85.8203 7.64079 86.0368 7.64079C86.328 7.64079 86.5818 7.58133 86.7983 7.4624C87.0187 7.33952 87.1918 7.19086 87.3177 7.01644C87.4437 6.83806 87.5106 6.66959 87.5185 6.51102L87.9789 7.14726C87.9317 7.30979 87.851 7.48421 87.7369 7.67052C87.6227 7.85683 87.4732 8.03522 87.2882 8.20567C87.1072 8.37216 86.8888 8.50892 86.633 8.61595C86.3811 8.72299 86.0899 8.7765 85.7593 8.7765C85.3422 8.7765 84.9703 8.69326 84.6436 8.52676C84.317 8.35631 84.0612 8.12837 83.8762 7.84296C83.6912 7.55358 83.5988 7.22654 83.5988 6.86184C83.5988 6.52093 83.6617 6.21966 83.7877 5.95803C83.9175 5.69244 84.1064 5.47045 84.3544 5.29206C84.6062 5.11368 84.9132 4.9789 85.2753 4.88773C85.6373 4.79259 86.0505 4.74502 86.5149 4.74502H87.6306Z" fill="white"/>
+<path d="M97.3391 6.64904C97.3391 7.67721 96.5056 8.51072 95.4774 8.51072C94.4492 8.51072 93.6157 7.67721 93.6157 6.64904C93.6157 5.62086 94.4492 4.78735 95.4774 4.78735C96.5056 4.78735 97.3391 5.62086 97.3391 6.64904Z" fill="#2378C4"/>
+<path d="M10.25 4.4985L-0.000110941 0.798096V26.8616L10.25 22.8657V4.4985Z" fill="white"/>
+<path d="M13.4131 4.4985L23.6632 0.798096V26.8616L13.4131 22.8657V4.4985Z" fill="#2378C4"/>
+<path d="M32.7124 0.531738H33.7762V27.9251H32.7124V0.531738Z" fill="white"/>
+</svg>
diff --git a/src/public/images/bimdata-documentation-logo_light.svg b/src/public/images/bimdata-documentation-logo_light.svg
new file mode 100644
index 0000000..3738855
--- /dev/null
+++ b/src/public/images/bimdata-documentation-logo_light.svg
@@ -0,0 +1,26 @@
+<svg width="192" height="28" viewBox="0 0 192 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M47.8511 27.1276H45.0518L45.0694 25.0613H47.8511C48.5457 25.0613 49.1315 24.9053 49.6083 24.5933C50.0852 24.2754 50.4443 23.8133 50.6856 23.2069C50.9329 22.6005 51.0565 21.8676 51.0565 21.0081V20.3811C51.0565 19.7218 50.9859 19.1419 50.8446 18.6415C50.7092 18.1411 50.5061 17.7202 50.2353 17.3787C49.9645 17.0373 49.6319 16.7812 49.2374 16.6105C48.843 16.4339 48.3897 16.3456 47.8775 16.3456H44.9988V14.2704H47.8775C48.737 14.2704 49.523 14.4176 50.2353 14.7119C50.9535 15.0004 51.5746 15.4154 52.0985 15.957C52.6225 16.4986 53.0257 17.1462 53.3083 17.8997C53.5968 18.6474 53.741 19.4804 53.741 20.3988V21.0081C53.741 21.9206 53.5968 22.7536 53.3083 23.5071C53.0257 24.2607 52.6225 24.9082 52.0985 25.4498C51.5805 25.9856 50.9594 26.4006 50.2353 26.6949C49.5171 26.9834 48.7223 27.1276 47.8511 27.1276ZM46.553 14.2704V27.1276H43.9038V14.2704H46.553Z" fill="#2F374A"/>
+<path d="M66.2274 20.3988V21.0081C66.2274 21.9853 66.0949 22.8625 65.83 23.6396C65.5651 24.4167 65.1913 25.079 64.7085 25.6265C64.2258 26.1681 63.6489 26.5831 62.9777 26.8716C62.3125 27.16 61.5737 27.3043 60.7613 27.3043C59.9548 27.3043 59.2159 27.16 58.5448 26.8716C57.8796 26.5831 57.3027 26.1681 56.814 25.6265C56.3254 25.079 55.9457 24.4167 55.6749 23.6396C55.41 22.8625 55.2775 21.9853 55.2775 21.0081V20.3988C55.2775 19.4157 55.41 18.5385 55.6749 17.7673C55.9398 16.9902 56.3136 16.3279 56.7964 15.7804C57.285 15.2329 57.8619 14.815 58.5272 14.5265C59.1983 14.238 59.9371 14.0938 60.7436 14.0938C61.556 14.0938 62.2948 14.238 62.9601 14.5265C63.6312 14.815 64.2081 15.2329 64.6909 15.7804C65.1795 16.3279 65.5562 16.9902 65.8212 17.7673C66.092 18.5385 66.2274 19.4157 66.2274 20.3988ZM63.5517 21.0081V20.3811C63.5517 19.6982 63.4899 19.0978 63.3663 18.5797C63.2427 18.0616 63.0602 17.626 62.8188 17.2728C62.5774 16.9196 62.2831 16.6546 61.9357 16.478C61.5884 16.2955 61.191 16.2043 60.7436 16.2043C60.2962 16.2043 59.8988 16.2955 59.5515 16.478C59.21 16.6546 58.9186 16.9196 58.6773 17.2728C58.4418 17.626 58.2622 18.0616 58.1386 18.5797C58.015 19.0978 57.9532 19.6982 57.9532 20.3811V21.0081C57.9532 21.6851 58.015 22.2856 58.1386 22.8095C58.2622 23.3276 58.4447 23.7662 58.6861 24.1253C58.9275 24.4785 59.2218 24.7463 59.5692 24.9288C59.9165 25.1113 60.3139 25.2026 60.7613 25.2026C61.2087 25.2026 61.6061 25.1113 61.9534 24.9288C62.3007 24.7463 62.5921 24.4785 62.8276 24.1253C63.0631 23.7662 63.2427 23.3276 63.3663 22.8095C63.4899 22.2856 63.5517 21.6851 63.5517 21.0081Z" fill="#2F374A"/>
+<path d="M75.5877 22.8625H78.228C78.1751 23.7279 77.9366 24.4961 77.5128 25.1673C77.0948 25.8384 76.509 26.3623 75.7555 26.7391C75.0079 27.1159 74.1071 27.3043 73.0534 27.3043C72.2292 27.3043 71.4904 27.163 70.8369 26.8804C70.1834 26.5919 69.6242 26.1798 69.1591 25.6441C68.6999 25.1084 68.3496 24.4608 68.1083 23.7014C67.8669 22.942 67.7462 22.0913 67.7462 21.1494V20.2575C67.7462 19.3156 67.8698 18.4649 68.1171 17.7055C68.3702 16.9402 68.7294 16.2896 69.1944 15.7539C69.6654 15.2182 70.2276 14.8061 70.8811 14.5177C71.5345 14.2292 72.2645 14.085 73.071 14.085C74.1425 14.085 75.0461 14.2792 75.782 14.6678C76.5238 15.0563 77.0977 15.592 77.5039 16.2749C77.916 16.9578 78.1633 17.7349 78.2457 18.6062H75.5966C75.5671 18.0881 75.4641 17.6495 75.2875 17.2904C75.1109 16.9254 74.843 16.6517 74.4839 16.4692C74.1307 16.2808 73.6597 16.1866 73.071 16.1866C72.6295 16.1866 72.2439 16.269 71.9142 16.4339C71.5846 16.5987 71.3079 16.8489 71.0842 17.1845C70.8604 17.52 70.6927 17.9439 70.5808 18.4561C70.4749 18.9624 70.4219 19.5569 70.4219 20.2398V21.1494C70.4219 21.8146 70.4719 22.4004 70.572 22.9067C70.6721 23.407 70.8251 23.8309 71.0312 24.1782C71.2431 24.5197 71.5139 24.7787 71.8436 24.9553C72.1791 25.1261 72.5824 25.2114 73.0534 25.2114C73.6067 25.2114 74.063 25.1231 74.4221 24.9465C74.7812 24.7699 75.0549 24.5079 75.2433 24.1606C75.4376 23.8133 75.5524 23.3806 75.5877 22.8625Z" fill="#2F374A"/>
+<path d="M87.0674 14.2704H89.7077V22.7654C89.7077 23.7544 89.4958 24.5874 89.0719 25.2644C88.654 25.9414 88.0741 26.4506 87.3323 26.7921C86.5964 27.1335 85.7487 27.3043 84.7891 27.3043C83.8295 27.3043 82.9759 27.1335 82.2283 26.7921C81.4865 26.4506 80.9037 25.9414 80.4798 25.2644C80.0619 24.5874 79.8529 23.7544 79.8529 22.7654V14.2704H82.502V22.7654C82.502 23.3423 82.5933 23.8133 82.7758 24.1782C82.9583 24.5432 83.2202 24.8111 83.5617 24.9818C83.909 25.1525 84.3182 25.2379 84.7891 25.2379C85.2719 25.2379 85.681 25.1525 86.0166 24.9818C86.358 24.8111 86.617 24.5432 86.7937 24.1782C86.9762 23.8133 87.0674 23.3423 87.0674 22.7654V14.2704Z" fill="#2F374A"/>
+<path d="M93.0986 14.2704H95.3416L98.6442 23.7102L101.947 14.2704H104.19L99.5449 27.1276H97.7435L93.0986 14.2704ZM91.8889 14.2704H94.123L94.5292 23.4718V27.1276H91.8889V14.2704ZM103.165 14.2704H105.408V27.1276H102.759V23.4718L103.165 14.2704Z" fill="#2F374A"/>
+<path d="M116.358 25.0613V27.1276H109.515V25.0613H116.358ZM110.38 14.2704V27.1276H107.731V14.2704H110.38ZM115.466 19.5069V21.5203H109.515V19.5069H115.466ZM116.349 14.2704V16.3456H109.515V14.2704H116.349Z" fill="#2F374A"/>
+<path d="M128.368 14.2704V27.1276H125.719L120.553 18.5091V27.1276H117.904V14.2704H120.553L125.727 22.8978V14.2704H128.368Z" fill="#2F374A"/>
+<path d="M136.174 14.2704V27.1276H133.534V14.2704H136.174ZM140.13 14.2704V16.3456H129.639V14.2704H140.13Z" fill="#2F374A"/>
+<path d="M145.932 16.4692L142.435 27.1276H139.618L144.395 14.2704H146.188L145.932 16.4692ZM148.837 27.1276L145.331 16.4692L145.049 14.2704H146.859L151.663 27.1276H148.837ZM148.678 22.3415V24.4167H141.887V22.3415H148.678Z" fill="#2F374A"/>
+<path d="M157.526 14.2704V27.1276H154.886V14.2704H157.526ZM161.482 14.2704V16.3456H150.992V14.2704H161.482Z" fill="#2F374A"/>
+<path d="M165.809 14.2704V27.1276H163.169V14.2704H165.809Z" fill="#2F374A"/>
+<path d="M178.852 20.3988V21.0081C178.852 21.9853 178.719 22.8625 178.454 23.6396C178.19 24.4167 177.816 25.079 177.333 25.6265C176.85 26.1681 176.273 26.5831 175.602 26.8716C174.937 27.16 174.198 27.3043 173.386 27.3043C172.579 27.3043 171.84 27.16 171.169 26.8716C170.504 26.5831 169.927 26.1681 169.439 25.6265C168.95 25.079 168.57 24.4167 168.299 23.6396C168.034 22.8625 167.902 21.9853 167.902 21.0081V20.3988C167.902 19.4157 168.034 18.5385 168.299 17.7673C168.564 16.9902 168.938 16.3279 169.421 15.7804C169.909 15.2329 170.486 14.815 171.152 14.5265C171.823 14.238 172.562 14.0938 173.368 14.0938C174.181 14.0938 174.919 14.238 175.585 14.5265C176.256 14.815 176.833 15.2329 177.315 15.7804C177.804 16.3279 178.181 16.9902 178.446 17.7673C178.716 18.5385 178.852 19.4157 178.852 20.3988ZM176.176 21.0081V20.3811C176.176 19.6982 176.114 19.0978 175.991 18.5797C175.867 18.0616 175.685 17.626 175.443 17.2728C175.202 16.9196 174.908 16.6546 174.56 16.478C174.213 16.2955 173.816 16.2043 173.368 16.2043C172.921 16.2043 172.523 16.2955 172.176 16.478C171.835 16.6546 171.543 16.9196 171.302 17.2728C171.066 17.626 170.887 18.0616 170.763 18.5797C170.639 19.0978 170.578 19.6982 170.578 20.3811V21.0081C170.578 21.6851 170.639 22.2856 170.763 22.8095C170.887 23.3276 171.069 23.7662 171.311 24.1253C171.552 24.4785 171.846 24.7463 172.194 24.9288C172.541 25.1113 172.938 25.2026 173.386 25.2026C173.833 25.2026 174.231 25.1113 174.578 24.9288C174.925 24.7463 175.217 24.4785 175.452 24.1253C175.688 23.7662 175.867 23.3276 175.991 22.8095C176.114 22.2856 176.176 21.6851 176.176 21.0081Z" fill="#2F374A"/>
+<path d="M191.223 14.2704V27.1276H188.574L183.408 18.5091V27.1276H180.759V14.2704H183.408L188.583 22.8978V14.2704H191.223Z" fill="#2F374A"/>
+<path d="M47.1054 4.74502H44.9154L44.9036 3.65688H46.8162C47.1389 3.65688 47.4124 3.60931 47.6367 3.51417C47.865 3.41507 48.0381 3.27434 48.1562 3.09199C48.2743 2.90568 48.3333 2.68171 48.3333 2.42008C48.3333 2.1307 48.2782 1.89484 48.168 1.71249C48.0578 1.53014 47.8886 1.39734 47.6603 1.3141C47.436 1.23085 47.1487 1.18923 46.7985 1.18923H45.364V8.65758H43.8823V0H46.7985C47.2707 0 47.6918 0.0455871 48.0618 0.136761C48.4356 0.227935 48.7524 0.370643 49.0122 0.564883C49.2758 0.75516 49.4746 0.996969 49.6084 1.29031C49.7461 1.58365 49.815 1.9325 49.815 2.33683C49.815 2.6936 49.7304 3.02064 49.5612 3.31795C49.3919 3.61129 49.142 3.85112 48.8115 4.03743C48.4809 4.22374 48.0696 4.33473 47.5777 4.37041L47.1054 4.74502ZM47.0405 8.65758H44.449L45.1161 7.4743H47.0405C47.375 7.4743 47.6544 7.4188 47.8788 7.3078C48.1031 7.19285 48.2703 7.03626 48.3805 6.83806C48.4947 6.63589 48.5517 6.40003 48.5517 6.13047C48.5517 5.84902 48.5025 5.60523 48.4041 5.39909C48.3058 5.189 48.1503 5.02845 47.9378 4.91746C47.7253 4.8025 47.4478 4.74502 47.1054 4.74502H45.4408L45.4526 3.65688H47.619L47.9555 4.06716C48.4278 4.08302 48.8154 4.18806 49.1184 4.3823C49.4254 4.57654 49.6536 4.82826 49.8032 5.13746C49.9527 5.44666 50.0275 5.77965 50.0275 6.13642C50.0275 6.68742 49.9075 7.14924 49.6674 7.52187C49.4313 7.89449 49.0909 8.17792 48.6462 8.37216C48.2015 8.56244 47.6662 8.65758 47.0405 8.65758Z" fill="#2F374A"/>
+<path d="M53.1031 0V8.65758H51.6214V0H53.1031Z" fill="#2F374A"/>
+<path d="M55.547 0H56.8693L59.3545 6.67751L61.8338 0H63.1561L59.874 8.65758H58.8232L55.547 0ZM54.9448 0H56.2022L56.4206 5.77965V8.65758H54.9448V0ZM62.5009 0H63.7642V8.65758H62.2825V5.77965L62.5009 0Z" fill="#2F374A"/>
+<path d="M68.0203 8.65758H66.1844L66.1963 7.4743H68.0203C68.5516 7.4743 68.9963 7.35736 69.3544 7.12347C69.7165 6.88959 69.988 6.55463 70.1691 6.11858C70.354 5.68253 70.4465 5.16323 70.4465 4.56069V4.09094C70.4465 3.62318 70.3934 3.20893 70.2871 2.8482C70.1848 2.48747 70.0313 2.18421 69.8267 1.93844C69.626 1.69267 69.3781 1.50636 69.0829 1.3795C68.7917 1.25265 68.4552 1.18923 68.0735 1.18923H66.149V0H68.0735C68.6441 0 69.1655 0.0971203 69.6378 0.291361C70.11 0.481637 70.5174 0.757142 70.8597 1.11787C71.2061 1.47861 71.4717 1.91069 71.6567 2.41413C71.8416 2.91757 71.9341 3.48047 71.9341 4.10284V4.56069C71.9341 5.18305 71.8416 5.74595 71.6567 6.24939C71.4717 6.75283 71.2061 7.18492 70.8597 7.54565C70.5134 7.90242 70.1002 8.17792 69.6201 8.37216C69.1439 8.56244 68.6106 8.65758 68.0203 8.65758ZM67.005 0V8.65758H65.5233V0H67.005Z" fill="#2F374A"/>
+<path d="M76.881 7.36727V4.29906C76.881 4.06914 76.8396 3.87094 76.757 3.70444C76.6744 3.53795 76.5484 3.40912 76.3792 3.31795C76.2139 3.22677 76.0053 3.18118 75.7535 3.18118C75.5213 3.18118 75.3206 3.22083 75.1513 3.30011C74.9821 3.37939 74.8503 3.48642 74.7558 3.6212C74.6614 3.75598 74.6142 3.9086 74.6142 4.07905H73.1974C73.1974 3.82535 73.2584 3.57958 73.3804 3.34173C73.5024 3.10388 73.6795 2.89181 73.9117 2.70549C74.1439 2.51918 74.4213 2.37251 74.744 2.26548C75.0667 2.15845 75.4288 2.10493 75.8302 2.10493C76.3103 2.10493 76.7354 2.1862 77.1053 2.34872C77.4792 2.51125 77.7723 2.75703 77.9849 3.08605C78.2013 3.4111 78.3095 3.8194 78.3095 4.31095V7.17104C78.3095 7.46439 78.3292 7.728 78.3686 7.96188C78.4119 8.1918 78.4728 8.39198 78.5516 8.56244V8.65758H77.0935C77.0266 8.50298 76.9735 8.30676 76.9341 8.06891C76.8987 7.8271 76.881 7.59322 76.881 7.36727ZM77.0876 4.74502L77.0994 5.63099H76.0781C75.8145 5.63099 75.5823 5.65676 75.3816 5.70829C75.1809 5.75586 75.0136 5.82722 74.8798 5.92235C74.746 6.01749 74.6456 6.13245 74.5787 6.26723C74.5118 6.40201 74.4784 6.55463 74.4784 6.72508C74.4784 6.89554 74.5177 7.05212 74.5964 7.19483C74.6752 7.33357 74.7893 7.44258 74.9388 7.52187C75.0923 7.60115 75.2773 7.64079 75.4937 7.64079C75.7849 7.64079 76.0388 7.58133 76.2552 7.4624C76.4756 7.33952 76.6488 7.19086 76.7747 7.01644C76.9006 6.83806 76.9675 6.66959 76.9754 6.51102L77.4359 7.14726C77.3886 7.30979 77.308 7.48421 77.1938 7.67052C77.0797 7.85683 76.9302 8.03522 76.7452 8.20567C76.5642 8.37216 76.3457 8.50892 76.0899 8.61595C75.8381 8.72299 75.5469 8.7765 75.2163 8.7765C74.7991 8.7765 74.4272 8.69326 74.1006 8.52676C73.7739 8.35631 73.5181 8.12837 73.3332 7.84296C73.1482 7.55358 73.0557 7.22654 73.0557 6.86184C73.0557 6.52093 73.1187 6.21966 73.2446 5.95803C73.3745 5.69244 73.5634 5.47045 73.8113 5.29206C74.0632 5.11368 74.3702 4.9789 74.7322 4.88773C75.0943 4.79259 75.5075 4.74502 75.9719 4.74502H77.0876Z" fill="#2F374A"/>
+<path d="M82.7251 2.22386V3.27038H79.1242V2.22386H82.7251ZM80.1631 0.648129H81.5858V6.87968C81.5858 7.07789 81.6133 7.2305 81.6684 7.33753C81.7275 7.4406 81.8081 7.50997 81.9105 7.54565C82.0128 7.58133 82.1328 7.59917 82.2705 7.59917C82.3689 7.59917 82.4634 7.59322 82.5539 7.58133C82.6444 7.56943 82.7172 7.55754 82.7723 7.54565L82.7782 8.63974C82.6602 8.67542 82.5224 8.70713 82.365 8.73488C82.2115 8.76263 82.0344 8.7765 81.8337 8.7765C81.5071 8.7765 81.2178 8.71902 80.966 8.60406C80.7141 8.48514 80.5173 8.29288 80.3756 8.02729C80.234 7.76169 80.1631 7.40889 80.1631 6.96887V0.648129Z" fill="#2F374A"/>
+<path d="M87.424 7.36727V4.29906C87.424 4.06914 87.3827 3.87094 87.3 3.70444C87.2174 3.53795 87.0915 3.40912 86.9222 3.31795C86.7569 3.22677 86.5484 3.18118 86.2965 3.18118C86.0643 3.18118 85.8636 3.22083 85.6944 3.30011C85.5252 3.37939 85.3933 3.48642 85.2989 3.6212C85.2044 3.75598 85.1572 3.9086 85.1572 4.07905H83.7404C83.7404 3.82535 83.8014 3.57958 83.9234 3.34173C84.0454 3.10388 84.2225 2.89181 84.4547 2.70549C84.6869 2.51918 84.9644 2.37251 85.2871 2.26548C85.6098 2.15845 85.9718 2.10493 86.3732 2.10493C86.8534 2.10493 87.2784 2.1862 87.6483 2.34872C88.0222 2.51125 88.3154 2.75703 88.5279 3.08605C88.7443 3.4111 88.8526 3.8194 88.8526 4.31095V7.17104C88.8526 7.46439 88.8722 7.728 88.9116 7.96188C88.9549 8.1918 89.0159 8.39198 89.0946 8.56244V8.65758H87.6365C87.5696 8.50298 87.5165 8.30676 87.4771 8.06891C87.4417 7.8271 87.424 7.59322 87.424 7.36727ZM87.6306 4.74502L87.6424 5.63099H86.6212C86.3575 5.63099 86.1253 5.65676 85.9246 5.70829C85.7239 5.75586 85.5566 5.82722 85.4228 5.92235C85.289 6.01749 85.1887 6.13245 85.1218 6.26723C85.0549 6.40201 85.0214 6.55463 85.0214 6.72508C85.0214 6.89554 85.0608 7.05212 85.1395 7.19483C85.2182 7.33357 85.3323 7.44258 85.4819 7.52187C85.6353 7.60115 85.8203 7.64079 86.0368 7.64079C86.328 7.64079 86.5818 7.58133 86.7983 7.4624C87.0187 7.33952 87.1918 7.19086 87.3177 7.01644C87.4437 6.83806 87.5106 6.66959 87.5185 6.51102L87.9789 7.14726C87.9317 7.30979 87.851 7.48421 87.7369 7.67052C87.6227 7.85683 87.4732 8.03522 87.2882 8.20567C87.1072 8.37216 86.8888 8.50892 86.633 8.61595C86.3811 8.72299 86.0899 8.7765 85.7593 8.7765C85.3422 8.7765 84.9703 8.69326 84.6436 8.52676C84.317 8.35631 84.0612 8.12837 83.8762 7.84296C83.6912 7.55358 83.5988 7.22654 83.5988 6.86184C83.5988 6.52093 83.6617 6.21966 83.7877 5.95803C83.9175 5.69244 84.1064 5.47045 84.3544 5.29206C84.6062 5.11368 84.9132 4.9789 85.2753 4.88773C85.6373 4.79259 86.0505 4.74502 86.5149 4.74502H87.6306Z" fill="#2F374A"/>
+<path d="M97.3391 6.64904C97.3391 7.67721 96.5056 8.51072 95.4774 8.51072C94.4492 8.51072 93.6157 7.67721 93.6157 6.64904C93.6157 5.62086 94.4492 4.78735 95.4774 4.78735C96.5056 4.78735 97.3391 5.62086 97.3391 6.64904Z" fill="#2378C4"/>
+<path d="M10.25 4.4985L-0.000110941 0.798096V26.8616L10.25 22.8657V4.4985Z" fill="#2F374A"/>
+<path d="M13.4131 4.4985L23.6632 0.798096V26.8616L13.4131 22.8657V4.4985Z" fill="#2378C4"/>
+<path d="M32.7124 0.531738H33.7762V27.9251H32.7124V0.531738Z" fill="#2F374A"/>
+</svg>
diff --git a/src/public/images/bimdata-examples_icon.svg b/src/public/images/bimdata-examples_icon.svg
new file mode 100644
index 0000000..64e28de
--- /dev/null
+++ b/src/public/images/bimdata-examples_icon.svg
@@ -0,0 +1,4 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z" stroke="#2378C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.5 7.96533C8.5 7.48805 8.5 7.24941 8.59974 7.11618C8.68666 7.00007 8.81971 6.92744 8.96438 6.9171C9.13038 6.90525 9.33112 7.03429 9.73261 7.29239L14.4532 10.3271C14.8016 10.551 14.9758 10.663 15.0359 10.8054C15.0885 10.9298 15.0885 11.0702 15.0359 11.1946C14.9758 11.337 14.8016 11.449 14.4532 11.6729L9.73261 14.7076C9.33112 14.9657 9.13038 15.0948 8.96438 15.0829C8.81971 15.0726 8.68666 14.9999 8.59974 14.8838C8.5 14.7506 8.5 14.512 8.5 14.0347V7.96533Z" stroke="#2378C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/public/images/bimdata-github_icon.svg b/src/public/images/bimdata-github_icon.svg
new file mode 100644
index 0000000..dc775d0
--- /dev/null
+++ b/src/public/images/bimdata-github_icon.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 0C4.475 0 0 4.4775 0 10C0 14.4192 2.865 18.1667 6.8375 19.4875C7.3375 19.5817 7.52083 19.2725 7.52083 19.0067C7.52083 18.7692 7.5125 18.14 7.50833 17.3067C4.72667 17.91 4.14 15.965 4.14 15.965C3.685 14.8108 3.0275 14.5025 3.0275 14.5025C2.12167 13.8825 3.0975 13.895 3.0975 13.895C4.10167 13.965 4.62917 14.925 4.62917 14.925C5.52083 16.4542 6.97 16.0125 7.54167 15.7567C7.63167 15.11 7.88917 14.6692 8.175 14.4192C5.95417 14.1692 3.62 13.3092 3.62 9.4775C3.62 8.38583 4.0075 7.49417 4.64917 6.79417C4.53667 6.54167 4.19917 5.525 4.73667 4.1475C4.73667 4.1475 5.57417 3.87917 7.48667 5.1725C8.28667 4.95 9.13667 4.84 9.98667 4.835C10.8367 4.84 11.6867 4.95 12.4867 5.1725C14.3867 3.87917 15.2242 4.1475 15.2242 4.1475C15.7617 5.525 15.4242 6.54167 15.3242 6.79417C15.9617 7.49417 16.3492 8.38583 16.3492 9.4775C16.3492 13.3192 14.0117 14.165 11.7867 14.4108C12.1367 14.7108 12.4617 15.3242 12.4617 16.2608C12.4617 17.5992 12.4492 18.6742 12.4492 18.9992C12.4492 19.2617 12.6242 19.5742 13.1367 19.4742C17.1375 18.1625 20 14.4125 20 10C20 4.4775 15.5225 0 10 0Z" fill="#2378C4"/>
+</svg>
diff --git a/src/public/images/bimdata-status_icon.svg b/src/public/images/bimdata-status_icon.svg
new file mode 100644
index 0000000..a1a6f9f
--- /dev/null
+++ b/src/public/images/bimdata-status_icon.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 10H17L14 19L8 1L5 10H1" stroke="#2378C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/public/images/bimdata-support_icon.svg b/src/public/images/bimdata-support_icon.svg
new file mode 100644
index 0000000..e98f88f
--- /dev/null
+++ b/src/public/images/bimdata-support_icon.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 16V10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10V16M3.5 19C2.11929 19 1 17.8807 1 16.5V14.5C1 13.1193 2.11929 12 3.5 12C4.88071 12 6 13.1193 6 14.5V16.5C6 17.8807 4.88071 19 3.5 19ZM16.5 19C15.1193 19 14 17.8807 14 16.5V14.5C14 13.1193 15.1193 12 16.5 12C17.8807 12 19 13.1193 19 14.5V16.5C19 17.8807 17.8807 19 16.5 19Z" stroke="#2378C4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/public/images/bimdata-viewer_icon.svg b/src/public/images/bimdata-viewer_icon.svg
new file mode 100644
index 0000000..f0f2e60
--- /dev/null
+++ b/src/public/images/bimdata-viewer_icon.svg
@@ -0,0 +1,3 @@
+<svg width="27" height="25" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.25 11H6.25C4.84987 11 4.1498 11 3.61502 11.2725C3.14462 11.5122 2.76217 11.8946 2.52248 12.365C2.25 12.8998 2.25 13.5999 2.25 15V23.5M24.75 23.5V5C24.75 3.59987 24.75 2.8998 24.4775 2.36502C24.2378 1.89462 23.8554 1.51217 23.385 1.27248C22.8502 1 22.1501 1 20.75 1H16.25C14.8499 1 14.1498 1 13.615 1.27248C13.1446 1.51217 12.7622 1.89462 12.5225 2.36502C12.25 2.8998 12.25 3.59987 12.25 5V23.5M26 23.5H1M16.625 6H20.375M16.625 11H20.375M16.625 16H20.375" stroke="#F9C72C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/public/images/favicon.svg b/src/public/images/favicon.svg
deleted file mode 100644
index 4a7a3dc..0000000
--- a/src/public/images/favicon.svg
+++ /dev/null
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 50 90.5" style="enable-background:new 0 0 50 90.5;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#30374B;}
-	.st1{fill:#F9C72C;}
-</style>
-<g>
-	<g>
-		<polygon class="st1" points="31.31,18.19 31.31,21.89 43.2,14.31 43.2,79.23 19.3,79.23 19.3,73.88 16.18,73.88 16.18,82.35 
-			46.32,82.35 46.32,8.62 		"/>
-		<polygon class="st1" points="6.76,16.82 6.76,33.85 9.88,31.86 9.88,31.86 9.88,18.97 9.88,18.53 28.19,6.85 28.19,18.97 
-			28.19,20.18 28.19,20.18 31.31,18.19 31.31,1.16 		"/>
-		<path class="st0" d="M1.68,37.09v36.78h29.64V18.19L1.68,37.09z M28.19,70.76H4.79V38.81l23.4-14.93V70.76z"/>
-	</g>
-</g>
-</svg>