diff --git a/components/Footer/index.jsx b/components/Footer/index.jsx
new file mode 100644
index 0000000..16f9ace
--- /dev/null
+++ b/components/Footer/index.jsx
@@ -0,0 +1,95 @@
+import GitHubIcon from '@node-core/ui-components/Icons/Social/GitHub';
+import LinkedInIcon from '@node-core/ui-components/Icons/Social/LinkedIn';
+import DiscordIcon from '@node-core/ui-components/Icons/Social/Discord';
+import XIcon from '@node-core/ui-components/Icons/Social/X';
+import { footer } from '#theme/site' with { type: 'json' };
+
+import Logo from '#theme/Logo';
+import styles from './index.module.css';
+
+const SOCIAL_ICONS = {
+  GitHub: GitHubIcon,
+  X: XIcon,
+  Discord: DiscordIcon,
+  LinkedIn: LinkedInIcon,
+};
+
+/**
+ * Site-wide footer with brand description, navigation columns,
+ * and social links.
+ */
+export default () => (
+  <footer className={styles.footer}>
+    <div className={styles.inner}>
+      <div className={styles.top}>
+        <div className={styles.brand}>
+          <a href="/" className={styles.logo} aria-label="webpack home">
+            <Logo />
+            <span className={styles.wordmark}>webpack</span>
+          </a>
+          <p className={styles.tagline}>
+            A static module bundler for modern JavaScript applications.
+            Maintained by the open-source community since 2012.
+          </p>
+        </div>
+
+        {footer.groups.map(section => (
+          <nav
+            key={section.title}
+            className={styles.section}
+            aria-label={section.title}
+          >
+            <h2 className={styles.heading}>{section.title}</h2>
+            <ul className={styles.list}>
+              {section.links.map(({ text, link }) => (
+                <li key={text}>
+                  <a href={link} className={styles.link}>
+                    {text}
+                  </a>
+                </li>
+              ))}
+            </ul>
+          </nav>
+        ))}
+      </div>
+
+      <div className={styles.bottom}>
+        <p className={styles.legal}>
+          &copy; <a href="https://openjsf.org">OpenJS Foundation</a> and webpack
+          contributors. All rights reserved. The{' '}
+          <a href="https://openjsf.org">OpenJS Foundation</a> has registered
+          trademarks and uses trademarks. For a list of trademarks of the{' '}
+          <a href="https://openjsf.org">OpenJS Foundation</a>, please see our{' '}
+          <a href="https://trademark-policy.openjsf.org">Trademark Policy</a>{' '}
+          and <a href="https://trademark-list.openjsf.org">Trademark List</a>.
+          Trademarks and logos not indicated on the{' '}
+          <a href="https://trademark-list.openjsf.org">
+            list of OpenJS Foundation trademarks
+          </a>{' '}
+          are trademarks&trade; or registered&reg; trademarks of their
+          respective holders. Use of them does not imply any affiliation with or
+          endorsement by them.
+        </p>
+        <ul className={styles.social}>
+          {footer.socialLinks.map(({ label, link }) => {
+            const Icon = SOCIAL_ICONS[label];
+
+            return (
+              <li key={label}>
+                <a
+                  href={link}
+                  className={styles.socialLink}
+                  aria-label={label}
+                  target="_blank"
+                  rel="noreferrer noopener"
+                >
+                  <Icon width={20} height={20} />
+                </a>
+              </li>
+            );
+          })}
+        </ul>
+      </div>
+    </div>
+  </footer>
+);
diff --git a/components/Footer/index.module.css b/components/Footer/index.module.css
new file mode 100644
index 0000000..0ebf578
--- /dev/null
+++ b/components/Footer/index.module.css
@@ -0,0 +1,134 @@
+.footer {
+  border-top: 1px solid var(--color-neutral-900);
+  background-color: var(--color-neutral-950);
+  color: var(--color-neutral-500);
+}
+
+.inner {
+  max-width: 80rem;
+  margin-inline: auto;
+  padding: 3rem 1.5rem 1.5rem;
+}
+
+.top {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 2.5rem;
+}
+
+@media (min-width: 40rem) {
+  .top {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (min-width: 64rem) {
+  .top {
+    grid-template-columns: 1.5fr repeat(4, 1fr);
+    gap: 2rem;
+  }
+}
+
+.brand {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  max-width: 18rem;
+}
+
+.logo {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  text-decoration: none;
+}
+
+.wordmark {
+  font-size: 1.125rem;
+  font-weight: 600;
+  color: var(--color-neutral-50);
+}
+
+.tagline {
+  margin: 0;
+  font-size: 0.875rem;
+  line-height: 1.6;
+  color: var(--color-neutral-600);
+}
+
+.section {
+  display: flex;
+  flex-direction: column;
+  gap: 0.875rem;
+}
+
+.heading {
+  margin: 0;
+  font-size: 0.75rem;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--color-green-300);
+}
+
+.list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.625rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.link {
+  font-size: 0.9375rem;
+  color: var(--color-neutral-300);
+  text-decoration: none;
+  transition: color 0.15s ease;
+}
+
+.link:hover {
+  color: var(--color-green-300);
+}
+
+.bottom {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  align-items: center;
+  margin-top: 2.5rem;
+  padding-top: 1.5rem;
+  border-top: 1px solid var(--color-neutral-900);
+}
+
+@media (min-width: 40rem) {
+  .bottom {
+    flex-direction: row;
+    justify-content: space-between;
+  }
+}
+
+.legal {
+  margin: 0;
+  font-size: 0.875rem;
+  color: var(--color-neutral-600);
+}
+
+.social {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.socialLink {
+  display: inline-flex;
+  color: var(--color-neutral-500);
+  transition: color 0.15s ease;
+}
+
+.socialLink:hover {
+  color: var(--color-neutral-50);
+}
diff --git a/components/Layout.jsx b/components/Layout.jsx
index 9a7c224..a5328d9 100644
--- a/components/Layout.jsx
+++ b/components/Layout.jsx
@@ -1,10 +1,13 @@
 import DefaultLayout from '@node-core/doc-kit/src/generators/web/ui/components/Layout/index.jsx';
+import HomeLayout from '../layouts/Home/index.jsx';
 import '../styles/theme.css';
 
+const LAYOUTS = {
+  home: HomeLayout,
+};
+
 export default function Layout(props) {
-  return (
-    <>
-      <DefaultLayout {...props} />
-    </>
-  );
+  const Component = LAYOUTS[props.metadata.layout] ?? DefaultLayout;
+
+  return <Component {...props} />;
 }
diff --git a/components/NavBar.jsx b/components/NavBar.jsx
new file mode 100644
index 0000000..fd75c3e
--- /dev/null
+++ b/components/NavBar.jsx
@@ -0,0 +1,36 @@
+import ThemeToggle from '@node-core/ui-components/Common/ThemeToggle';
+import NavBar from '@node-core/ui-components/Containers/NavBar';
+import styles from '@node-core/ui-components/Containers/NavBar/index.module.css';
+import GitHubIcon from '@node-core/ui-components/Icons/Social/GitHub';
+
+import SearchBox from '@node-core/doc-kit/src/generators/web/ui/components/SearchBox';
+import { useTheme } from '@node-core/doc-kit/src/generators/web/ui/hooks/useTheme.mjs';
+import { navbar } from '#theme/site' with { type: 'json' };
+import Logo from '#theme/Logo';
+
+/**
+ * NavBar component that displays the headings, search, etc.
+ */
+export default ({ metadata }) => {
+  const [themePreference, setThemePreference] = useTheme();
+
+  return (
+    <NavBar
+      Logo={Logo}
+      sidebarItemTogglerAriaLabel="Toggle navigation menu"
+      navItems={navbar}
+    >
+      <SearchBox pathname={metadata.path} />
+      <ThemeToggle
+        onChange={setThemePreference}
+        currentTheme={themePreference}
+      />
+      <a
+        href="https://github.com/webpack/webpack"
+        className={styles.ghIconWrapper}
+      >
+        <GitHubIcon />
+      </a>
+    </NavBar>
+  );
+};
diff --git a/components/SideBar.jsx b/components/SideBar.jsx
index ad858ac..2b5b181 100644
--- a/components/SideBar.jsx
+++ b/components/SideBar.jsx
@@ -1,5 +1,5 @@
 import SideBar from '@node-core/ui-components/Containers/Sidebar';
-import { sidebar } from '#theme/site' with { type: 'json' };
+import { sidebar } from '#theme/local/site' with { type: 'json' };
 
 /** @param {string} url */
 const redirect = url => (window.location.href = url);
diff --git a/components/WebpackLogo/Icon.jsx b/components/WebpackLogo/Icon.jsx
new file mode 100644
index 0000000..e86316c
--- /dev/null
+++ b/components/WebpackLogo/Icon.jsx
@@ -0,0 +1,20 @@
+export default () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 774 875.7"
+    width={30}
+    height={30}
+  >
+    <path fill="#FFF" d="M387 0l387 218.9v437.9L387 875.7 0 656.8V218.9z" />
+
+    <path
+      fill="#8ed6fb"
+      d="M704.9 641.7L399.8 814.3V679.9l190.1-104.6 115 66.4zm20.9-18.9V261.9l-111.6 64.5v232l111.6 64.4zM67.9 641.7L373 814.3V679.9L182.8 575.3 67.9 641.7zM47 622.8V261.9l111.6 64.5v232L47 622.8zm13.1-384.3L373 61.5v129.9L172.5 301.7l-1.6.9-110.8-64.1zm652.6 0l-312.9-177v129.9l200.5 110.2 1.6.9 110.8-64z"
+    />
+
+    <path
+      fill="#1c78c0"
+      d="M373 649.3L185.4 546.1V341.8L373 450.1v199.2zm26.8 0l187.6-103.1V341.8L399.8 450.1v199.2zm-13.4-207zM198.1 318.2l188.3-103.5 188.3 103.5-188.3 108.7-188.3-108.7z"
+    />
+  </svg>
+);
diff --git a/layouts/Home/index.jsx b/layouts/Home/index.jsx
new file mode 100644
index 0000000..f237ddf
--- /dev/null
+++ b/layouts/Home/index.jsx
@@ -0,0 +1 @@
+export default undefined;
diff --git a/package-lock.json b/package-lock.json
index fe7a0ba..015f6e1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -214,9 +214,9 @@
       }
     },
     "node_modules/@eslint/plugin-kit": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.7.1.tgz",
