adding more with stale states

packages/web/pages/s/later.tsx

@@ -1,8 +1,23 @@
 import getDynamicMeLayout from "../../components/Layouts/DynamicMeLayout";
 import React from "react";
+import { FaRegClock } from "react-icons/fa";
 
 export default function Later() {
-  return <div>All caught up.</div>;
+  return (
+    <div className="mx-auto my-auto flex flex-col">
+      <img
+        src="/illustrations/undraw_season_change_f99v.svg"
+        className="h-[15rem] mx-auto my-auto"
+      />
+
+      <span></span>
+      <span className="text-slate-400 text-center mt-5">
+        Focusing right now? <br></br> No worries, go through low-priority{" "}
+        <br></br>
+        conversations <FaRegClock className="inline" /> later.
+      </span>
+    </div>
+  );
 }
 
 Later.getLayout = function getLayout(page: React.ReactElement) {

packages/web/pages/s/priority.tsx

@@ -1,8 +1,23 @@
 import getDynamicMeLayout from "../../components/Layouts/DynamicMeLayout";
 import React from "react";
+import { FaRocket } from "react-icons/fa";
 
 export default function Priority() {
-  return <div>All caught up.</div>;
+  return (
+    <div className="mx-auto my-auto flex flex-col">
+      <img
+        src="/illustrations/undraw_team_collaboration_re_ow29.svg"
+        className="h-[15rem] mx-auto my-auto"
+      />
+
+      <span></span>
+      <span className="text-slate-400 text-center mt-5">
+        One place for your most important
+        <br></br>people and items <FaRocket className="inline" />.<br></br>
+        <span className="text-red-600">Keep this clean at all costs.</span>
+      </span>
+    </div>
+  );
 }
 
 Priority.getLayout = function getLayout(page: React.ReactElement) {