diff --git a/astro.config.mjs b/astro.config.mjs
index 0341605..4ce6303 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -8,12 +8,14 @@ import {remarkReplaceTooltips} from './src/plugins/remark-dictionary-tooltips.ts
 import {remarkAsides} from './src/plugins/remark-asides.ts';
 import remarkDirective from 'remark-directive';
 import mdx from '@astrojs/mdx';
+import pagefind from "astro-pagefind";
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind(), mdx()],
+  integrations: [tailwind(), mdx(), pagefind()],
   site: 'https://nfdi4plants.github.io',
   base: 'arc-website',
+  trailingSlash: "always", // will kill pagefind integration without
   markdown: {
     remarkPlugins: [remarkDirective, remarkReplaceLinks(), remarkReplaceTooltips(), remarkAsides()],
     rehypePlugins: [
diff --git a/package-lock.json b/package-lock.json
index 3ae6ff4..5068c78 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@astrojs/tailwind": "^5.1.0",
         "@tailwindcss/typography": "^0.5.15",
         "astro": "^4.15.4",
+        "astro-pagefind": "^1.6.0",
         "mdast-util-directive": "^3.0.0",
         "rehype-autolink-headings": "^7.1.0",
         "rehype-slug": "^6.0.0",
@@ -1410,6 +1411,77 @@
       "resolved": "https://registry.npmjs.org/@oslojs/encoding/-/encoding-0.4.1.tgz",
       "integrity": "sha512-hkjo6MuIK/kQR5CrGNdAPZhS01ZCXuWDRJ187zh6qqF2+yMHZpD9fAYpX8q2bOO6Ryhl3XpCT6kUX76N8hhm4Q=="
     },
+    "node_modules/@pagefind/darwin-arm64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@pagefind/darwin-arm64/-/darwin-arm64-1.1.1.tgz",
+      "integrity": "sha512-tZ9tysUmQpFs2EqWG2+E1gc+opDAhSyZSsgKmFzhnWfkK02YHZhvL5XJXEZDqYy3s1FAKhwjTg8XDxneuBlDZQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@pagefind/darwin-x64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@pagefind/darwin-x64/-/darwin-x64-1.1.1.tgz",
+      "integrity": "sha512-ChohLQ39dLwaxQv0jIQB/SavP3TM5K5ENfDTqIdzLkmfs3+JlzSDyQKcJFjTHYcCzQOZVeieeGq8PdqvLJxJxQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@pagefind/default-ui": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@pagefind/default-ui/-/default-ui-1.1.1.tgz",
+      "integrity": "sha512-ZM0zDatWDnac/VGHhQCiM7UgA4ca8jpjA+VfuTJyHJBaxGqZMQnm4WoTz9E0KFcue1Bh9kxpu7uWFZfwpZZk0A==",
+      "license": "MIT"
+    },
+    "node_modules/@pagefind/linux-arm64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@pagefind/linux-arm64/-/linux-arm64-1.1.1.tgz",
+      "integrity": "sha512-H5P6wDoCoAbdsWp0Zx0DxnLUrwTGWGLu/VI1rcN2CyFdY2EGSvPQsbGBMrseKRNuIrJDFtxHHHyjZ7UbzaM9EA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@pagefind/linux-x64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@pagefind/linux-x64/-/linux-x64-1.1.1.tgz",
+      "integrity": "sha512-yJs7tTYbL2MI3HT+ngs9E1BfUbY9M4/YzA0yEM5xBo4Xl8Yu8Qg2xZTOQ1/F6gwvMrjCUFo8EoACs6LRDhtMrQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@pagefind/windows-x64": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@pagefind/windows-x64/-/windows-x64-1.1.1.tgz",
+      "integrity": "sha512-b7/qPqgIl+lMzkQ8fJt51SfguB396xbIIR+VZ3YrL2tLuyifDJ1wL5mEm+ddmHxJ2Fki340paPcDan9en5OmAw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -1419,6 +1491,12 @@
         "node": ">=14"
       }
     },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.27",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.27.tgz",
+      "integrity": "sha512-MU0SYgcrBdSVLu7Tfow3VY4z1odzlaTYRjt3WQ0z8XbjDWReuy+EALt2HdjhrwD2HPiW2GY+KTSw4HLv4C/EOA==",
+      "license": "MIT"
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
@@ -2120,6 +2198,20 @@
         "sharp": "^0.33.3"
       }
     },
+    "node_modules/astro-pagefind": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/astro-pagefind/-/astro-pagefind-1.6.0.tgz",
+      "integrity": "sha512-U/WuE0ktkZkoFJf6yopWO4DjIJ3+wrnopE2L3kUYiyqNTJpqmp13bFLR8gir6B+KzQ5dsXQtJZYTQtKJg1FxIA==",
+      "license": "MIT",
+      "dependencies": {
+        "@pagefind/default-ui": "^1.0.3",
+        "pagefind": "^1.0.3",
+        "sirv": "^2.0.3"
+      },
+      "peerDependencies": {
+        "astro": "^2.0.4 || ^3.0.0 || ^4.0.0"
+      }
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.20",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
@@ -5388,6 +5480,22 @@
       "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
       "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw=="
     },
