diff --git a/components/ActionBar/DesktopNavigation.tsx b/components/ActionBar/DesktopNavigation.tsx
index 3e502d79..8306543f 100644
--- a/components/ActionBar/DesktopNavigation.tsx
+++ b/components/ActionBar/DesktopNavigation.tsx
@@ -17,6 +17,14 @@ import { TabsSmall } from "components/Icons/TabsSmall";
 import { SpeedyLink } from "components/SpeedyLink";
 import { GoToArrow } from "components/Icons/GoToArrow";
 import { GoToArrowLined } from "components/Icons/GoToArrowLined";
+import { HelpSmall } from "components/Icons/HelpSmall";
+import { Popover } from "components/Popover";
+import { useIsMobile } from "src/hooks/isMobile";
+import { BlueskyTiny } from "components/Icons/BlueskyTiny";
+import { BlueskySmall } from "components/Icons/BlueskySmall";
+import { Separator } from "components/Layout";
+import { LeafletTiny } from "components/Icons/LeafletTiny";
+import { ButtonPrimary } from "components/Buttons";
 
 type NavigationProps = {
   pageTitle: React.ReactNode;
@@ -70,20 +78,15 @@ export const NavigationContent = (props: NavigationProps) => {
 
   return (
     <>
-      {props.pageTitle}
-
+      {props.pageTitle} <hr className="border-border-light mb-2" />
       {props.actions && (
         <>
-          <hr className="border-border-light mb-2" />
-
           <div className="flex flex-col gap-1">{props.actions}</div>
+          {props.tabs && <hr className="border-border-light my-2" />}
         </>
       )}
-
       {props.tabs && (
         <>
-          <hr className="border-border-light my-2" />
-
           {Object.entries(props.tabs).map(([name, { href, icon }]) => (
             <SpeedyLink key={name} href={href} className="hover:no-underline!">
               <ActionButton
@@ -96,10 +99,8 @@ export const NavigationContent = (props: NavigationProps) => {
           ))}
         </>
       )}
-
       {onWriterPage && <PublicationButtons />}
       <div className="flex-1" />
-
       <WriterButton />
       <ReaderButton
         subs={
@@ -108,28 +109,110 @@ export const NavigationContent = (props: NavigationProps) => {
         }
       />
       {identity?.atp_did && <NotificationButton />}
-      {identity ? (
-        <>
-          <hr className="border-border-light my-1" />
-          <ProfileButton />
-        </>
-      ) : (
-        <LoginModal
-          asChild
-          trigger={
-            <ActionButton
-              className="w-full!"
-              secondary
-              icon={<AccountSmall />}
-              label="Log In/Sign Up"
+      <div className="flex gap-1 items-center">
+        {identity ? (
+          <>
+            <hr className="border-border-light my-1" />
+            <div className="grow min-w-0">
+              <ProfileButton />
+            </div>
+          </>
+        ) : (
+          <div className="grow min-w-0">
+            <LoginModal
+              asChild
+              trigger={
+                <ActionButton
+                  className="w-full! grow"
+                  secondary
+                  icon={<AccountSmall />}
+                  label="Log In/Sign Up"
+                />
+              }
             />
-          }
-        />
-      )}
+          </div>
+        )}
+        <HelpPopover />
+      </div>
     </>
   );
 };
 
+const HelpPopover = () => {
+  let isMobile = useIsMobile();
+  return (
+    <Popover
+      asChild
+      side={isMobile ? "top" : "right"}
+      align={isMobile ? "center" : "start"}
+      className="w-xs max-sw-full"
+      trigger={
+        <button
+          type="button"
+          aria-label="About Leaflet"
+          className="shrink-0 pr-2 text-tertiary"
+        >
+          <HelpSmall />
+        </button>
+      }
+    >
+      <div className="flex flex-col text-secondary text-center pt-2 ">
+        <h3>Welcome to Leaflet!</h3>
+        <div className="pb-3">
+          An expressive tool for publishing blogs and newsletters
+        </div>
+        <div className="flex flex-col gap-1 ">
+          <a
+            href="https://bsky.app/profile/leaflet.pub"
+            target="_blank"
+            rel="noreferrer"
+            className="no-underline!"
+          >
+            <ButtonPrimary
+              compact
+              fullWidth
+              className="bg-[#1281F6]! border-[#1281F6]!  hover:outline-[#1281F6]! text-white!"
+            >
+              <BlueskyTiny className="shrink-0" />
+              Follow us on Bluesky
+            </ButtonPrimary>
+          </a>
+
+          <a
+            href="https://buttondown.com/leaflet"
+            target="_blank"
+            rel="noreferrer"
+            className="no-underline!"
+          >
+            <ButtonPrimary
+              compact
+              fullWidth
+              className="bg-[#57822B]! border-[#57822B]! hover:outline-[#57822B]! text-white!"
+            >
+              <LeafletTiny className="shrink-0" /> Sign up for our Newsletter
+            </ButtonPrimary>
+          </a>
+        </div>
+        <hr className="mt-3 mb-1  border-border-light" />
+        <div className="text-sm flex gap-4  mx-auto pb-1">
+          <SpeedyLink href="/legal" target="_blank">
+            Terms
+          </SpeedyLink>
+          {/*
+            THIS SHOULD GO TO THE LANDING PAGE
+            <SpeedyLink href="/about" target="_blank">
+            Learn More
+            </SpeedyLink>
+          */}
+          <a href="mailto:contact@leaflet.pub" target="_blank" rel="noreferrer">
+            Contact
+          </a>
+        </div>
+      </div>
+    </Popover>
+  );
+};
+
 export const PageTitle = (props: {
   pageTitle: string;
   showBackButton?: boolean;
diff --git a/components/ActionBar/NavigationButtons.tsx b/components/ActionBar/NavigationButtons.tsx
index 52613dbf..27d31e9a 100644
--- a/components/ActionBar/NavigationButtons.tsx
+++ b/components/ActionBar/NavigationButtons.tsx
@@ -99,7 +99,6 @@ export function NotificationButton() {
       type="button"
       onClick={handleClick}
       labelOnMobile={false}
-      className="w-full!"
       icon={
         unreads ? (
           <NotificationsUnreadSmall className="text-accent-contrast" />
diff --git a/components/Icons/LeafletTiny.tsx b/components/Icons/LeafletTiny.tsx
new file mode 100644
index 00000000..e6018425
--- /dev/null
+++ b/components/Icons/LeafletTiny.tsx
@@ -0,0 +1,19 @@
+import { Props } from "./Props";
+
+export const LeafletTiny = (props: Props) => {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M11.8668 0.000946697C12.1911 -0.00776564 12.7669 0.0342619 13.1383 0.530244C13.2074 0.622574 13.2583 0.715693 13.2946 0.804658C13.562 0.780496 13.9339 0.749887 14.2799 0.77829C14.6129 0.805673 15.2866 0.911671 15.6793 1.51657C16.0252 2.04966 15.9383 2.59492 15.7692 2.96579C15.6717 3.17955 15.5299 3.37339 15.4186 3.51267C15.5381 3.61445 15.6731 3.75242 15.7789 3.9277C16.0334 4.34915 16.0455 4.81599 15.9323 5.25681C15.7334 6.03035 15.0695 6.3684 14.6656 6.5195C14.2505 6.67483 13.7641 6.75976 13.401 6.82321C13.3869 6.82568 13.3728 6.82764 13.359 6.83005C13.3303 6.83508 13.3023 6.83988 13.275 6.8447C13.3642 7.14642 13.3452 7.46648 13.2418 7.77048C12.9557 8.61163 12.3032 9.01101 11.6832 9.17966C11.1519 9.3241 10.5577 9.32349 10.1354 9.32321H9.98401C10.0893 9.73959 9.96874 10.15 9.85022 10.4277C9.41231 11.4532 8.422 11.836 7.6217 11.998C6.82175 12.1599 5.89364 12.1657 5.12366 12.1699H5.07092C4.64879 12.1723 4.27434 12.1746 3.9469 12.1924C3.6562 12.7387 3.41593 13.3457 3.13733 14.0547L3.13635 14.0566C3.06317 14.2428 2.98742 14.4361 2.90881 14.6318C2.59825 15.4047 1.71984 15.7792 0.946899 15.4687C0.173965 15.1582 -0.201463 14.2798 0.109009 13.5068C0.506651 12.5168 0.919122 11.8273 1.46838 10.7666C1.61594 10.4816 1.74023 10.2517 1.84924 10.0381C1.84924 9.39381 1.89774 8.9382 1.9928 8.3613C2.15266 7.39112 2.28769 7.0177 2.48499 6.13278C2.66647 5.52121 2.93322 4.70011 3.35217 4.24802C3.59296 3.98818 3.96492 3.60802 4.52502 3.582C4.8648 3.56636 5.07696 3.84018 5.25647 3.957C5.77748 3.25199 6.21912 2.31295 6.7887 1.58395C7.24546 0.999382 7.73681 0.48834 8.52991 0.610322C8.93855 0.673299 9.51997 0.98071 9.52014 1.58395C9.67153 1.41562 10.1343 0.768553 10.3287 0.610322C10.6991 0.308862 11.2118 0.0185629 11.8668 0.000946697ZM11.5748 0.782197C10.877 0.800962 10.3849 1.39427 9.97229 1.89255C9.67357 2.25329 9.41649 2.56445 9.15198 2.57126C8.8923 2.57794 8.91166 2.40388 8.93616 2.18356C8.97108 1.86951 9.01628 1.46131 8.27893 1.34763C7.6674 1.25338 7.0226 2.38484 6.46252 3.36716C6.07935 4.0392 5.73509 4.64189 5.46936 4.73434C5.06333 4.87542 4.87514 4.70949 4.71448 4.56833C4.52019 4.39763 4.36629 4.26285 3.91663 4.74802C3.44288 5.25924 3.1194 6.65748 2.80627 8.18063C2.76675 8.37509 3.04448 8.50032 3.17151 8.34763C3.89251 7.48102 5.06446 6.28956 6.46252 5.40817C7.74786 4.59785 8.98753 3.79311 10.3903 3.38767C10.597 3.32793 10.6556 3.55928 10.4576 3.64352C8.87603 4.31647 7.51741 5.20388 6.09436 6.38864C4.49485 7.69103 2.98179 9.42484 2.21448 10.8379C1.74437 11.6211 1.31469 12.4745 0.942016 13.4023C0.842025 13.6514 0.962572 13.934 1.21155 14.0342C1.46069 14.1342 1.74429 14.0138 1.84436 13.7646C1.92005 13.5762 1.99291 13.3896 2.06506 13.206C2.3935 12.3703 2.70122 11.5864 3.13538 10.874C3.16357 10.8278 3.21156 10.7974 3.26526 10.791C3.73712 10.7349 4.29865 10.7317 4.87952 10.7285C6.46361 10.7196 8.1939 10.7096 8.65784 9.62302C8.90008 9.0555 8.60814 8.97388 8.34436 8.90036C8.12876 8.84027 7.9323 8.78481 8.06213 8.47458C8.2872 7.93768 9.02056 7.93748 9.79749 7.93747C10.7027 7.93746 11.6668 7.93727 11.9557 7.08786C12.0793 6.7244 11.859 6.58156 11.6637 6.45505C11.5003 6.34923 11.3551 6.25456 11.443 6.05173C11.5834 5.72844 12.1931 5.62098 12.8395 5.50778C13.6113 5.37261 14.435 5.22874 14.5719 4.69626C14.7013 4.19269 14.4599 4.03041 14.2106 3.86227C14.0582 3.7595 13.9035 3.65383 13.8278 3.46774C13.7351 3.23965 13.9373 2.99554 14.1481 2.74216C14.397 2.44292 14.6566 2.13049 14.4528 1.81638C14.2206 1.45972 13.5296 1.5223 12.9576 1.57419C12.6007 1.60656 12.2902 1.63422 12.1666 1.55368C12.0413 1.47185 12.0464 1.33369 12.0514 1.19626C12.0593 0.98129 12.0666 0.769051 11.5748 0.782197Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
diff --git a/components/SpeedyLink.tsx b/components/SpeedyLink.tsx
index 4848ffbb..ac900828 100644
--- a/components/SpeedyLink.tsx
+++ b/components/SpeedyLink.tsx
@@ -7,6 +7,7 @@ export function SpeedyLink(props: {
   className?: string;
   style?: React.CSSProperties;
   children?: React.ReactNode;
+  target?: string;
 }) {
   let [prefetch, setPrefetch] = useState(false);
   return (
@@ -16,6 +17,7 @@ export function SpeedyLink(props: {
       style={props.style}
       prefetch={prefetch}
       href={props.href}
+      target={props.target}
       className={props.className}
     >
       {props.children}