diff --git a/package.json b/package.json
index 55ccc44..50c83be 100644
--- a/package.json
+++ b/package.json
@@ -10,8 +10,10 @@
     "kill": "kill $(ps -ef | grep '[n]pm exec @11ty/eleventy --serve' | awk '{print $2}')",
     "test": "echo \"Error: no test specified\" && exit 1",
     "clean": "npx rimraf dist public",
-    "dev": "npm run clean && open=true npx @11ty/eleventy --serve",
-    "build": "npm run clean && npx @11ty/eleventy && cp -r ./dist/ ./public"
+    "search": "npx pagefind --site dist",
+    "eleventy": "npm run clean && npx @11ty/eleventy && npm run search",
+    "dev": "npm run eleventy && open=true npx @11ty/eleventy --serve",
+    "build": "npm run eleventy && cp -r ./dist/ ./public"
   },
   "devDependencies": {
     "@bryanfriedman/eleventy-plugin-html-relative-datacascade": "0.1.5",
diff --git a/src/_includes/head.njk b/src/_includes/head.njk
index 600da53..a9aba0e 100644
--- a/src/_includes/head.njk
+++ b/src/_includes/head.njk
@@ -45,14 +45,17 @@
 <link rel="manifest" href="{{ '/site.webmanifest' | url }}">
 <meta name="theme-color" content="#ffffff">
 
-{# Preload only the hero image needed for this page to avoid wasted bandwidth #}
 {% if page.url and (page.url | lower | slice(0,6)) == "/about" %}
   <link rel="preload" fetchpriority="high" as="image" href="{{ '/img/about.webp' | url }}">
 {% else %}
   <link rel="preload" fetchpriority="high" as="image" href="{{ '/img/header.webp' | url }}">
 {% endif %}
 
-<title>{{ (title or metadata.title) | addDevPrefix }}</title>
+{% set pageTitle = title or metadata.title %}
+{% if layout == "post.njk" and title %}
+  {% set pageTitle = metadata.title ~ " - " ~ title %}
+{% endif %}
+<title>{{ pageTitle | addDevPrefix }}</title>
 
 {# Minimal critical styles to avoid flash of default blue/unstyled content before async CSS loads #}
 <style>
diff --git a/src/_includes/navbar.njk b/src/_includes/navbar.njk
index 4aaa74f..5de9d5d 100644
--- a/src/_includes/navbar.njk
+++ b/src/_includes/navbar.njk
@@ -13,9 +13,13 @@
                     </ul>
             </div>
         </div>
+        
         <div class="row">
-            <div class="collapse navbar-collapse">
-                <ul class="navbar-nav ms-auto py-4 py-lg-0 nav-social">
+            <div class="collapse navbar-collapse d-flex align-items-center justify-content-end gap-3">
+                <form role="search" class="nav-search mb-3 mb-lg-0 me-lg-3">
+                    <input id="nav-search" type="search" placeholder="Search…" autocomplete="off" />
+                </form>
+                <ul class="navbar-nav ms-auto py-4 py-lg-0 nav-social d-flex align-items-center gap-2 gap-lg-3 mb-0">
                     <li class="nav-item">
                         <a class="nav-link nav-icon-link py-3" href="{{ metadata.author.linkedin }}" target="_blank" aria-label="LinkedIn">
                             <span class="nav-icon" aria-hidden="true">
diff --git a/src/_includes/pageheader.njk b/src/_includes/pageheader.njk
index 7684777..e8fbbe9 100644
--- a/src/_includes/pageheader.njk
+++ b/src/_includes/pageheader.njk
@@ -10,32 +10,12 @@
         <div class="container position-relative px-4 px-lg-5">
             <div class="row gx-4 gx-lg-5 justify-content-center">
                 <div class="col-md-10 col-lg-8 col-xl-7">
-                    {# Let's not show the post titles in the page header so we keep the blog title there always instead
-                    <!-- If it's a single post page, display the post title in the heading -->
-                    {% if layout == "post.njk" %}
-                    <div class="post-heading">
-                        <h1>{{ title }}</h1>
-                        <span class="subheading">{{ description }}</span>
-                        {% import "postmeta.njk" as postmeta %}
-		                {{ postmeta.postmeta(collections.all | getCollectionItem(page)) }}
-                    </div>
-                    {% else %}
-                    #}
                     <div class="site-heading">
-                        {#<h1>{{ title | default(metadata.title) }}</h1>#}
                         <h1>{{ metadata.title }}</h1>
                         <span class="subheading">{{ metadata.description }}</span>
-                        {#
-                        <!-- Display page title if it's a specific page, otherwise display the site title -->
-                        {% if (layout == "page.njk") %}
-                            <span class="subheading">{{ description }}</span>
-                        {% else %}
-                            <span class="subheading">{{ description | default(metadata.description) }}</span>
-                        {% endif %}
-                    </div>
-                    % endif %}
-                    #}
                 </div>
             </div>
         </div>
     </header>
+    
+<div id="search-results" aria-live="polite"></div>
\ No newline at end of file
diff --git a/src/_includes/scripts.njk b/src/_includes/scripts.njk
index c4e25d4..49bddf0 100644
--- a/src/_includes/scripts.njk
+++ b/src/_includes/scripts.njk
@@ -7,3 +7,5 @@
 </script>
 <script defer src="{{ '/js/scripts.js' | minifyPath | url }}"></script>
 <script defer src="/js/tweet-loader.js"></script>
+<script type="module" src="{{ '/js/pagefind-search.js' | minifyPath | url }}"></script>
+
diff --git a/src/_layouts/base.njk b/src/_layouts/base.njk
index 52c8314..0706e3b 100644
--- a/src/_layouts/base.njk
+++ b/src/_layouts/base.njk
@@ -5,12 +5,14 @@
     {% include 'head.njk' %}
   </head>
 
-  <body>
+  <body{% if pagefind_ignore %} data-pagefind-ignore="true"{% endif %}>
 
     {% include 'navbar.njk' %}
     {% include 'pageheader.njk' %}
 
-    {{ content | safe }}
+    <main id="page-content">
+      {{ content | safe }}
+    </main>
 
     {% include 'footer.njk' %}
 
@@ -18,4 +20,4 @@
 
   </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/src/_layouts/post.njk b/src/_layouts/post.njk
index c8aab97..83e36dd 100644
--- a/src/_layouts/post.njk
+++ b/src/_layouts/post.njk
@@ -7,9 +7,9 @@ layout: base.njk
     <div class="container px-4 px-lg-5">
         <div class="row gx-4 gx-lg-5 justify-content-center">
             <div class="col-md-10 col-lg-8 col-xl-7 post-preview">
-                <article class="mb-4">
-                    <h1 class="post-title">{{ title }}</h1>
-                    <span class="post-subtitle">{{ description }}</span>
+                <article class="mb-4" data-pagefind-body>
+                    <h1 class="post-title" data-pagefind-meta="title">{{ title }}</h1>
+                    <span class="post-subtitle" data-pagefind-meta="description">{{ description }}</span>
                     {% import "postmeta.njk" as postmeta %}
                     {{ postmeta.postmeta(post) }}
                     {{ content | safe }}
@@ -33,4 +33,3 @@ layout: base.njk
         </div>
     </div>
 </div> 
-
diff --git a/src/assets/js/lite-yt-embed.min.js b/src/assets/js/lite-yt-embed.min.js
deleted file mode 100644
index 9235764..0000000
--- a/src/assets/js/lite-yt-embed.min.js
+++ /dev/null
@@ -1 +0,0 @@
-class LiteYTEmbed extends HTMLElement{connectedCallback(){this.videoId=this.getAttribute("videoid");let e=this.querySelector(".lty-playbtn");if(this.playLabel=e&&e.textContent.trim()||this.getAttribute("playlabel")||"Play",this.dataset.title=this.getAttribute("title")||"",this.style.backgroundImage||(this.style.backgroundImage=`url("https://i.ytimg.com/vi/${this.videoId}/hqdefault.jpg")`,this.upgradePosterImage()),e||((e=document.createElement("button")).type="button",e.classList.add("lty-playbtn"),this.append(e)),!e.textContent){let t=document.createElement("span");t.className="lyt-visually-hidden",t.textContent=this.playLabel,e.append(t)}this.addNoscriptIframe(),"A"===e.nodeName&&(e.removeAttribute("href"),e.setAttribute("tabindex","0"),e.setAttribute("role","button"),e.addEventListener("keydown",e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),this.activate())})),this.addEventListener("pointerover",LiteYTEmbed.warmConnections,{once:!0}),this.addEventListener("focusin",LiteYTEmbed.warmConnections,{once:!0}),this.addEventListener("click",this.activate),this.needsYTApi=this.hasAttribute("js-api")||navigator.vendor.includes("Apple")||navigator.userAgent.includes("Mobi")}static addPrefetch(e,t,i){let a=document.createElement("link");a.rel=e,a.href=t,i&&(a.as=i),document.head.append(a)}static warmConnections(){LiteYTEmbed.preconnected||(LiteYTEmbed.addPrefetch("preconnect","https://www.youtube-nocookie.com"),LiteYTEmbed.addPrefetch("preconnect","https://www.google.com"),LiteYTEmbed.addPrefetch("preconnect","https://googleads.g.doubleclick.net"),LiteYTEmbed.addPrefetch("preconnect","https://static.doubleclick.net"),LiteYTEmbed.preconnected=!0)}fetchYTPlayerApi(){window.YT||window.YT&&window.YT.Player||(this.ytApiPromise=new Promise((e,t)=>{var i=document.createElement("script");i.src="https://www.youtube.com/iframe_api",i.async=!0,i.onload=t=>{YT.ready(e)},i.onerror=t,this.append(i)}))}async getYTPlayer(){return this.playerPromise||await this.activate(),this.playerPromise}async addYTPlayerIframe(){this.fetchYTPlayerApi(),await this.ytApiPromise;let e=document.createElement("div");this.append(e);let t=Object.fromEntries(this.getParams().entries());this.playerPromise=new Promise(i=>{let a=new YT.Player(e,{width:"100%",videoId:this.videoId,playerVars:t,events:{onReady(e){e.target.playVideo(),i(a)}}})})}addNoscriptIframe(){let e=this.createBasicIframe(),t=document.createElement("noscript");t.innerHTML=e.outerHTML,this.append(t)}getParams(){let e=new URLSearchParams(this.getAttribute("params")||[]);return e.append("autoplay","1"),e.append("playsinline","1"),e}async activate(){if(this.classList.contains("lyt-activated"))return;if(this.classList.add("lyt-activated"),this.needsYTApi)return this.addYTPlayerIframe(this.getParams());let e=this.createBasicIframe();this.append(e),e.focus()}createBasicIframe(){let e=document.createElement("iframe");return e.width=560,e.height=315,e.title=this.playLabel,e.allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",e.allowFullscreen=!0,e.src=`https://www.youtube-nocookie.com/embed/${encodeURIComponent(this.videoId)}?${this.getParams().toString()}`,e}upgradePosterImage(){setTimeout(()=>{let e=`https://i.ytimg.com/vi_webp/${this.videoId}/sddefault.webp`,t=new Image;t.fetchPriority="low",t.referrerpolicy="origin",t.src=e,t.onload=t=>{let i=90==t.target.naturalHeight&&120==t.target.naturalWidth;i||(this.style.backgroundImage=`url("${e}")`)}},100)}}customElements.define("lite-youtube",LiteYTEmbed);
\ No newline at end of file
diff --git a/src/assets/js/pagefind-search.js b/src/assets/js/pagefind-search.js
new file mode 100644
index 0000000..a06420b
--- /dev/null
+++ b/src/assets/js/pagefind-search.js
@@ -0,0 +1,37 @@
+import { options, init, search } from "/pagefind/pagefind.js";
+
+await options({ basePath: "/pagefind", excerptLength: 50 });
+await init();
+
+const input = document.querySelector("#nav-search");
+const results = document.querySelector("#search-results");
+const body = document.body;
+
+input?.addEventListener("input", async (e) => {
+  const query = e.target.value.trim();
+  results.innerHTML = "";
+  results.classList.remove("has-results");
+  body.classList.remove("search-active");
+  if (!query) return;
+
+  const res = await search(query);
+  const hits = res.results || [];
+
+  for (const hit of hits) {
+    const data = await hit.data();
+    const excerpt = data.excerpt || data.meta?.excerpt || data.meta?.description || "";
+
+    results.insertAdjacentHTML(
+      "beforeend",
+      `<article>
+         <a href="${data.url}">${data.meta?.title ?? data.url}</a>
+         ${excerpt ? `<p>${excerpt}</p>` : ""}
+       </article>`
+    );
+  }
+
+  if (hits.length) {
+    results.classList.add("has-results");
+    body.classList.add("search-active");
+  }
+});
diff --git a/src/assets/scss/components/_pagefind.scss b/src/assets/scss/components/_pagefind.scss
new file mode 100644
index 0000000..f3997dd
--- /dev/null
+++ b/src/assets/scss/components/_pagefind.scss
@@ -0,0 +1,68 @@
+#nav-search {
+  width: 180px;
+  max-width: 100%;
+  border-radius: 999px;
+  border: 1px solid #d9d9d9;
+  background: #f9f9f9;
+  padding: 0.35rem 0.75rem;
+  font-size: 0.95rem;
+}
+
+#mainNav .nav-search {
+  margin: 0;
+  display: flex;
+  align-items: center;
+}
+
+#nav-search:focus {
+  outline: none;
+  border-color: #b3b3b3;
+  background: #fff;
+  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
+}
+
+#search-results {
+  display: none;
+  gap: 1rem;
+  max-width: 900px;
+  margin: 2rem auto;
+  padding: 0 1rem;
+}
+
+#search-results.has-results {
+  display: grid;
+}
+
+#search-results article {
+  background: #fff;
+  border: 1px solid #e5e5e5;
+  border-radius: 12px;
+  padding: 1rem 1.25rem;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
+}
+
+#search-results article a {
+  font-weight: 700;
+  color: inherit;
+  text-decoration: none;
+}
+
+#search-results article p {
+  margin: 0.5rem 0 0;
+  color: #4a4a4a;
+  line-height: 1.5;
+}
+
+// spacing for social icons in nav
+#mainNav .nav-social {
+  gap: 0.75rem;
+}
+
+#mainNav .nav-social .nav-link {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+body.search-active #page-content {
+  display: none;
+}
diff --git a/src/assets/scss/styles.scss b/src/assets/scss/styles.scss
index 6c4c963..f25925c 100644
--- a/src/assets/scss/styles.scss
+++ b/src/assets/scss/styles.scss
@@ -33,6 +33,7 @@
 // Components
 @import './components/buttons';
 @import './components/navbar';
+@import './components/pagefind';
 
 // Sections
 @import './sections/footer';
diff --git a/src/content/index.njk b/src/content/index.njk
index 9da0f76..cef6278 100644
--- a/src/content/index.njk
+++ b/src/content/index.njk
@@ -6,6 +6,7 @@ pagination:
   reverse: true
 layout: home.njk
 headerImage: "header.webp"
+pagefind_ignore: true
 eleventyNavigation:
   key: Home
   order: 1
diff --git a/src/content/topics-list.njk b/src/content/topics-list.njk
index e7989d8..96471ef 100644
--- a/src/content/topics-list.njk
+++ b/src/content/topics-list.njk
@@ -4,6 +4,7 @@ layout: home.njk
 eleventyNavigation:
   key: Topics
   order: 2
+pagefind_ignore: true
 ---
 
 <h1>Topics</h1>
diff --git a/src/content/topics.njk b/src/content/topics.njk
index 13a0c06..a2f7b67 100644
--- a/src/content/topics.njk
+++ b/src/content/topics.njk
@@ -7,6 +7,7 @@ pagination:
     - all
   addAllPagesToCollections: true
 layout: home.njk
+pagefind_ignore: true
 eleventyComputed:
   title: "Topic: {{ topic }}"
 description: ""