+    "node_modules/pagefind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/pagefind/-/pagefind-1.1.1.tgz",
+      "integrity": "sha512-U2YR0dQN5B2fbIXrLtt/UXNS0yWSSYfePaad1KcBPTi0p+zRtsVjwmoPaMQgTks5DnHNbmDxyJUL5TGaLljK3A==",
+      "license": "MIT",
+      "bin": {
+        "pagefind": "lib/runner/bin.cjs"
+      },
+      "optionalDependencies": {
+        "@pagefind/darwin-arm64": "1.1.1",
+        "@pagefind/darwin-x64": "1.1.1",
+        "@pagefind/linux-arm64": "1.1.1",
+        "@pagefind/linux-x64": "1.1.1",
+        "@pagefind/windows-x64": "1.1.1"
+      }
+    },
     "node_modules/parse-entities": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.1.tgz",
@@ -6284,6 +6392,20 @@
         "is-arrayish": "^0.3.1"
       }
     },
+    "node_modules/sirv": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.4.tgz",
+      "integrity": "sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/sisteransi": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
@@ -6610,6 +6732,15 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/trim-lines": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
diff --git a/package.json b/package.json
index 94aa222..a4f8f57 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@astrojs/tailwind": "^5.1.0",
     "@tailwindcss/typography": "^0.5.15",
     "astro": "^4.15.4",
+    "astro-pagefind": "^1.6.0",
     "mdast-util-directive": "^3.0.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 3887a22..19c1fa1 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -3,6 +3,8 @@ import ThemeController from "./ThemeController.astro"
 import RecMenu from "./RecMenu.astro"
 import { type Link } from "./RecMenu.astro"
 import { URLS } from "../statics"
+import Search from "./Search.astro"
+
 
 const links: Link[] = [
   {href: URLS.INTERNAL_HOME, text: "Home"},
@@ -53,11 +55,14 @@ const links: Link[] = [
             d="M4 6h16M4 12h8m-8 6h16" />
         </svg>
       </div>
-      <RecMenu className="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow" links={links} />
+      <div class="dropdown-content bg-base-100 rounded-box z-[1] mt-3 shadow p-2 w-52">
+        <RecMenu className="menu menu-sm" links={links} />
+      </div>
     </div>
     <a class="btn btn-ghost text-xl" href={URLS.INTERNAL_HOME} >
       <img src="/arc-website/favicon.svg" alt="logo" class="h-8 w-8" />
     </a>
+    <Search />
   </div>
   <div class="navbar-center hidden lg:flex">
     <RecMenu className="menu menu-horizontal px-1" links={links} />
diff --git a/src/components/Search.astro b/src/components/Search.astro
new file mode 100644
index 0000000..4d50238
--- /dev/null
+++ b/src/components/Search.astro
@@ -0,0 +1,136 @@
+---
+import AstroSearch from "astro-pagefind/components/Search";
+
+---
+
+<script is:inline>
+
+function isModalActive() {
+  return document.getElementById('search-modal').style.display === 'block'
+}
+
+function showModal() {
+  const searchModal = document.getElementById('search-modal');
+  if (searchModal) {
+    searchModal.style.display = 'block';
+    const input = searchModal.querySelector('.pagefind-ui__search-input');
+    input.focus();
+    input.value = null
+  }
+}; 
+
+function hideModal() {
+  const searchModal = document.getElementById('search-modal');
+  if (searchModal) {
+    searchModal.style.display = 'none';
+  }
+};
+
+function toggleModal() {
+  const searchModal = document.getElementById('search-modal');
+  if (searchModal) {
+    searchModal.style.display = searchModal.style.display === 'block' ? 'none' : 'block';
+    if (searchModal.style.display === 'block') {
+      const input = searchModal.querySelector('.pagefind-ui__search-input');
+      input.focus();
+    }
+  }
+};
+
+document.addEventListener('keydown', function(event) {
+  if (isModalActive()) {
+    // If modal is active, do not process the key press
+    return;
+  }
+  // Check if the pressed key is "s" or "S"
+  if (event.key === 's' || event.key === 'S') {
+    event.preventDefault();
+    // Call your function or fire the event
+    showModal();
+  }
+});
+
+</script>
+
+<div>
+  <button class="btn btn-outline no-animation flex-nowrap" onclick="toggleModal()">
+    Search
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 16 16"
+      fill="currentColor"
+      class="h-4 w-4 opacity-70">
+      <path
+      fill-rule="evenodd"
+      d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"
+      clip-rule="evenodd" />
+    </svg>
+    <kbd class="kbd kbd-sm text-black dark:text-white">s</kbd>
+  </button>
+  <div id="search-modal" style="display: none">
+    <div id="search-modal-bg" onclick="hideModal()"></div>
+    <div id="search-modal-content">
+      <div id="search-modal-x">
+        <button class="btn btn-square btn-outline btn-xs top-2 right-2 absolute z-50 bg-base-100" tabindex="1" onclick="hideModal()">
+          X
+        </button>
+      </div>
+      <AstroSearch id="search" className="pagefind-ui" uiOptions={{ showImages: false, autofocus: true }} />
+    </div>
+  </div>
+</div>
+
+
+<style is:global>
+
+:root {
+  --pagefind-ui-scale: 0.8;
+  --pagefind-ui-primary: oklch(var(--p));
+  --pagefind-ui-text: oklch(var(--bc) / 1);
+  --pagefind-ui-background: oklch(var(--b1));
+  --pagefind-ui-border: #eeeeee;
+  --pagefind-ui-tag: #eeeeee;
+  --pagefind-ui-border-width: 2px;
+  --pagefind-ui-border-radius: 8px;
+  --pagefind-ui-image-border-radius: 8px;
+  --pagefind-ui-image-box-ratio: 3 / 2;
+  --pagefind-ui-font: sans-serif;
+}
+
+</style>
+
+<style>
+
+#search-modal-bg {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 50;
+  @apply bg-base-200 bg-opacity-50;
+}
+
+#search-modal {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 60;
+}
+
+#search-modal-content {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 70;;
+  border-radius: 8px;
+  padding: 20px;
+  overscroll-behavior: contain;
+  overflow-y: auto;
+  @apply bg-base-100 lg:w-[50%] lg:h-[80%] w-full h-full shadow shadow-base-300 pb-10
+}
+
+</style>
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 44d355e..fa0d0a6 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -10,7 +10,7 @@ import RDMGraphNavigation from '../components/Home/RDMGraphNavigation.astro';
 ---
 
 <Layout title="Home" >
