diff --git a/src/app/story/[storylineId]/page.tsx b/src/app/story/[storylineId]/page.tsx
index 1902b0d0..4fb7330e 100644
--- a/src/app/story/[storylineId]/page.tsx
+++ b/src/app/story/[storylineId]/page.tsx
@@ -141,6 +141,12 @@ export default async function StoryPage({ params }: { params: Params }) {
           {genesis ? (
             <>
               <GenesisSection plot={genesis} />
+              <a
+                href={chapters.length > 0 ? `/story/${id}/1` : "#genesis"}
+                className="border-accent text-accent hover:bg-accent/10 mt-8 block w-full rounded border py-3 text-center text-sm font-medium transition-colors"
+              >
+                Read the first Plot
+              </a>
               <CommentSection storylineId={id} plotIndex={0} />
             </>
           ) : (
@@ -284,7 +290,7 @@ function StoryHeader({
 
 function GenesisSection({ plot }: { plot: Plot }) {
   return (
-    <section>
+    <section id="genesis">
       <ViewTracker storylineId={plot.storyline_id} plotIndex={0} />
       <div className="text-muted mb-3 flex items-baseline gap-3 text-xs">
         <span className="text-accent-dim font-medium">Genesis</span>