diff --git a/frontend/src/pages/DocsPage.css b/frontend/src/pages/DocsPage.css
index b09eeb5..d7eb1d7 100644
--- a/frontend/src/pages/DocsPage.css
+++ b/frontend/src/pages/DocsPage.css
@@ -197,6 +197,20 @@
   padding: 16px 20px 0;
 }
 
+.docs-sidebar-divider {
+  margin: 16px 20px;
+  border-top: 1px solid var(--border);
+}
+
+.docs-sidebar-title--pages {
+  padding-top: 0;
+}
+
+.docs-sidebar-link {
+  display: block;
+  text-decoration: none;
+}
+
 .docs-sidebar-gh {
   display: flex;
   align-items: center;
diff --git a/frontend/src/pages/DocsPage.tsx b/frontend/src/pages/DocsPage.tsx
index 1b93477..4d7fb89 100644
--- a/frontend/src/pages/DocsPage.tsx
+++ b/frontend/src/pages/DocsPage.tsx
@@ -478,6 +478,7 @@ export const DocsPage: React.FC = () => {
         <span className="docs-nav-divider">/</span>
         <span className="docs-nav-section">Docs</span>
         <div className="docs-nav-links">
+          <Link to="/" className="docs-nav-link">Home</Link>
           <Link to="/examples" className="docs-nav-link">Examples</Link>
           <Link to="/editor" className="docs-nav-link">Editor</Link>
           <a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="docs-nav-link">
@@ -517,6 +518,13 @@ export const DocsPage: React.FC = () => {
               </button>
             ))}
           </nav>
+          <div className="docs-sidebar-divider" />
+          <div className="docs-sidebar-title docs-sidebar-title--pages">Pages</div>
+          <nav className="docs-sidebar-nav">
+            <Link to="/" className="docs-sidebar-item docs-sidebar-link" onClick={() => setSidebarOpen(false)}>Home</Link>
+            <Link to="/editor" className="docs-sidebar-item docs-sidebar-link" onClick={() => setSidebarOpen(false)}>Editor</Link>
+            <Link to="/examples" className="docs-sidebar-item docs-sidebar-link" onClick={() => setSidebarOpen(false)}>Examples</Link>
+          </nav>
           <div className="docs-sidebar-footer">
             <a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="docs-sidebar-gh">
               <IcoGitHub /> View on GitHub
diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx
index 6f1b6b8..5c0d161 100644
--- a/frontend/src/pages/LandingPage.tsx
+++ b/frontend/src/pages/LandingPage.tsx
@@ -420,6 +420,7 @@ export const LandingPage: React.FC = () => {
           <a href={GITHUB_URL} target="_blank" rel="noopener noreferrer" className="nav-link">
             <IcoGitHub /> GitHub
           </a>
+          <Link to="/docs" className="nav-link">Docs</Link>
           <Link to="/examples" className="nav-link">Examples</Link>
           {isLoading ? (
             <div className="nav-auth-skeleton" />
@@ -564,6 +565,7 @@ export const LandingPage: React.FC = () => {
         </div>
         <div className="footer-links">
           <a href={GITHUB_URL} target="_blank" rel="noopener noreferrer">GitHub</a>
+          <Link to="/docs">Docs</Link>
           <Link to="/examples">Examples</Link>
           <Link to="/editor">Editor</Link>
         </div>