diff --git a/marketing-site/components/Nav.jsx b/marketing-site/components/Nav.jsx
index e197218..266d751 100644
--- a/marketing-site/components/Nav.jsx
+++ b/marketing-site/components/Nav.jsx
@@ -6,7 +6,6 @@ const LINKS = [
   { href: "#contents", label: "Contents" },
   { href: "#letter", label: "Why" },
   { href: "#faq", label: "FAQ" },
-  { href: "/read", label: "Library" },
 ];
 
 function NavItem({ href, label, onClick }) {
@@ -67,9 +66,14 @@ export default function Nav() {
           ))}
         </div>
 
-        <a href="#get" className="btn btn-primary nav-cta">
-          Get the preview
-        </a>
+        <div className="nav-actions">
+          <Link href="/read" className="btn btn-ghost nav-cta" onClick={close}>
+            Go to Library
+          </Link>
+          <a href="#get" className="btn btn-primary nav-cta">
+            Get the preview
+          </a>
+        </div>
 
         <button
           type="button"
@@ -87,6 +91,9 @@ export default function Nav() {
         {LINKS.map((l) => (
           <NavItem key={l.href} href={l.href} label={l.label} onClick={close} />
         ))}
+        <Link href="/read" className="btn btn-ghost" onClick={close}>
+          Go to Library
+        </Link>
         <a href="#get" className="btn btn-primary" onClick={close}>
           Get the preview
         </a>