diff --git a/src/components/SiteLayout.astro b/src/components/SiteLayout.astro
index d302e5c..58a2597 100644
--- a/src/components/SiteLayout.astro
+++ b/src/components/SiteLayout.astro
@@ -1,4 +1,5 @@
 ---
+import { ViewTransitions } from "astro:transitions";
 const { title } = Astro.props;
 ---
 
@@ -9,6 +10,7 @@ const { title } = Astro.props;
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
 		<title>{ title }</title>
+    <ViewTransitions />
 	</head>
 	<body class="relative font-syne bg-neutral-900 text-yellow-500 grid grid-cols-1 md:grid-cols-5 w-full h-full min-w-screen min-h-screen">
     <aside class="sticky top-0 max-h-screen flex items-center border-yellow-500 justify-between md:border-r-2 w-full md:w-fit md:justify-start md:items-start h-fit md:h-full md:flex-col gap-4 font-medium p-4">
@@ -23,7 +25,7 @@ const { title } = Astro.props;
         Menu
       </button>
 
-      <nav id="navigation" class="hidden md:flex flex-col gap-4 w-full md:col-span-1">
+      <nav id="navigation" class="hidden md:flex flex-col gap-4 w-full md:col-span-1" transition:persist>
         <hr class="border-yellow-500 " />
 
         <section class="flex flex-col gap-2 text-white">
@@ -44,14 +46,16 @@ const { title } = Astro.props;
         <hr class="border-yellow-500 " />
 
         <section class="flex flex-col gap-2 text-white">
-          <h3 class="text-yellow-500">some works</h3>
+          <h3 class="text-yellow-500">
+            <a href="/resume" class="after:content-['_->']">resume</a>
+          </h3>
           <a href="https://app.opensauced.pizza" target="_blank" class="after:content-['_↗']">OpenSauced</a>
           <a href="https://easytodo.link" target="_blank" class="after:content-['_↗']">easytodo.link</a>
         </section>
       </nav>
     </aside>
 
-    <div class="md:col-span-4 w-full h-full">
+    <div class="md:col-span-4 w-full h-full" transition:animate="slide">
       <slot />
     </div>
 	</body>
diff --git a/src/pages/resume.astro b/src/pages/resume.astro
new file mode 100644
index 0000000..9a6f260
--- /dev/null
+++ b/src/pages/resume.astro
@@ -0,0 +1,35 @@
+---
+import SiteLayout from "../components/SiteLayout.astro";
+---
+
+<SiteLayout title="zeu.dev">
+  <main class="flex flex-col gap-4 px-4 py-8 text-white text-lg">
+    <h1 class="text-5xl text-yellow-500 font-bold">Resume</h1>
+    <p class="text-yellow-500">
+      Notable works, professional and otherwise.
+    </p>
+
+    <h3 class="text-3xl font-semibold text-yellow-500">OpenSauced</h3>
+    <section>
+      <h4 class="text-xl font-semibold">
+        <span class="text-yellow-500">App</span> Open Source Repository Data Analytics Platform
+      </h4>
+    </section>
+    <section>
+      <h4 class="text-xl font-semibold">
+        <span class="text-yellow-500">Landing Page</span> Marketing, Blogs, and Changelogs
+      </h4>
+      
+    </section>
+    <section>
+      <h4 class="text-xl font-semibold">
+        <span class="text-yellow-500">Pizza CLI</span> Open Source Team Orchestration Tool
+      </h4> 
+    </section> 
+
+    <h3 class="text-3xl font-semibold text-yellow-500"></h3>
+    <section>
+
+    </section>
+  </main>
+</SiteLayout>