diff --git a/website/theme/pages/index.tsx b/website/theme/pages/index.tsx
index edb42b53b..3d7768575 100644
--- a/website/theme/pages/index.tsx
+++ b/website/theme/pages/index.tsx
@@ -1,12 +1,23 @@
+import { HomeBackground as BasicHomeBackground } from '@rspress/core/theme';
 import { BackgroundImage } from '@rstack-dev/doc-ui/background-image';
 import { CopyRight } from '../components/Copyright';
 import { Hero } from '../components/Hero';
 import { ToolStack } from '../components/ToolStack';
 
+function HomeBackground() {
+  return (
+    <>
+      {/* For transparent nav at top */}
+      <BasicHomeBackground style={{ background: 'none' }} />
+      <BackgroundImage />
+    </>
+  );
+}
+
 export function HomeLayout() {
   return (
     <div style={{ position: 'relative' }}>
-      <BackgroundImage />
+      <HomeBackground />
       <Hero />
       <ToolStack />
       <CopyRight />