diff --git a/site/components/Hero.tsx b/site/components/Hero.tsx
index 532ee2541..7e5f19f9b 100644
--- a/site/components/Hero.tsx
+++ b/site/components/Hero.tsx
@@ -30,16 +30,13 @@ export function Hero() {
             </ButtonLink>
 
             <ButtonLink
-              style="secondary"
+              style="primary"
               className="mt-8 ml-3"
-              href="https://github.com/datopian/portaljs"
+              href="https://portaljs.com/"
             >
-              View on GitHub
+              PortalJS Cloud
             </ButtonLink>
 
-            <div className="md:max-w-md mx-auto lg:mx-0 ">
-              <NewsletterForm />
-            </div>
             <p className="my-10 text-l tracking-wide">
               <span>A project of</span>
               <a
diff --git a/site/components/NavItem.tsx b/site/components/NavItem.tsx
index 0a262e3ac..865076e65 100644
--- a/site/components/NavItem.tsx
+++ b/site/components/NavItem.tsx
@@ -29,7 +29,7 @@ export default function NavItem({ item }) {
             onMouseLeave={closeDropdown}
             target={item.target || '_self'}
             onClick={() => setshowDropdown(!showDropdown)}
-            className="text-slate-600 dark:text-slate-400 inline-flex items-center mr-2 px-1 pt-1 text-sm font-medium hover:text-slate-500"
+            className={`${item.name.includes("Cloud") ? "text-blue-600 dark:text-blue-400" : "text-slate-600 dark:text-slate-400"} inline-flex items-center mr-2 px-1 pt-1 text-sm font-medium hover:text-slate-500`}
           >
             {item.name}
           </Link>
diff --git a/site/content/config.js b/site/content/config.js
index c0ce47d3f..9ea3cd7ea 100644
--- a/site/content/config.js
+++ b/site/content/config.js
@@ -31,6 +31,12 @@ const config = {
       href: 'https://storybook.portaljs.org',
       target: '_blank',
     },
+    {
+      name: 'Cloud ☁️',
+      href: 'https://portaljs.com/',
+      target: '_blank',
+      style: 'text-blue-600 dark:text-blue-400'
+    },
     // { name: "DL Demo", href: "/data-literate/demo" },
     // { name: "Excel Viewer", href: "/excel-viewer" },
   ],