-      "integrity": "sha512-rZAP3aVgB9ds9KOeUSL+zZ21hPmo8dh6fnIFwRQj5EAZl9gzR7wxYbYXYysAM8CTqGmUGyp2S4kUdV17MnGuWQ==",
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.7.2.tgz",
+      "integrity": "sha512-+CNAzxglkrpNf/kKywqQfk74QjtceuOE7Qm+AF8miRvPF/wmmK5+OJOgVh3AVTT3RP2mH3+FOaxlE5v72owk0A==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -568,6 +568,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -584,6 +587,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -600,6 +606,9 @@
       "cpu": [
         "ppc64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -616,6 +625,9 @@
       "cpu": [
         "riscv64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -632,6 +644,9 @@
       "cpu": [
         "s390x"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -648,6 +663,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -664,6 +682,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2418,6 +2439,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2434,6 +2458,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2450,6 +2477,9 @@
       "cpu": [
         "ppc64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2466,6 +2496,9 @@
       "cpu": [
         "s390x"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2482,6 +2515,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2498,6 +2534,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2606,6 +2645,18 @@
         "hast-util-to-html": "^9.0.5"
       }
     },
+    "node_modules/@shikijs/engine-javascript": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.23.0.tgz",
+      "integrity": "sha512-aHt9eiGFobmWR5uqJUViySI1bHMqrAgamWE1TYSUoftkAeCCAiGawPMwM+VCadylQtF4V3VNOZ5LmfItH5f3yA==",
+      "extraneous": true,
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "oniguruma-to-es": "^4.3.4"
+      }
+    },
     "node_modules/@shikijs/engine-oniguruma": {
       "version": "3.23.0",
       "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.23.0.tgz",
@@ -2860,6 +2911,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2876,6 +2930,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2892,6 +2949,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2908,6 +2968,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3529,9 +3592,9 @@
       }
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.32",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.32.tgz",
-      "integrity": "sha512-wbPvpyjJPC0zdfdKXxqEL3Ea+bOMD/87X4lftiJkkaBiuG6ALQy1SLmEd7BSmVCuwCQsBrCamgBoLyfFDD1EPg==",
+      "version": "2.10.33",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.33.tgz",
+      "integrity": "sha512-bA6+tcSLpz2tIEdDXZPpPTIuxBcC4+w6SieaYyfigIa4h8GlFxbA17v22Vx3JUtuZQj9SgOsnbK+aTBzyDyEuw==",
       "license": "Apache-2.0",
       "bin": {
         "baseline-browser-mapping": "dist/cli.cjs"
@@ -4049,9 +4112,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.361",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.361.tgz",
-      "integrity": "sha512-Q6Hts7N9FnJc5LeGRINFvLhCI9xZmNtTDe5ZbcVezQz7cU4a8Aua3GH1b8J2XY8Al9PF+OCwYqhgsOOheMdvkA==",
+      "version": "1.5.364",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.364.tgz",
+      "integrity": "sha512-G/dYE3+AYhyHwzTwg8UbnXf7zqMERYh7l2jJ3QujhFsH8agSYwtnGAR2aZ7f0AakIKJXd5En/Hre4igIUrdlYw==",
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
@@ -4061,9 +4124,9 @@
       "license": "MIT"
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.22.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.22.0.tgz",
-      "integrity": "sha512-xYcDWrpELkFzz9SpZ3PlI6Eu6eD93Yf0WLDRxikGhWJ3MAir2SNZTIVCVZqZ/NUyx8AdMc2gT9C0gPiw18kG+A==",
+      "version": "5.22.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.22.1.tgz",
+      "integrity": "sha512-6QEuw3zoX1SJQc7b87aBXke/no+mG2bTBgw29gWMQonLmpEkWoCAVkl+M49e48AZlWzxiDzDZzYdp6kobcyLww==",
       "license": "MIT",
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -4159,9 +4222,9 @@
       }
     },
     "node_modules/eslint": {
-      "version": "10.4.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.4.0.tgz",
-      "integrity": "sha512-loXy6bWOoP3EP6JA7jo6p5jMpBJmHmsNZM5SFRHLdh1MGOPurMnNBj4ZlAbaqUAaQWbCr7jHV4P7gzAyryZWkQ==",
+      "version": "10.4.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.4.1.tgz",
+      "integrity": "sha512-AyIKhnOBuOAdueD7RB3xB+YeAWScb9jHsJBgH2Hcde8InP5JYhqrRR6iTMHyTEwgENK54Cp44e4v8BwNhsuHuw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4170,7 +4233,7 @@
         "@eslint/config-array": "^0.23.5",
         "@eslint/config-helpers": "^0.6.0",
         "@eslint/core": "^1.2.1",
-        "@eslint/plugin-kit": "^0.7.1",
+        "@eslint/plugin-kit": "^0.7.2",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.4.2",
@@ -5206,6 +5269,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5226,6 +5292,9 @@
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5246,6 +5315,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5266,6 +5338,9 @@
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5375,16 +5450,16 @@
       }
     },
     "node_modules/lint-staged": {
-      "version": "17.0.5",
-      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-17.0.5.tgz",
-      "integrity": "sha512-d12yC+/e8RhBjZtaxZn71FyrgU/P5e+uAPifhCLwdosQZP/zamSdKRWDC30ocVIbzDKiFG1McHc/LUgB92GIPw==",
+      "version": "17.0.7",
+      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-17.0.7.tgz",
+      "integrity": "sha512-JrSobt+tW3rH8IOMi8tDZd3foorM5yPEkLD/V2NxobgHrFfHWGee4MOLVuZeScgxftEwbHrPHIFA/ZL+nUJeuA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "listr2": "^10.2.1",
         "picomatch": "^4.0.4",
         "string-argv": "^0.3.2",
-        "tinyexec": "^1.1.2"
+        "tinyexec": "^1.2.4"
       },
       "bin": {
         "lint-staged": "bin/lint-staged.js"
@@ -5396,7 +5471,7 @@
         "url": "https://opencollective.com/lint-staged"
       },
       "optionalDependencies": {
-        "yaml": "^2.8.4"
+        "yaml": "^2.9.0"
       }
     },
     "node_modules/listr2": {
@@ -7840,9 +7915,9 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.6.0",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.6.0.tgz",
-      "integrity": "sha512-Eum+5ajkaOhf5KbM26osvv21kLD7BaGqQ1UA4Ami4arYwylmGUQTgHFpHDdmJod1q4QXa66p0to/FBKID+J1vA==",
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.6.1.tgz",
+      "integrity": "sha512-201R5j+sJpK8nFWwKVyNfZot8FaJbLZDq5evriVzbV1wDtSXDjRUDRfJzHpAaxFDMEhsZL1QkeqM61wgsS3KaQ==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.25",
@@ -7924,9 +7999,9 @@
       }
     },
     "node_modules/tinyexec": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.2.2.tgz",
