diff --git a/website/rspress.config.ts b/website/rspress.config.ts
index 2b3b35799f..726b4c98f0 100644
--- a/website/rspress.config.ts
+++ b/website/rspress.config.ts
@@ -717,6 +717,10 @@ const config: UserConfig = defineConfig({
         text: 'Guide',
         link: '/guide/installation',
       },
+      {
+        text: 'REPL',
+        link: '/repl',
+      },
       {
         text: 'API',
         items: [
diff --git a/website/theme/Layout.tsx b/website/theme/Layout.tsx
new file mode 100644
index 0000000000..2e35a0deb7
--- /dev/null
+++ b/website/theme/Layout.tsx
@@ -0,0 +1,23 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+import { useLang } from '@rspress/core/runtime';
+import { Banner, Layout as BasicLayout } from '@rspress/core/theme-original';
+
+export const Layout = () => {
+  const lang = useLang();
+  return (
+    <BasicLayout
+      beforeNav={
+        <Banner
+          href='https://lynxjs.org'
+          storage={false}
+          message={lang === 'en'
+            ? 'This is the dev preview website. Check out the document at lynxjs.org'
+            : '这是开发预览网站。请访问正式文档 lynxjs.org'}
+        />
+      }
+    />
+  );
+};
diff --git a/website/theme/index.tsx b/website/theme/index.tsx
index ad1485b537..851f2dd409 100644
--- a/website/theme/index.tsx
+++ b/website/theme/index.tsx
@@ -8,3 +8,6 @@ export { HomeLayout } from './HomeLayout/index.jsx';
 // The eslint-plugin-import cannot resolve `@rspress/core`
 // eslint-disable-next-line import/export
 export * from '@rspress/core/theme-original';
+
+// eslint-disable-next-line import/export
+export { Layout } from './Layout.jsx';