-	<main>
+  <main>
     <HeroText />
     <Banner />
     <CommunityCards />
diff --git a/src/statics.ts b/src/statics.ts
index e7a8809..56d5963 100644
--- a/src/statics.ts
+++ b/src/statics.ts
@@ -1,24 +1,24 @@
 
-const BASE_PATH = "/arc-website"
+const BASE_PATH = "/arc-website/"
 
 export enum URLS {
   INTERNAL_HOME = BASE_PATH,
-  INTERNAL_TOOLS = BASE_PATH + "/details/tools-and-services",
-  INTERNAL_PARTNERS = BASE_PATH + "/details/partners",
+  INTERNAL_TOOLS = BASE_PATH + "details/tools-and-services",
+  INTERNAL_PARTNERS = BASE_PATH + "details/partners",
 
-  INTERNAL_COM_DATA_MANAGEMENT = BASE_PATH + "/details/data-management-principle",
-  INTERNAL_COM_TOOLS = BASE_PATH + "/details/tools-and-services",
-  INTERNAL_COM_DOCUMENTATION = BASE_PATH + "/details/documentation-principle",
-  INTERNAL_COM_ORGANIZATION = BASE_PATH + "/details/organization-principle",
-  INTERNAL_COM_FAIRNESS = BASE_PATH + "/details/fairness-and-rdm",
+  INTERNAL_COM_DATA_MANAGEMENT = BASE_PATH + "details/data-management-principle",
+  INTERNAL_COM_TOOLS = BASE_PATH + "details/tools-and-services",
+  INTERNAL_COM_DOCUMENTATION = BASE_PATH + "details/documentation-principle",
+  INTERNAL_COM_ORGANIZATION = BASE_PATH + "details/organization-principle",
+  INTERNAL_COM_FAIRNESS = BASE_PATH + "details/fairness-and-rdm",
 
-  INTERNAL_DEV_DATA_MODEL = BASE_PATH + "/details/arc-data-model",
-  INTERNAL_DEV_REPRESENTATION = BASE_PATH + "/details/arc-representation",
-  INTERNAL_DEV_REPRESENTATION_RO_CRATE = BASE_PATH + "/details/arc-representation#arc-ro-crate",
-  INTERNAL_DEV_FDO = BASE_PATH + "/details/arc-fdo",
-  INTERNAL_DEV_TOOLSTACK= BASE_PATH + "/details/developer-toolstack",
-  INTERNAL_DEV_ARC_DATA_HUB = BASE_PATH + "/details/arc-data-hub",
-  INTERNAL_DEV_VALIDATION = BASE_PATH + "/details/validation",
+  INTERNAL_DEV_DATA_MODEL = BASE_PATH + "details/arc-data-model",
+  INTERNAL_DEV_REPRESENTATION = BASE_PATH + "details/arc-representation",
+  INTERNAL_DEV_REPRESENTATION_RO_CRATE = BASE_PATH + "details/arc-representation#arc-ro-crate",
+  INTERNAL_DEV_FDO = BASE_PATH + "details/arc-fdo",
+  INTERNAL_DEV_TOOLSTACK= BASE_PATH + "details/developer-toolstack",
+  INTERNAL_DEV_ARC_DATA_HUB = BASE_PATH + "details/arc-data-hub",
+  INTERNAL_DEV_VALIDATION = BASE_PATH + "details/validation",
 
   GITHUB_REPO = "https://github.com/nfdi4plants/arc-website",