-      "integrity": "sha512-M/Q0B2cp4K7kynaT/vnED1j8TlLY+Pp7C6Wl2bl/7u/F0mUVwdyOpwomQb8JpYLitHUssAJRmLZdMCGsrx7i+g==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.2.4.tgz",
+      "integrity": "sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7934,9 +8009,9 @@
       }
     },
     "node_modules/tinyglobby": {
-      "version": "0.2.16",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
-      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
@@ -8094,9 +8169,9 @@
       "license": "MIT"
     },
     "node_modules/undici": {
-      "version": "6.25.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-6.25.0.tgz",
-      "integrity": "sha512-ZgpWDC5gmNiuY9CnLVXEH8rl50xhRCuLNA97fAUnKi8RRuV4E6KG31pDTsLVUKnohJE0I3XDrTeEydAXRw47xg==",
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-6.26.0.tgz",
+      "integrity": "sha512-4yqz8a3n5HmGTlsbADNtr/dJlhkh/55Rq798G6ibiULcXbDtaLpTl1pvdqcbFfeoj3iSi52lePFM7h9H21cw/A==",
       "license": "MIT",
       "engines": {
         "node": ">=18.17"
@@ -8440,9 +8515,9 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.107.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.107.1.tgz",
-      "integrity": "sha512-mvdIWxj/H6QsfgDdH9djne3a5dYcmEmtsXGESkypaGN5jXjF/b+9KDlmTDQ2TKlFUeA2fI9Y65kihD30JOdB+Q==",
+      "version": "5.107.2",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.107.2.tgz",
+      "integrity": "sha512-v7RhXaJbpMlV0D7hC7lb2EbnxkoeUqf9qhKr6lozx3Q48pmFrqqNRmZFUEGmi7pSwm6fCQ2H1IjvCkHqdpVdjQ==",
       "license": "MIT",
       "dependencies": {
         "@types/estree": "^1.0.8",
@@ -8454,7 +8529,7 @@
         "acorn-import-phases": "^1.0.3",
         "browserslist": "^4.28.1",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.21.4",
+        "enhanced-resolve": "^5.22.0",
         "es-module-lexer": "^2.1.0",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
@@ -8467,7 +8542,7 @@
         "tapable": "^2.3.0",
         "terser-webpack-plugin": "^5.5.0",
         "watchpack": "^2.5.1",
-        "webpack-sources": "^3.4.1"
+        "webpack-sources": "^3.5.0"
       },
       "bin": {
         "webpack": "bin/webpack.js"
diff --git a/pages/site.json b/pages/site.json
index 0f6cec2..4b78db5 100644
--- a/pages/site.json
+++ b/pages/site.json
@@ -1,3 +1,148 @@
 {
-  "sidebar": []
+  "navbar": [
+    {
+      "link": "/guides",
+      "text": "Guides"
+    },
+    {
+      "link": "/about",
+      "text": "About"
+    },
+    {
+      "link": "/blog",
+      "text": "Blog"
+    },
+    {
+      "link": "/api/v5.x",
+      "text": "API"
+    },
+    {
+      "link": "https://github.com/webpack/webpack/blob/main/CONTRIBUTING.md",
+      "text": "Contribute",
+      "target": "_blank"
+    }
+  ],
+  "sidebar": [],
+  "footer": {
+    "socialLinks": [
+      {
+        "label": "GitHub",
+        "link": "https://github.com/webpack/webpack"
+      },
+      {
+        "label": "X",
+        "link": "https://x.com/webpack"
+      },
+      {
+        "label": "Discord",
+        "link": "https://discord.com/invite/webpack"
+      },
+      {
+        "label": "LinkedIn",
+        "link": "https://www.linkedin.com/company/webpack/"
+      }
+    ],
+    "groups": [
+      {
+        "title": "Documentation",
+        "links": [
+          {
+            "text": "Getting Started",
+            "link": "/guides/getting-started"
+          },
+          {
+            "text": "Guides",
+            "link": "/guides"
+          },
+          {
+            "text": "Concepts",
+            "link": "/concepts"
+          },
+          {
+            "text": "Configuration",
+            "link": "/configuration"
+          },
+          {
+            "text": "API",
+            "link": "/api/v5.x"
+          }
+        ]
+      },
+      {
+        "title": "Ecosystem",
+        "links": [
+          {
+            "text": "Loaders",
+            "link": "/loaders"
+          },
+          {
+            "text": "Plugins",
+            "link": "/plugins"
+          },
+          {
+            "text": "Awesome webpack",
+            "link": "https://github.com/webpack-contrib/awesome-webpack"
+          },
+          {
+            "text": "Blog",
+            "link": "/blog"
+          },
+          {
+            "text": "Support webpack",
+            "link": "https://opencollective.com/webpack"
+          }
+        ]
+      },
+      {
+        "title": "Community & Foundation",
+        "links": [
+          {
+            "text": "Contribute",
+            "link": "https://github.com/webpack/.github/blob/HEAD/.github/CONTRIBUTING.md"
+          },
+          {
+            "text": "Code of Conduct",
+            "link": "https://github.com/webpack/webpack/blob/main/CODE_OF_CONDUCT.md"
+          },
+          {
+            "text": "OpenJS Foundation",
+            "link": "https://openjsf.org/"
+          },
+          {
+            "text": "AI Coding Assistants Policy",
+            "link": "https://ai-coding-assistants-policy.openjsf.org/"
+          },
+          {
+            "text": "Bylaws",
+            "link": "https://bylaws.openjsf.org/"
+          }
+        ]
+      },
+      {
+        "title": "Legal",
+        "links": [
+          {
+            "text": "Privacy Policy",
+            "link": "https://privacy-policy.openjsf.org/"
+          },
+          {
+            "text": "Terms of Use",
+            "link": "https://terms-of-use.openjsf.org/"
+          },
+          {
+            "text": "Cookie Policy",
+            "link": "https://www.linuxfoundation.org/cookies/"
+          },
+          {
+            "text": "Trademark Policy",
+            "link": "https://trademark-policy.openjsf.org/"
+          },
+          {
+            "text": "Trademark List",
+            "link": "https://trademark-list.openjsf.org/"
+          }
+        ]
+      }
+    ]
+  }
 }
diff --git a/scripts/html/doc-kit.config.mjs b/scripts/html/doc-kit.config.mjs
index 9db862a..2cea088 100644
--- a/scripts/html/doc-kit.config.mjs
+++ b/scripts/html/doc-kit.config.mjs
@@ -40,9 +40,14 @@ export default {
     useAbsoluteURLs: true,
     remoteConfigUrl: null,
     imports: {
+      '#theme/local/site': join(inputDir, 'site.json'),
+
       '#theme/Sidebar': join(ROOT, 'components/SideBar.jsx'),
-      '#theme/site': join(inputDir, 'site.json'),
+      '#theme/site': join(ROOT, 'pages/site.json'),
       '#theme/Layout': join(ROOT, 'components/Layout.jsx'),
+      '#theme/Navigation': join(ROOT, 'components/NavBar.jsx'),
+      '#theme/Footer': join(ROOT, 'components/Footer/index.jsx'),
+      '#theme/Logo': join(ROOT, 'components/WebpackLogo/Icon.jsx'),
     },
   },
 };
diff --git a/scripts/html/index.mjs b/scripts/html/index.mjs
index a7cdaa3..8b882e5 100644
--- a/scripts/html/index.mjs
+++ b/scripts/html/index.mjs
@@ -22,6 +22,7 @@ const runDocKit = version =>
         ...process.env,
         VERSION: version,
       },
+      shell: true,
     }
   );
 
diff --git a/scripts/prepare/index.mjs b/scripts/prepare/index.mjs
index 730d20b..1561a1d 100644
--- a/scripts/prepare/index.mjs
+++ b/scripts/prepare/index.mjs
@@ -8,6 +8,7 @@ const CACHE_DIR = join('.', '.cache', 'webpack');
 const execOptions = {
   stdio: ['ignore', 'pipe', 'inherit'],
   encoding: 'utf8',
+  shell: true,
 };
 
 const fetchWebpack = version => {