diff --git a/frontend/public/cxg-og.jpg b/frontend/public/cxg-og.jpg
new file mode 100644
index 0000000000000..122cc6efccecc
Binary files /dev/null and b/frontend/public/cxg-og.jpg differ
diff --git a/frontend/src/common/analytics/events.ts b/frontend/src/common/analytics/events.ts
index 0c88656b9b05a..1486f0912fd49 100644
--- a/frontend/src/common/analytics/events.ts
+++ b/frontend/src/common/analytics/events.ts
@@ -69,6 +69,7 @@ export enum EVENTS {
   DOWNLOAD_DATA_COMPLETE = "DOWNLOAD_DATA_COMPLETE",
   DOWNLOAD_DATA_COPY = "DOWNLOAD_DATA_COPY",
   DOWNLOAD_DATA_FORMAT_CLICKED = "DOWNLOAD_DATA_FORMAT_CLICKED",
+  HOMEPAGE_SEC_NAV_DE = "HOMEPAGE_SEC_NAV_DE",
   HOMEPAGE_SEC_NAV_CENSUS = "HOMEPAGE_SEC_NAV_CENSUS",
   HOMEPAGE_SEC_NAV_CELL_GUIDE = "HOMEPAGE_SEC_NAV_CELL_GUIDE",
   HOMEPAGE_SEC_NAV_COLLECTIONS_DATASETS = "HOMEPAGE_SEC_NAV_COLLECTIONS_DATASETS",
@@ -125,6 +126,7 @@ export enum EVENTS {
   CG_OPEN_INTEGRATED_EMBEDDING_CLICKED = "CG_OPEN_INTEGRATED_EMBEDDING_CLICKED",
   SUBMIT_CORRECTION_CLICKED = "SUBMIT_CORRECTION_CLICKED",
   // DIFFERENTIAL EXPRESSION
+  DE_CLICKED = "DE_CLICKED",
   DE_DOCUMENTATION_CLICKED = "DE_DOCUMENTATION_CLICKED",
   // Event triggered when a visitor selects a cell type for Cell group 1 or Cell group 2
   DE_SELECT_CELL_TYPE = "DE_SELECT_CELL_TYPE",
diff --git a/frontend/src/common/constants/airtableLinks.ts b/frontend/src/common/constants/airtableLinks.ts
index 026284dc42109..b8a49437b19db 100644
--- a/frontend/src/common/constants/airtableLinks.ts
+++ b/frontend/src/common/constants/airtableLinks.ts
@@ -1,6 +1,4 @@
-export const GENE_EXPRESSION_BANNER_SURVEY_LINK =
-  "https://airtable.com/shrLwepDSEX1HI6bo";
-export const CELL_GUIDE_BANNER_SURVEY_LINK =
-  "https://airtable.com/shrEReYLtRTAAsNiE";
 export const CELL_GUIDE_CORRECTION_SURVEY_LINK =
   "https://airtable.com/shr6hViGxXnJIxIVJ";
+export const BANNER_FEEDBACK_SURVEY_LINK =
+  "https://airtable.com/app8fNSQ8ieIiHLOv/shrmD31azkGtSupmO";
diff --git a/frontend/src/common/queries/wheresMyGene.ts b/frontend/src/common/queries/wheresMyGene.ts
index a9c0cff74f99c..b37c80420fc35 100644
--- a/frontend/src/common/queries/wheresMyGene.ts
+++ b/frontend/src/common/queries/wheresMyGene.ts
@@ -30,7 +30,6 @@ import { EMPTY_OBJECT } from "../constants/utils";
 import { DEFAULT_FETCH_OPTIONS, JSON_BODY_FETCH_OPTIONS } from "./common";
 import { ENTITIES } from "./entities";
 import { Dataset } from "@mui/icons-material";
-import { formatCitation } from "../utils/formatCitation";
 
 interface RawOntologyTerm {
   [id: string]: string;
@@ -1158,7 +1157,7 @@ function toEntity(item: RawOntologyTerm) {
 function toCitationEntity(citation: string) {
   return {
     id: citation,
-    name: formatCitation(citation),
+    name: citation,
   };
 }
 
diff --git a/frontend/src/common/utils/formatCitation.ts b/frontend/src/common/utils/formatCitation.ts
deleted file mode 100644
index e074b90228086..0000000000000
--- a/frontend/src/common/utils/formatCitation.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export function formatCitation(str: string) {
-  const [authors, journalYear] = str.split("et al.");
-  if (!journalYear) return str;
-  const formattedYear = `(${journalYear.slice(-4)})`;
-  const journal = journalYear.slice(0, -5);
-  return `${authors} et al. ${formattedYear} ${journal}`;
-}
diff --git a/frontend/src/components/BottomBanner/components/ModalContent/connect.ts b/frontend/src/components/BottomBanner/components/ModalContent/connect.ts
index fcc1ae948ea6f..541b1b1a7e328 100644
--- a/frontend/src/components/BottomBanner/components/ModalContent/connect.ts
+++ b/frontend/src/components/BottomBanner/components/ModalContent/connect.ts
@@ -9,12 +9,10 @@ import {
 
 export const useConnect = ({
   id,
-  isHubSpotReady,
   email,
   setError,
 }: {
   id?: string;
-  isHubSpotReady: boolean;
   email: string;
   setError: (error: string) => void;
 }) => {
@@ -85,8 +83,6 @@ export const useConnect = ({
    * handles the submission success flow and email validation failure flow
    */
   useEffect(() => {
-    if (!isHubSpotReady) return;
-
     const observer = new MutationObserver((mutations) => {
       for (const mutation of mutations) {
         for (let i = 0; i < mutation.addedNodes.length; i++) {
@@ -106,14 +102,6 @@ export const useConnect = ({
       }
     });
 
-    hbspt.forms.create({
-      region: "na1",
-      portalId: "7272273",
-      formId: "eb65b811-0451-414d-8304-7b9b6f468ce5",
-      target: formContainerQueryId,
-      formInstanceId: id,
-    });
-
     const form = document.querySelector(formContainerQueryId);
 
     if (form) {
@@ -126,7 +114,7 @@ export const useConnect = ({
     return () => {
       observer.disconnect();
     };
-  }, [formContainerQueryId, id, setError, isHubSpotReady]);
+  }, [formContainerQueryId, id, setError]);
 
   return {
     isSubmitted,
diff --git a/frontend/src/components/BottomBanner/components/ModalContent/index.tsx b/frontend/src/components/BottomBanner/components/ModalContent/index.tsx
index 9cd04dac09518..48f6d777b99f2 100644
--- a/frontend/src/components/BottomBanner/components/ModalContent/index.tsx
+++ b/frontend/src/components/BottomBanner/components/ModalContent/index.tsx
@@ -22,7 +22,6 @@ import {
 
 export default function BottomBannerModalContent({
   id = "newsletter-banner",
-  isHubSpotReady = false,
   setEmail,
   setError,
   emailValidationError,
@@ -34,7 +33,7 @@ export default function BottomBannerModalContent({
     submitButtonEnabledOnce,
     setSubmitButtonEnabledOnce,
     emailRef,
-  } = useConnect({ id, isHubSpotReady, setError, email });
+  } = useConnect({ id, setError, email });
 
   return (
     <StyledNewsletterSignupModal data-testid="newsletter-modal-content">
diff --git a/frontend/src/components/BottomBanner/connect.ts b/frontend/src/components/BottomBanner/connect.ts
index 4b4d3e5e6e1d6..d20ec8780a306 100644
--- a/frontend/src/components/BottomBanner/connect.ts
+++ b/frontend/src/components/BottomBanner/connect.ts
@@ -7,28 +7,15 @@ import {
 import { track } from "src/common/analytics";
 import { EVENTS } from "src/common/analytics/events";
 
-export const useConnect = ({
-  isHubSpotReadyProp,
-  asFooter,
-}: {
-  isHubSpotReadyProp: boolean;
-  asFooter?: boolean;
-}) => {
+export const useConnect = ({ asFooter }: { asFooter?: boolean }) => {
   const [bottomBannerLastClosedTime, setBottomBannerLastClosedTime] =
     useLocalStorage<number>(BOTTOM_BANNER_LAST_CLOSED_TIME_KEY, 0);
 
   const [newsletterModalIsOpen, setNewsletterModalIsOpen] = useState(false);
-  const [isHubSpotReady, setIsHubSpotReady] = useState(false);
   const [email, setEmail] = useState("");
   const [emailValidationError, setError] = useState("");
   const [isDirectLink, setIsDirectLink] = useState(false);
 
-  useEffect(() => {
-    if (!isHubSpotReadyProp) return;
-
-    setIsHubSpotReady(true);
-  }, [isHubSpotReady, isHubSpotReadyProp]);
-
   /**
    * useEffect
    * Reads a query parameter from the URL to auto open the newsletter signup modal
@@ -37,8 +24,6 @@ export const useConnect = ({
    * isDirectLink is tracked in setter function or else we get window not defined error
    */
   useEffect(() => {
-    if (!isHubSpotReady) return;
-
     if (!asFooter && window) {
       const openModalParam = new URLSearchParams(window.location.search).get(
         "newsletter_signup"
@@ -54,7 +39,7 @@ export const useConnect = ({
         });
       }
     }
-  }, [asFooter, isDirectLink, isHubSpotReady]);
+  }, [asFooter, isDirectLink]);
 
   /**
    * showBanner
@@ -78,6 +63,8 @@ export const useConnect = ({
   /**
    * toggleNewsletterSignupModal
    * Toggles the newsletter signup modal
+   * (smcanny) 07/24 - not in use currently
+   * leaving it here incase a new newsletter modal is established
    * */
   function toggleNewsletterSignupModal() {
     if (!newsletterModalIsOpen) {
@@ -91,11 +78,9 @@ export const useConnect = ({
   return {
     setBottomBannerLastClosedTime,
     newsletterModalIsOpen,
-    setIsHubSpotReady,
     isDirectLink,
     toggleNewsletterSignupModal,
     showBanner,
-    isHubSpotReady,
     email,
     setEmail,
     emailValidationError,
diff --git a/frontend/src/components/BottomBanner/constants.ts b/frontend/src/components/BottomBanner/constants.ts
index d70b3f2e5a283..9a39537ac93ce 100644
--- a/frontend/src/components/BottomBanner/constants.ts
+++ b/frontend/src/components/BottomBanner/constants.ts
@@ -1,11 +1,13 @@
-export const FORM_CONTAINER_ID = "hubspot-form-container";
+export const FORM_CONTAINER_ID = "form-container";
 export const FORM_CONTAINER_ID_QUERY = `#${FORM_CONTAINER_ID}`;
-export const FAILED_EMAIL_VALIDATION_STRING =
-  "Please provide a valid email address.";
-export const HIDDEN_NEWSLETTER_SUCCESS_MESSAGE =
-  "Thank you for joining our newsletter.";
+
 export const BOTTOM_BANNER_EXPIRATION_TIME_MS = 30 * 24 * 60 * 60 * 1000; // 30 days
 export const BOTTOM_BANNER_LAST_CLOSED_TIME_KEY = "bottomBannerLastClosedTime";
+export const BOTTOM_BANNER_SURVEY_LINK_TEXT = "quick survey.";
+export const BOTTOM_BANNER_SURVEY_TEXT = "Send us feedback with this";
+
+//(smcanny) 07/24 - Newsletter constants not currently in use
+// leaving it here incase a new newsletter modal is established
 export const NEWSLETTER_SIGNUP_TITLE = "Join Our Newsletter";
 export const NEWSLETTER_SIGNUP_MESSAGE = "Thanks for subscribing!";
 export const NEWSLETTER_SIGNUP_SUCCESS_MESSAGE =
@@ -13,10 +15,10 @@ export const NEWSLETTER_SIGNUP_SUCCESS_MESSAGE =
 export const NEWSLETTER_SIGNUP_UNSUBSCRIBE_MESSAGE_UPON_SIGNUP =
   'To unsubscribe, click on the "Unsubscribe" link at the bottom of the newsletter.';
 export const NEWSLETTER_SIGNUP_UNSUBSCRIBE_MESSAGE = "Unsubscribe at any time.";
-export const HUBSPOT_URL = "https://js.hsforms.net/forms/v2.js";
 export const NEWSLETTER_SIGNUP_BANNER_SUBSCRIBE_BUTTON_TEXT = "Subscribe";
 export const NEWSLETTER_SIGNUP_BANNER_SUBSCRIBE_TEXT =
   "to our newsletter to receive updates about new features.";
-export const NEWSLETTER_SIGNUP_BANNER_SURVEY_LINK_TEXT = "quick survey.";
-export const NEWSLETTER_SIGNUP_BANNER_SURVEY_TEXT =
-  "Send us feedback with this";
+export const FAILED_EMAIL_VALIDATION_STRING =
+  "Please provide a valid email address.";
+export const HIDDEN_NEWSLETTER_SUCCESS_MESSAGE =
+  "Thank you for joining our newsletter.";
diff --git a/frontend/src/components/BottomBanner/index.tsx b/frontend/src/components/BottomBanner/index.tsx
index 666debffdd8ae..351eeb77e4d8a 100644
--- a/frontend/src/components/BottomBanner/index.tsx
+++ b/frontend/src/components/BottomBanner/index.tsx
@@ -1,4 +1,3 @@
-import Script from "next/script";
 import { memo } from "react";
 import {
   BOTTOM_BANNER_ID,
@@ -6,72 +5,47 @@ import {
   StyledBanner,
   StyledBottomBannerWrapper,
   StyledLink,
-  HeaderContainer,
-  HiddenHubSpotForm,
   FooterContentWrapper,
   StyledCloseButtonIcon,
+  HeaderContainer,
 } from "./style";
 import CellxgeneLogoSvg from "src/common/images/CellxGene.svg";
-import Head from "next/head";
 import { EXCLUDE_IN_SCREENSHOT_CLASS_NAME } from "src/views/WheresMyGeneV2/components/GeneSearchBar/components/SaveExport";
-import { noop } from "src/common/constants/utils";
 import BottomBannerModalContent from "./components/ModalContent";
 import { useConnect } from "./connect";
 import {
-  FORM_CONTAINER_ID,
-  HUBSPOT_URL,
+  BOTTOM_BANNER_SURVEY_LINK_TEXT,
+  BOTTOM_BANNER_SURVEY_TEXT,
   NEWSLETTER_SIGNUP_BANNER_SUBSCRIBE_BUTTON_TEXT,
   NEWSLETTER_SIGNUP_BANNER_SUBSCRIBE_TEXT,
-  NEWSLETTER_SIGNUP_BANNER_SURVEY_LINK_TEXT,
-  NEWSLETTER_SIGNUP_BANNER_SURVEY_TEXT,
 } from "./constants";
 import { Props } from "./types";
 
 export default memo(function BottomBanner({
-  includeSurveyLink = true,
+  hasSurveyLink = true,
+  hasNewsletterSignup = false,
   asFooter = false,
   customSurveyLinkPrefix,
   analyticsHandler,
-  airtableLink,
+  surveyLink,
   id = "newsletter-banner",
-  isHubSpotReady: isHubSpotReadyProp = false,
-  onHubSpotReady = noop,
 }: Props): JSX.Element | null {
   const {
     setBottomBannerLastClosedTime,
     setEmail,
     setError,
-    setIsHubSpotReady,
     toggleNewsletterSignupModal,
     newsletterModalIsOpen,
     isDirectLink,
     showBanner,
-    isHubSpotReady,
     email,
     emailValidationError,
-  } = useConnect({ isHubSpotReadyProp, asFooter });
+  } = useConnect({ asFooter });
 
   if (!showBanner) return null;
 
   return (
     <>
-      <Head>
-        {!asFooter && (
-          <meta
-            id="newsletter-signup-meta"
-            name="viewport"
-            content="width=device-width, initial-scale=1, maximum-scale=1"
-          />
-        )}
-      </Head>
-      <Script
-        onReady={() => {
-          setIsHubSpotReady(true);
-          onHubSpotReady();
-        }}
-        type="text/javascript"
-        src={HUBSPOT_URL}
-      />
       <StyledBottomBannerWrapper
         asFooter={asFooter}
         id={BOTTOM_BANNER_ID}
@@ -84,13 +58,9 @@ export default memo(function BottomBanner({
           onClose={() => setBottomBannerLastClosedTime(Date.now())}
           data-id={id}
         >
-          {/* Hidden form for submitting the data to HubSpot */}
-          <HiddenHubSpotForm id={FORM_CONTAINER_ID} />
-
           {asFooter ? (
             <FooterContentWrapper>
               <BottomBannerModalContent
-                isHubSpotReady={isHubSpotReady}
                 setError={setError}
                 setEmail={setEmail}
                 email={email}
@@ -100,25 +70,29 @@ export default memo(function BottomBanner({
           ) : (
             <>
               <>
-                <StyledLink
-                  onClick={toggleNewsletterSignupModal}
-                  data-testid="newsletter-modal-open-button"
-                >
-                  {NEWSLETTER_SIGNUP_BANNER_SUBSCRIBE_BUTTON_TEXT}
-                </StyledLink>
-                {NEWSLETTER_SIGNUP_BANNER_SUBSCRIBE_TEXT}
-                {includeSurveyLink && (
+                {hasNewsletterSignup && (
+                  <>
+                    <StyledLink
+                      onClick={toggleNewsletterSignupModal}
+                      data-testid="newsletter-modal-open-button"
+                    >
+                      {NEWSLETTER_SIGNUP_BANNER_SUBSCRIBE_BUTTON_TEXT}
+                    </StyledLink>
+                    {NEWSLETTER_SIGNUP_BANNER_SUBSCRIBE_TEXT}
+                  </>
+                )}
+                {hasSurveyLink && (
                   <>
                     {customSurveyLinkPrefix
                       ? customSurveyLinkPrefix
-                      : NEWSLETTER_SIGNUP_BANNER_SURVEY_TEXT}
+                      : BOTTOM_BANNER_SURVEY_TEXT}
                     <StyledLink
-                      href={airtableLink}
+                      href={surveyLink}
                       target="_blank"
                       rel="noopener"
                       onClick={analyticsHandler}
                     >
-                      {NEWSLETTER_SIGNUP_BANNER_SURVEY_LINK_TEXT}
+                      {BOTTOM_BANNER_SURVEY_LINK_TEXT}
                     </StyledLink>
                   </>
                 )}
@@ -141,7 +115,6 @@ export default memo(function BottomBanner({
                   />
                 </HeaderContainer>
                 <BottomBannerModalContent
-                  isHubSpotReady={isHubSpotReady}
                   setError={setError}
                   setEmail={setEmail}
                   email={email}
diff --git a/frontend/src/components/BottomBanner/style.ts b/frontend/src/components/BottomBanner/style.ts
index 54eff50bd639d..7140ac1e370c4 100644
--- a/frontend/src/components/BottomBanner/style.ts
+++ b/frontend/src/components/BottomBanner/style.ts
@@ -6,10 +6,6 @@ import { SKINNY_MODE_BREAKPOINT_WIDTH } from "src/views/CellGuide/components/Cel
 
 export const BOTTOM_BANNER_ID = "bottom-banner";
 
-export const HiddenHubSpotForm = styled.div`
-  display: none;
-`;
-
 export const StyledBanner = styled(Banner)`
   ${fontBodyS}
 
diff --git a/frontend/src/components/BottomBanner/types.ts b/frontend/src/components/BottomBanner/types.ts
index f25efd6c0e768..d0dc2e7e719cc 100644
--- a/frontend/src/components/BottomBanner/types.ts
+++ b/frontend/src/components/BottomBanner/types.ts
@@ -1,26 +1,16 @@
 import { ReactElement } from "react";
 
 export interface Props {
-  includeSurveyLink?: boolean;
+  hasSurveyLink?: boolean;
+  hasNewsletterSignup?: boolean;
   asFooter?: boolean;
   customSurveyLinkPrefix?: ReactElement;
   analyticsHandler?: () => void;
-  airtableLink: string;
+  surveyLink: string;
   /**
    * (thuang): Since the homepage has two newsletter banners (footer and banner),
    * we need to give each banner a unique id to differentiate them.
    */
   id?: string;
-  /**
-   * (thuang): This is needed for homepage, because we have two instances of BottomBanner
-   * and the HubSpot script is only loaded once, so only the first instance of BottomBanner
-   * gets the onReady callback.
-   */
-  isHubSpotReady?: boolean;
-  /**
-   * (thuang): The first instance of BottomBanner in the UI needs to call onHubSpotReady(),
-   * so the second BottomBanner knows when HubSpot is ready via `isHubSpotReady` prop.
-   */
-  onHubSpotReady?: () => void;
   emailValidationError?: string;
 }
diff --git a/frontend/src/components/Header/components/Nav/index.tsx b/frontend/src/components/Header/components/Nav/index.tsx
index d739c87508a25..5ad3637bc47a4 100644
--- a/frontend/src/components/Header/components/Nav/index.tsx
+++ b/frontend/src/components/Header/components/Nav/index.tsx
@@ -60,18 +60,17 @@ export default function Nav({ className, pathname }: Props): JSX.Element {
               }}
             >
               <Link href={ROUTES.CELL_GUIDE}>Cell Guide</Link>
-              <BetaChip label="Beta" size="small" />
             </LinkWrapper>
             {/* Uncomment this when DE is ready for release */}
-            {/* <LinkWrapper
+            <LinkWrapper
               isActive={isRouteActive(pathname, ROUTES.DE)}
               onClick={() => {
                 track(EVENTS.DE_CLICK_NAV);
               }}
             >
               <Link href={ROUTES.DE}>Differential Expression</Link>
-              <BetaChip label="Beta" size="small" />
-            </LinkWrapper> */}
+              <BetaChip label="new" size="small" />
+            </LinkWrapper>
           </NavItemContainer>
         </NavSection>
         <NavDivider />
diff --git a/frontend/src/components/LandingFooter/index.tsx b/frontend/src/components/LandingFooter/index.tsx
index 9c8bcbfd591cc..be5ef97c9dd87 100644
--- a/frontend/src/components/LandingFooter/index.tsx
+++ b/frontend/src/components/LandingFooter/index.tsx
@@ -4,25 +4,11 @@ import { EVENTS } from "src/common/analytics/events";
 import { ROUTES } from "src/common/constants/routes";
 import Wordmark from "src/common/images/cellxgene-discover-wordmark.svg";
 import CZILogo from "src/components/common/staticPages/czi-logo-white.png";
-import BottomBanner from "../BottomBanner";
 import styles from "./index.module.scss";
-import { GENE_EXPRESSION_BANNER_SURVEY_LINK } from "src/common/constants/airtableLinks";
-import { useState } from "react";
 
 const LandingFooter = (): JSX.Element => {
-  const [, setIsHubSpotReady] = useState(false);
-
   return (
     <>
-      {/* This newsletter signup section should not be dismissible  */}
-      <BottomBanner
-        id="newsletter-footer"
-        asFooter
-        airtableLink={GENE_EXPRESSION_BANNER_SURVEY_LINK}
-        // (thuang): The first instance of BottomBanner in the UI needs to call onHubSpotReady()
-        onHubSpotReady={() => setIsHubSpotReady(true)}
-      />
-
       <footer className={styles.footer}>
         <div className={styles.footerTopContainer}>
           <div className={styles.footerLogo}>
diff --git a/frontend/src/components/Layout/index.tsx b/frontend/src/components/Layout/index.tsx
index 60708930234ac..052b0b8f7fd08 100644
--- a/frontend/src/components/Layout/index.tsx
+++ b/frontend/src/components/Layout/index.tsx
@@ -16,7 +16,22 @@ const Layout = ({ children }: Props) => {
   if (pathname === ROUTES.HOMEPAGE || pathname === ROUTES.SITEMAP) {
     return (
       <>
-        <LandingHeader data-testid="landing-footer" />
+        <LandingHeader
+          data-testid="landing-footer"
+          banner={true}
+          bannerOptions={{
+            content: (
+              <p>
+                New feature: Visualize and analyze spatial transcriptomics
+                datasets in Explorer!&nbsp;
+                <a href="https://cellxgene.cziscience.com/datasets?utm_campaign=spatial_jul_2024?utm_source=homepage_banner&utm_medium=product">
+                  Browse datasets
+                </a>
+                &nbsp;using the Visium or Slide-seqV2 assay filter.
+              </p>
+            ),
+          }}
+        />
         {children}
         <LandingFooter />
       </>
diff --git a/frontend/src/components/MobileFriendlyHeader/index.tsx b/frontend/src/components/MobileFriendlyHeader/index.tsx
index ecad491e4e70d..b19c961b42a16 100644
--- a/frontend/src/components/MobileFriendlyHeader/index.tsx
+++ b/frontend/src/components/MobileFriendlyHeader/index.tsx
@@ -1,15 +1,18 @@
+import { Banner } from "@czi-sds/components";
 import { useRouter } from "next/router";
-import { FC, useRef, useState } from "react";
+import { FC, useRef, useState, useEffect } from "react";
 import { track } from "src/common/analytics";
 import { EVENTS } from "src/common/analytics/events";
 import { ROUTES } from "src/common/constants/routes";
 import AuthButtons from "src/components/Header/components/AuthButtons";
 import { HomepageLink } from "../common/HomepageLink";
 import {
+  BannerWrapper,
   DesktopHomeLink,
   HeaderTitle,
   Left,
   MainWrapper,
+  MobileBannerWrapper,
   MobileHomeLink,
   MobileMenuButton,
   MobileMenuButtonBar,
@@ -25,9 +28,24 @@ interface Props {
   title?: string;
   homeUrl?: string;
   labelUrl?: string;
+  banner?: boolean;
+  bannerOptions?: BannerOptions;
 }
 
-const LandingHeader: FC<Props> = ({ title = "", homeUrl, labelUrl }) => {
+interface BannerOptions {
+  dismissible?: boolean;
+  dismissed?: boolean;
+  sdsType?: string;
+  content?: JSX.Element;
+}
+
+const LandingHeader: FC<Props> = ({
+  title = "",
+  homeUrl,
+  labelUrl,
+  banner,
+  bannerOptions,
+}) => {
   const router = useRouter();
   const { pathname } = router;
 
@@ -49,53 +67,105 @@ const LandingHeader: FC<Props> = ({ title = "", homeUrl, labelUrl }) => {
     }
   };
 
-  return (
-    <MobileNavWrapper>
-      {/* Left */}
-      <MobileHomeLink>
-        <HomepageLink homeUrl={homeUrl} />
-      </MobileHomeLink>
+  const bannerContainerRef = useRef<HTMLDivElement>(null);
+  const [bannerHeight, setBannerHeight] = useState(0);
 
-      {/* Middle */}
-      <HeaderTitle onClick={handleLabelClick}>{title}</HeaderTitle>
+  const determineBannerHeight = () => {
+    setTimeout(() => {
+      if (bannerContainerRef.current) {
+        setBannerHeight(bannerContainerRef.current.offsetHeight);
+        bannerContainerRef.current.style.display = "none";
+      }
+    }, 1);
+  };
+
+  useEffect(() => {
+    if (bannerContainerRef.current) {
+      setBannerHeight(bannerContainerRef.current.offsetHeight);
+    }
+  }, []);
 
-      {/* Right */}
-      <MobileMenuButton onClick={() => mobileNavHandler(mobileMenuOpen)}>
-        <MobileMenuButtonBar className={mobileMenuOpen ? "open" : ""} />
-        <MobileMenuButtonBar className={mobileMenuOpen ? "open" : ""} />
-        <MobileMenuButtonBar className={mobileMenuOpen ? "open" : ""} />
-      </MobileMenuButton>
-      <MobileNavTray
-        className={`${mobileMenuOpen ? "active" : ""}`}
-        ref={mobileNavTray}
+  const MobileFriendlyHeaderBanner = () => (
+    <Banner
+      sdsType={
+        (bannerOptions?.sdsType as "primary" | "secondary" | "tertiary") ||
+        "primary"
+      }
+      dismissible={bannerOptions?.dismissible}
+    >
+      <>{bannerOptions?.content}</>
+    </Banner>
+  );
+
+  return (
+    <div>
+      {banner && bannerOptions && (
+        <div
+          ref={bannerContainerRef}
+          className={`BannerContainer`}
+          onClick={() => determineBannerHeight()}
+        >
+          <MobileBannerWrapper>
+            <MobileFriendlyHeaderBanner />
+          </MobileBannerWrapper>
+        </div>
+      )}
+      <MobileNavWrapper
+        style={{
+          top: `${bannerHeight}px`,
+        }}
       >
-        <Wrapper>
-          <MainWrapper>
-            <Left>
-              <DesktopHomeLink>
-                <HomepageLink />
-              </DesktopHomeLink>
-              <Nav pathname={pathname} />
-            </Left>
-            <Right>
-              <LinkWrapper isActive={isRouteActive(pathname, ROUTES.DOCS)}>
-                <a
-                  onClick={() => {
-                    track(EVENTS.DOCUMENTATION_CLICK_NAV);
-                  }}
-                  href={ROUTES.DOCS}
-                  rel="noopener"
-                  target="_blank"
-                >
-                  Help & Documentation
-                </a>
-              </LinkWrapper>
-              <AuthButtons />
-            </Right>
-          </MainWrapper>
-        </Wrapper>
-      </MobileNavTray>
-    </MobileNavWrapper>
+        {/* Left */}
+        <MobileHomeLink>
+          <HomepageLink homeUrl={homeUrl} />
+        </MobileHomeLink>
+
+        {/* Middle */}
+        <HeaderTitle onClick={handleLabelClick}>{title}</HeaderTitle>
+
+        {/* Right */}
+        <MobileMenuButton onClick={() => mobileNavHandler(mobileMenuOpen)}>
+          <MobileMenuButtonBar className={mobileMenuOpen ? "open" : ""} />
+          <MobileMenuButtonBar className={mobileMenuOpen ? "open" : ""} />
+          <MobileMenuButtonBar className={mobileMenuOpen ? "open" : ""} />
+        </MobileMenuButton>
+        <MobileNavTray
+          className={`${mobileMenuOpen ? "active" : ""}`}
+          ref={mobileNavTray}
+        >
+          <Wrapper>
+            {banner && bannerOptions && (
+              <BannerWrapper>
+                <MobileFriendlyHeaderBanner />
+              </BannerWrapper>
+            )}
+            <MainWrapper>
+              <Left>
+                <DesktopHomeLink>
+                  <HomepageLink />
+                </DesktopHomeLink>
+                <Nav pathname={pathname} />
+              </Left>
+              <Right>
+                <LinkWrapper isActive={isRouteActive(pathname, ROUTES.DOCS)}>
+                  <a
+                    onClick={() => {
+                      track(EVENTS.DOCUMENTATION_CLICK_NAV);
+                    }}
+                    href={ROUTES.DOCS}
+                    rel="noopener"
+                    target="_blank"
+                  >
+                    Help & Documentation
+                  </a>
+                </LinkWrapper>
+                <AuthButtons />
+              </Right>
+            </MainWrapper>
+          </Wrapper>
+        </MobileNavTray>
+      </MobileNavWrapper>
+    </div>
   );
 };
 
diff --git a/frontend/src/components/MobileFriendlyHeader/style.ts b/frontend/src/components/MobileFriendlyHeader/style.ts
index b2cb3c308c2c3..7b53cbd275e49 100644
--- a/frontend/src/components/MobileFriendlyHeader/style.ts
+++ b/frontend/src/components/MobileFriendlyHeader/style.ts
@@ -23,6 +23,40 @@ export const Wrapper = styled.div`
   }
 `;
 
+export const BannerWrapper = styled.div`
+  p {
+    margin: auto 0;
+    font-weight: 500;
+  }
+
+  a {
+    color: white;
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
+
+  @media (max-width: ${MAX_WIDTH_BREAKPOINT_PX}px) {
+    display: none;
+  }
+`;
+
+export const MobileBannerWrapper = styled.div`
+  p {
+    margin: auto 0;
+    font-weight: 500;
+  }
+
+  a {
+    color: white;
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
+
+  @media (min-width: ${MAX_WIDTH_BREAKPOINT_PX + 1}px) {
+    display: none;
+  }
+`;
+
 export const MainWrapper = styled.div`
   align-items: center;
   display: flex;
@@ -30,11 +64,13 @@ export const MainWrapper = styled.div`
   height: inherit; /* Take up full height of parent. */
   justify-content: space-between;
   padding: 0 16px;
+  background: #000000;
 
   @media (max-width: ${MAX_WIDTH_BREAKPOINT_PX}px) {
     align-items: flex-start;
     flex-direction: column;
     justify-content: flex-start;
+    background: inherit;
   }
 `;
 
diff --git a/frontend/src/components/common/staticPages/cxg-explorer.png b/frontend/src/components/common/staticPages/cxg-explorer.png
index 71a5a3b493144..12d181475eb46 100644
Binary files a/frontend/src/components/common/staticPages/cxg-explorer.png and b/frontend/src/components/common/staticPages/cxg-explorer.png differ
diff --git a/frontend/src/components/common/staticPages/differential-expression.png b/frontend/src/components/common/staticPages/differential-expression.png
new file mode 100644
index 0000000000000..af523fb7b1b58
Binary files /dev/null and b/frontend/src/components/common/staticPages/differential-expression.png differ
diff --git a/frontend/src/pages/_app.tsx b/frontend/src/pages/_app.tsx
index e5c8b6abb1aaa..813dc00d3bd2b 100644
--- a/frontend/src/pages/_app.tsx
+++ b/frontend/src/pages/_app.tsx
@@ -68,11 +68,6 @@ function App({ Component, pageProps }: AppPropsWithLayout): JSX.Element {
           key="og:url"
           content="https://cellxgene.cziscience.com/"
         />
-        <meta
-          property="og:image"
-          key="og:image"
-          content={"https://cellxgene.cziscience.com/open-graph.jpg"}
-        />
         <meta property="og:creator" key="og:creator" content="@cziscience" />
         <meta property="og:site" key="og:site" content="@cziscience" />
         <meta
diff --git a/frontend/src/views/CellGuide/components/CellGuideBottomBanner/index.tsx b/frontend/src/views/CellGuide/components/CellGuideBottomBanner/index.tsx
deleted file mode 100644
index f03690e1dc171..0000000000000
--- a/frontend/src/views/CellGuide/components/CellGuideBottomBanner/index.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { track } from "src/common/analytics";
-import { EVENTS } from "src/common/analytics/events";
-import { CELL_GUIDE_BANNER_SURVEY_LINK } from "src/common/constants/airtableLinks";
-import BottomBanner from "src/components/BottomBanner";
-import { StyledLink } from "src/components/BottomBanner/style";
-
-export default function CellGuideBottomBanner({
-  includeSurveyLink = true,
-}: {
-  includeSurveyLink?: boolean;
-}): JSX.Element {
-  return (
-    <BottomBanner
-      includeSurveyLink={includeSurveyLink}
-      airtableLink={CELL_GUIDE_BANNER_SURVEY_LINK}
-      customSurveyLinkPrefix={
-        <span>
-          Check out the{" "}
-          <StyledLink
-            href="https://docs.google.com/document/d/1ljLxEpEpOLwvEpUBsZbNolV0MovkTVb_cHSwIyG0mg8/edit?usp=sharing"
-            target="_blank"
-            rel="noopener"
-          >
-            CellGuide roadmap
-          </StyledLink>{" "}
-          for planned updates or send us feedback with this
-        </span>
-      }
-      analyticsHandler={() => {
-        track(EVENTS.SUGGEST_CHANGE_CLICKED);
-      }}
-    />
-  );
-}
diff --git a/frontend/src/views/CellGuide/components/LandingPage/index.tsx b/frontend/src/views/CellGuide/components/LandingPage/index.tsx
index 2d71f58219cb7..785eb664bdf70 100644
--- a/frontend/src/views/CellGuide/components/LandingPage/index.tsx
+++ b/frontend/src/views/CellGuide/components/LandingPage/index.tsx
@@ -6,6 +6,8 @@ import CellGuideMobileHeader from "../CellGuideMobileHeader";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { throttle } from "lodash";
 import { MAX_WIDTH_BREAKPOINT_PX } from "src/components/MobileFriendlyHeader/style";
+import BottomBanner from "src/components/BottomBanner";
+import { BANNER_FEEDBACK_SURVEY_LINK } from "src/common/constants/airtableLinks";
 
 const TITLE = "CellGuide Cell Types and Cell Tissues - CZ CELLxGENE";
 
@@ -97,6 +99,7 @@ export default function LandingPage(): JSX.Element {
           )}
         </div>
       </Wrapper>
+      <BottomBanner surveyLink={BANNER_FEEDBACK_SURVEY_LINK} />
     </div>
   );
 }
diff --git a/frontend/src/views/DifferentialExpression/components/Main/index.tsx b/frontend/src/views/DifferentialExpression/components/Main/index.tsx
index 8cabeece1bb54..e5eb30f9b35b7 100644
--- a/frontend/src/views/DifferentialExpression/components/Main/index.tsx
+++ b/frontend/src/views/DifferentialExpression/components/Main/index.tsx
@@ -33,6 +33,8 @@ import {
 import { track } from "src/common/analytics";
 import { EVENTS } from "src/common/analytics/events";
 import { useConnect } from "./connect";
+import BottomBanner from "src/components/BottomBanner";
+import { BANNER_FEEDBACK_SURVEY_LINK } from "src/common/constants/airtableLinks";
 
 export default function DifferentialExpression(): JSX.Element {
   const {
@@ -50,120 +52,128 @@ export default function DifferentialExpression(): JSX.Element {
   } = useConnect();
 
   return (
-    <TwoPanelLayout>
-      <div className="leftPanel">
-        <Wrapper>
-          {isLoading && <Loader />}
+    <>
+      <TwoPanelLayout>
+        <div className="leftPanel">
+          <Wrapper>
+            {isLoading && <Loader />}
 
-          <QuerySelectorWrapper>
-            <StepHeader>
-              <WordPop>Differential</WordPop> Expression
-            </StepHeader>
-            <StepSubHeader
-              data-testid={DIFFERENTIAL_EXPRESSION_METHOD_INFO_TEXT}
-            >
-              <p>
-                Find differentially expressed genes between custom group of
-                cells across the CELLxGENE data corpus. For additional help and
-                information, read our documentation.
-              </p>
-              <StyledP>
-                This tool uses Welch&apos;s t-test to identify differentially
-                expressed genes between groups of cells in the CELLxGENE Census.
-                We recommend using this tool for preliminary investigations and
-                following up with more robust methods for formal analysis. Learn
-                more about data filtering and normalization{" "}
-                <a
-                  href="/docs/04__Analyze%20Public%20Data/4_2__Gene%20Expression%20Documentation/4_2_3__Gene%20Expression%20Data%20Processing"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  onClick={() => track(EVENTS.DE_DOCUMENTATION_CLICKED)}
-                >
-                  here
-                </a>
-                .
-              </StyledP>
-            </StepSubHeader>
-            <FlexRow>
-              <Organism />
-              <Method />
-              <OverlapBehavior />
-            </FlexRow>
-            <QueryGroupAndButtonWrapper>
+            <QuerySelectorWrapper>
+              <StepHeader>
+                <WordPop>Differential</WordPop> Expression
+              </StepHeader>
+              <StepSubHeader
+                data-testid={DIFFERENTIAL_EXPRESSION_METHOD_INFO_TEXT}
+              >
+                <p>
+                  Find differentially expressed genes between custom group of
+                  cells across the CELLxGENE data corpus. For additional help
+                  and information, read our documentation.
+                </p>
+                <StyledP>
+                  This tool uses Welch&apos;s t-test to identify differentially
+                  expressed genes between groups of cells in the CELLxGENE
+                  Census. We recommend using this tool for preliminary
+                  investigations and following up with more robust methods for
+                  formal analysis. Learn more about data filtering and
+                  normalization{" "}
+                  <a
+                    href="/docs/04__Analyze%20Public%20Data/4_2__Gene%20Expression%20Documentation/4_2_3__Gene%20Expression%20Data%20Processing"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    onClick={() => track(EVENTS.DE_DOCUMENTATION_CLICKED)}
+                  >
+                    here
+                  </a>
+                  .
+                </StyledP>
+              </StepSubHeader>
               <FlexRow>
-                <div data-testid={DIFFERENTIAL_EXPRESSION_CELL_GROUP_1_FILTER}>
-                  <CellGroupTitle>
-                    Cell Group 1
-                    <CellCountTitle
-                      data-testid={DIFFERENTIAL_EXPRESSION_FILTER_CELL_COUNT}
-                    >
-                      {isLoadingGroup1 && (
-                        <Spinner
-                          data-testid={
-                            DIFFERENTIAL_EXPRESSION_FILTERS_LOADING_SPINNER
-                          }
-                        />
-                      )}
-                      {nCellsGroup1.toLocaleString()} cells
-                    </CellCountTitle>
-                  </CellGroupTitle>
-                  <QueryGroupFilters
-                    key="query-group-1"
-                    queryGroup={queryGroup1}
-                    isQueryGroup1={true}
-                  />
-                </div>
-                <div data-testid={DIFFERENTIAL_EXPRESSION_CELL_GROUP_2_FILTER}>
-                  <CellGroupTitle>
-                    Cell Group 2
-                    <CellCountTitle
-                      data-testid={DIFFERENTIAL_EXPRESSION_FILTER_CELL_COUNT}
-                    >
-                      {isLoadingGroup2 && (
-                        <Spinner
-                          data-testid={
-                            DIFFERENTIAL_EXPRESSION_FILTERS_LOADING_SPINNER
-                          }
-                        />
-                      )}
-                      {nCellsGroup2.toLocaleString()} cells
-                    </CellCountTitle>
-                  </CellGroupTitle>
-                  <QueryGroupFilters
-                    key="query-group-2"
-                    queryGroup={queryGroup2}
-                    isQueryGroup1={false}
-                  />
-                </div>
+                <Organism />
+                <Method />
+                <OverlapBehavior />
               </FlexRow>
-              <RunButtonWrapper>
-                <ClearAllButton
-                  color="inherit"
-                  size="large"
-                  variant="text"
-                  onClick={handleClearQueryGroups}
-                  data-testid={DIFFERENTIAL_EXPRESSION_CLEAR_ALL_BUTTON}
-                >
-                  Clear all
-                </ClearAllButton>
-                <RunButton
-                  color="primary"
-                  size="large"
-                  variant="contained"
-                  onClick={handleRunDifferentialExpression}
-                  disabled={!canRunDifferentialExpression}
-                  data-testid={DIFFERENTIAL_EXPRESSION_FIND_GENES_BUTTON}
-                >
-                  Find genes
-                </RunButton>
-              </RunButtonWrapper>
-            </QueryGroupAndButtonWrapper>
-          </QuerySelectorWrapper>
-        </Wrapper>
-      </div>
-      <div className="rightPanel">
-        <DeResults setIsLoading={setIsLoading} />
-      </div>
-    </TwoPanelLayout>
+              <QueryGroupAndButtonWrapper>
+                <FlexRow>
+                  <div
+                    data-testid={DIFFERENTIAL_EXPRESSION_CELL_GROUP_1_FILTER}
+                  >
+                    <CellGroupTitle>
+                      Cell Group 1
+                      <CellCountTitle
+                        data-testid={DIFFERENTIAL_EXPRESSION_FILTER_CELL_COUNT}
+                      >
+                        {isLoadingGroup1 && (
+                          <Spinner
+                            data-testid={
+                              DIFFERENTIAL_EXPRESSION_FILTERS_LOADING_SPINNER
+                            }
+                          />
+                        )}
+                        {nCellsGroup1.toLocaleString()} cells
+                      </CellCountTitle>
+                    </CellGroupTitle>
+                    <QueryGroupFilters
+                      key="query-group-1"
+                      queryGroup={queryGroup1}
+                      isQueryGroup1={true}
+                    />
+                  </div>
+                  <div
+                    data-testid={DIFFERENTIAL_EXPRESSION_CELL_GROUP_2_FILTER}
+                  >
+                    <CellGroupTitle>
+                      Cell Group 2
+                      <CellCountTitle
+                        data-testid={DIFFERENTIAL_EXPRESSION_FILTER_CELL_COUNT}
+                      >
+                        {isLoadingGroup2 && (
+                          <Spinner
+                            data-testid={
+                              DIFFERENTIAL_EXPRESSION_FILTERS_LOADING_SPINNER
+                            }
+                          />
+                        )}
+                        {nCellsGroup2.toLocaleString()} cells
+                      </CellCountTitle>
+                    </CellGroupTitle>
+                    <QueryGroupFilters
+                      key="query-group-2"
+                      queryGroup={queryGroup2}
+                      isQueryGroup1={false}
+                    />
+                  </div>
+                </FlexRow>
+                <RunButtonWrapper>
+                  <ClearAllButton
+                    color="inherit"
+                    size="large"
+                    variant="text"
+                    onClick={handleClearQueryGroups}
+                    data-testid={DIFFERENTIAL_EXPRESSION_CLEAR_ALL_BUTTON}
+                  >
+                    Clear all
+                  </ClearAllButton>
+                  <RunButton
+                    color="primary"
+                    size="large"
+                    variant="contained"
+                    onClick={handleRunDifferentialExpression}
+                    disabled={!canRunDifferentialExpression}
+                    data-testid={DIFFERENTIAL_EXPRESSION_FIND_GENES_BUTTON}
+                  >
+                    Find genes
+                  </RunButton>
+                </RunButtonWrapper>
+              </QueryGroupAndButtonWrapper>
+            </QuerySelectorWrapper>
+          </Wrapper>
+        </div>
+        <div className="rightPanel">
+          <DeResults setIsLoading={setIsLoading} />
+        </div>
+      </TwoPanelLayout>
+      <BottomBanner surveyLink={BANNER_FEEDBACK_SURVEY_LINK} />
+    </>
   );
 }
diff --git a/frontend/src/views/Landing/icons/differential-expression-active.tsx b/frontend/src/views/Landing/icons/differential-expression-active.tsx
new file mode 100644
index 0000000000000..f632284595216
--- /dev/null
+++ b/frontend/src/views/Landing/icons/differential-expression-active.tsx
@@ -0,0 +1,90 @@
+const DifferentialExpressionActiveIcon = (): JSX.Element => (
+  <svg
+    width="100"
+    height="100"
+    viewBox="0 0 100 100"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="50" cy="50" r="50" fill="#3867FA" />
+    <circle cx="31" cy="60.8806" r="18" stroke="white" strokeWidth="1.9" />
+    <circle cx="31" cy="60.8806" r="14" stroke="white" strokeWidth="1.9" />
+    <circle
+      cx="29.8153"
+      cy="68.5707"
+      r="2.68497"
+      stroke="white"
+      strokeWidth="1.9"
+    />
+    <circle cx="38.375" cy="66.3074" r="1.05176" fill="white" />
+    <path
+      d="M40.3337 57.4169L36.5915 51.6841L29.9828 53.4716L29.6406 60.3092L36.0378 62.7475L38.1857 60.0822"
+      stroke="white"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M25.2139 58.9729L21.7385 58.3919L20.1119 61.5177L22.5821 64.0305L25.7352 62.4578L25.2139 58.9729Z"
+      stroke="white"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M74.875 68.5154L70.115 65.0571L65.3551 68.5154L67.1732 74.111H73.0568L74.875 68.5154Z"
+      stroke="white"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <circle cx="69" cy="39.1196" r="18" stroke="white" strokeWidth="1.9" />
+    <circle cx="69" cy="39.1196" r="14" stroke="white" strokeWidth="1.9" />
+    <circle
+      cx="61.0633"
+      cy="39.1195"
+      r="3.00084"
+      stroke="white"
+      strokeWidth="1.9"
+    />
+    <circle cx="64.0642" cy="31.9727" r="1.05176" fill="white" />
+    <circle cx="79.4893" cy="42.7554" r="1.05176" fill="white" />
+    <path
+      d="M76.7162 37.439L70.797 42.3256L68.895 31.0095L79.1108 34.8206"
+      stroke="white"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M69.1368 44.0696L73.1687 48.3191L67.4726 49.6861L69.1368 44.0696Z"
+      stroke="white"
+      strokeWidth="1.5"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M31 22.6494L36.0879 31.4619H25.9121L31 22.6494Z"
+      stroke="white"
+      strokeWidth="1.5"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M55 27.5386H36.875"
+      stroke="white"
+      strokeWidth="1.9"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeDasharray="3 3.5"
+    />
+    <path
+      d="M45.8804 71.2556H64"
+      stroke="white"
+      strokeWidth="1.9"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeDasharray="3 3.5"
+    />
+  </svg>
+);
+
+export default DifferentialExpressionActiveIcon;
diff --git a/frontend/src/views/Landing/icons/differential-expression-inactive.tsx b/frontend/src/views/Landing/icons/differential-expression-inactive.tsx
new file mode 100644
index 0000000000000..6bdf57e52ae7a
--- /dev/null
+++ b/frontend/src/views/Landing/icons/differential-expression-inactive.tsx
@@ -0,0 +1,90 @@
+const DifferentialExpressionInactiveIcon = (): JSX.Element => (
+  <svg
+    width="100"
+    height="100"
+    viewBox="0 0 100 100"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="50" cy="50" r="50" fill="#F8F9FE" />
+    <circle cx="31" cy="60.8806" r="18" stroke="#3867FA" strokeWidth="1.9" />
+    <circle cx="31" cy="60.8806" r="14" stroke="#3867FA" strokeWidth="1.9" />
+    <circle
+      cx="29.8153"
+      cy="68.5707"
+      r="2.68497"
+      stroke="#3867FA"
+      strokeWidth="1.9"
+    />
+    <circle cx="38.375" cy="66.3074" r="1.05176" fill="#3867FA" />
+    <path
+      d="M40.3337 57.4169L36.5915 51.6841L29.9828 53.4716L29.6406 60.3092L36.0378 62.7475L38.1857 60.0822"
+      stroke="#3867FA"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M25.2139 58.9729L21.7385 58.3919L20.1119 61.5177L22.5821 64.0305L25.7352 62.4578L25.2139 58.9729Z"
+      stroke="#3867FA"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M74.875 68.5154L70.115 65.0571L65.3551 68.5154L67.1732 74.111H73.0568L74.875 68.5154Z"
+      stroke="#3867FA"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <circle cx="69" cy="39.1196" r="18" stroke="#3867FA" strokeWidth="1.9" />
+    <circle cx="69" cy="39.1196" r="14" stroke="#3867FA" strokeWidth="1.9" />
+    <circle
+      cx="61.0633"
+      cy="39.1195"
+      r="3.00084"
+      stroke="#3867FA"
+      strokeWidth="1.9"
+    />
+    <circle cx="64.0642" cy="31.9727" r="1.05176" fill="#3867FA" />
+    <circle cx="79.4893" cy="42.7554" r="1.05176" fill="#3867FA" />
+    <path
+      d="M76.7162 37.439L70.797 42.3256L68.895 31.0095L79.1108 34.8206"
+      stroke="#3867FA"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M69.1368 44.0696L73.1687 48.3191L67.4726 49.6861L69.1368 44.0696Z"
+      stroke="#3867FA"
+      strokeWidth="1.5"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M31 22.6494L36.0879 31.4619H25.9121L31 22.6494Z"
+      stroke="#3867FA"
+      strokeWidth="1.5"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M55 27.5386H36.875"
+      stroke="#3867FA"
+      strokeWidth="1.9"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeDasharray="3 3.5"
+    />
+    <path
+      d="M45.8804 71.2556H64"
+      stroke="#3867FA"
+      strokeWidth="1.9"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeDasharray="3 3.5"
+    />
+  </svg>
+);
+
+export default DifferentialExpressionInactiveIcon;
diff --git a/frontend/src/views/Landing/index.module.scss b/frontend/src/views/Landing/index.module.scss
index 70ef9156af8a9..dea3f847bfd7f 100644
--- a/frontend/src/views/Landing/index.module.scss
+++ b/frontend/src/views/Landing/index.module.scss
@@ -437,6 +437,7 @@
 
     @media (max-width: 999px) {
       width: 100%;
+      display: flex;
     }
 
     & > div {
@@ -949,3 +950,10 @@
 .mt16 {
   margin-top: 16px;
 }
+
+// .landingPageBanner {
+//   position: fixed;
+//   width: 100%;
+//   top: 0;
+//   z-index: 100;
+// }
diff --git a/frontend/src/views/Landing/index.tsx b/frontend/src/views/Landing/index.tsx
index f83d4339a2375..b69e4385e95da 100644
--- a/frontend/src/views/Landing/index.tsx
+++ b/frontend/src/views/Landing/index.tsx
@@ -15,6 +15,7 @@ import AnnotateImg from "src/components/common/staticPages/annotate.png";
 import CellGuideImg from "src/components/common/staticPages/cell-guide.png";
 import CensusImg from "src/components/common/staticPages/census.png";
 import CollectionsDatasetsImg from "src/components/common/staticPages/collections-datasets.png";
+import DifferentialExpressionImg from "src/components/common/staticPages/differential-expression.png";
 import ExplorerImg from "src/components/common/staticPages/cxg-explorer.png";
 import FreethinkThumbnailImg from "src/components/common/staticPages/freethink-video-thumbnail.png";
 import GeneExpressionImg from "src/components/common/staticPages/gene-expression.png";
@@ -27,6 +28,8 @@ import CellGuideActiveIcon from "./icons/cellguide-active";
 import CellGuideInactiveIcon from "./icons/cellguide-inactive";
 import CollectionsDatasetsActiveIcon from "./icons/collections-datasets-active";
 import CollectionsDatasetsInactiveIcon from "./icons/collections-datasets-inactive";
+import DifferentialExpressionActiveIcon from "./icons/differential-expression-active";
+import DifferentialExpressionInactiveIcon from "./icons/differential-expression-inactive";
 import GeneExpressionActiveIcon from "./icons/gene-expression-active";
 import GeneExpressionInactiveIcon from "./icons/gene-expression-inactive";
 import ExplorerActiveIcon from "./icons/explorer-active";
@@ -81,6 +84,11 @@ const LandingPage = (): JSX.Element => {
   });
   const scrollSection6 = useRef<HTMLDivElement>(null);
 
+  const { ref: observerSection7, inView: inView7 } = useInView({
+    rootMargin: ROOT_MARGIN,
+  });
+  const scrollSection7 = useRef<HTMLDivElement>(null);
+
   const { mode, status } = useViewMode();
   const { data, isLoading, isSuccess } = useFetchDatasets(mode, status);
 
@@ -380,10 +388,10 @@ const LandingPage = (): JSX.Element => {
                       behavior: "smooth",
                     });
 
-                    track(EVENTS.HOMEPAGE_SEC_NAV_CENSUS);
+                    track(EVENTS.HOMEPAGE_SEC_NAV_DE);
                   }}
                 >
-                  Census
+                  Differential Expression
                 </div>
                 <div
                   className={`${styles.contentLink} ${
@@ -394,13 +402,11 @@ const LandingPage = (): JSX.Element => {
                       behavior: "smooth",
                     });
 
-                    track(EVENTS.HOMEPAGE_SEC_NAV_CELL_GUIDE);
+                    track(EVENTS.HOMEPAGE_SEC_NAV_EXPLORER);
                   }}
                 >
-                  CellGuide
+                  Explorer
                 </div>
-              </div>
-              <div className={styles.contentNavSubrow}>
                 <div
                   className={`${styles.contentLink} ${
                     inView3 ? styles.active : ""
@@ -410,10 +416,10 @@ const LandingPage = (): JSX.Element => {
                       behavior: "smooth",
                     });
 
-                    track(EVENTS.HOMEPAGE_SEC_NAV_COLLECTIONS_DATASETS);
+                    track(EVENTS.HOMEPAGE_SEC_NAV_CENSUS);
                   }}
                 >
-                  Collections & Datasets
+                  Census
                 </div>
                 <div
                   className={`${styles.contentLink} ${
@@ -424,11 +430,13 @@ const LandingPage = (): JSX.Element => {
                       behavior: "smooth",
                     });
 
-                    track(EVENTS.HOMEPAGE_SEC_NAV_WMG);
+                    track(EVENTS.HOMEPAGE_SEC_NAV_CELL_GUIDE);
                   }}
                 >
-                  Gene Expression
+                  Cell Guide
                 </div>
+              </div>
+              <div className={styles.contentNavSubrow}>
                 <div
                   className={`${styles.contentLink} ${
                     inView5 ? styles.active : ""
@@ -438,10 +446,10 @@ const LandingPage = (): JSX.Element => {
                       behavior: "smooth",
                     });
 
-                    track(EVENTS.HOMEPAGE_SEC_NAV_EXPLORER);
+                    track(EVENTS.HOMEPAGE_SEC_NAV_COLLECTIONS_DATASETS);
                   }}
                 >
-                  Explorer
+                  Collections & Datasets
                 </div>
                 <div
                   className={`${styles.contentLink} ${
@@ -452,6 +460,20 @@ const LandingPage = (): JSX.Element => {
                       behavior: "smooth",
                     });
 
+                    track(EVENTS.HOMEPAGE_SEC_NAV_WMG);
+                  }}
+                >
+                  Gene Expression
+                </div>
+                <div
+                  className={`${styles.contentLink} ${
+                    inView7 ? styles.active : ""
+                  }`}
+                  onClick={() => {
+                    scrollSection7.current?.scrollIntoView({
+                      behavior: "smooth",
+                    });
+
                     track(EVENTS.HOMEPAGE_SEC_ANNOTATE);
                   }}
                 >
@@ -464,12 +486,161 @@ const LandingPage = (): JSX.Element => {
                 <div ref={observerSection1}>
                   <div
                     className={`${styles.contentRow} ${styles.contentRowFirst}`}
-                    id="single-cell"
+                    id="differential-expression"
                     ref={scrollSection1}
                   >
                     <div
                       className={`${styles.contentInfoCol} ${
-                        inView1 ? styles.active : null
+                        inView1 ? styles.active : ""
+                      }`}
+                    >
+                      <div className={styles.contentInfoFigureCol}>
+                        <div className={styles.figureWrapper}>
+                          <DifferentialExpressionActiveIcon />
+                          <DifferentialExpressionInactiveIcon />
+                        </div>
+                        <span className={styles.figureSeparator}></span>
+                      </div>
+                      <div className={styles.contentInfoTextCol}>
+                        <h2 className={styles.mt16}>Differential Expression</h2>
+                        <p>
+                          Select two custom cell groups based on metadata to
+                          find their top differentially expressed genes.
+                          Leverage millions of cells from the integrated CZ
+                          CELLxGENE corpus for powerful analysis.
+                        </p>
+                        <div className={styles.linkContainer}>
+                          <a
+                            /**
+                             * (thuang): Open in a new tab, so we don't lose
+                             * analytics API call that would otherwise get
+                             * cancelled due to a new full page request
+                             */
+                            href={`${ROUTES.DE}`}
+                            rel="noopener"
+                            target="_blank"
+                            onClick={() => track(EVENTS.DE_CLICKED)}
+                          >
+                            Explore the application
+                            <span className={styles.linkArrow}>
+                              <LinkArrow />
+                            </span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                    <div className={styles.contentImageCol}>
+                      <div className={styles.contentImage}>
+                        <Image
+                          src={DifferentialExpressionImg}
+                          alt="pop-up modal for user to create a data directory for storing gene sets and annotations"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <div ref={observerSection2}>
+                  <div
+                    className={`${styles.contentRow}`}
+                    id="expedite-collaboration"
+                    ref={scrollSection2}
+                  >
+                    <div
+                      className={`${styles.contentInfoCol} ${
+                        inView2 ? styles.active : ""
+                      }`}
+                    >
+                      <div className={styles.contentInfoFigureCol}>
+                        <div className={styles.figureWrapper}>
+                          <ExplorerActiveIcon />
+                          <ExplorerInactiveIcon />
+                        </div>
+                        <span className={styles.figureSeparator}></span>
+                      </div>
+                      <div className={styles.contentInfoTextCol}>
+                        <h2 className={styles.mt16}>Explorer</h2>
+                        <p>
+                          Execute interactive analyses on a dataset to explore
+                          how patterns of gene expression are determined by
+                          spatial, environmental, and genetic factors using an
+                          interactive speed no-code UI. Understand published
+                          datasets or use them as a launchpad to identify new
+                          cell sub-types and states.
+                        </p>
+                        <div className={styles.linkContainer}>
+                          <a
+                            /**
+                             * (thuang): Open in a new tab, so we don't lose
+                             * analytics API call that would otherwise get
+                             * cancelled due to a new full page request
+                             */
+                            href={`${ROUTES.HOMEPAGE}e/53d208b0-2cfd-4366-9866-c3c6114081bc.cxg/`}
+                            rel="noopener"
+                            target="_blank"
+                            onClick={() =>
+                              track(EVENTS.DATASET_EXPLORE_CLICKED, {
+                                // (thuang): Please update the dataset name when the href link changes
+                                // to a different dataset
+                                dataset_name: "Tabula Sapiens - All Cells",
+                              })
+                            }
+                          >
+                            Explore a multi-tissue atlas
+                            <span className={styles.linkArrow}>
+                              <LinkArrow />
+                            </span>
+                          </a>
+                          <Link
+                            href={ROUTES.DATASETS}
+                            onClick={() =>
+                              track(EVENTS.BROWSE_DATASETS_CLICKED, {
+                                button: "explore the studies",
+                              })
+                            }
+                          >
+                            Explore the studies
+                            <span className={styles.linkArrow}>
+                              <LinkArrow />
+                            </span>
+                          </Link>
+                          {/* DOC PAGE LINKS NEED TO BE OPENED IN A NEW TAB IN ORDER TO LOAD UNIQUE CSP DIRECTIVE */}
+                          <a
+                            href={`${ROUTES.DOCS}/04__Analyze%20Public%20Data/4_1__Hosted%20Tutorials`}
+                            rel="noopener"
+                            target="_blank"
+                            onClick={() =>
+                              track(EVENTS.BROWSE_TUTORIALS_CLICKED)
+                            }
+                          >
+                            Browse tutorials
+                            <span className={styles.linkArrow}>
+                              <LinkArrow />
+                            </span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                    <div className={styles.contentImageCol}>
+                      <div className={styles.contentImage}>
+                        <Image
+                          src={ExplorerImg}
+                          alt="pop-up modal for user to create a data directory for storing gene sets and annotations"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <div ref={observerSection3}>
+                  <div
+                    className={`${styles.contentRow}`}
+                    id="single-cell"
+                    ref={scrollSection3}
+                  >
+                    <div
+                      className={`${styles.contentInfoCol} ${
+                        inView3 ? styles.active : null
                       }`}
                     >
                       <div className={styles.contentInfoFigureCol}>
@@ -512,15 +683,15 @@ const LandingPage = (): JSX.Element => {
                   </div>
                 </div>
 
-                <div ref={observerSection2}>
+                <div ref={observerSection4}>
                   <div
                     className={styles.contentRow}
                     id="gene-expression"
-                    ref={scrollSection2}
+                    ref={scrollSection4}
                   >
                     <div
                       className={`${styles.contentInfoCol} ${
-                        inView2 ? styles.active : ""
+                        inView4 ? styles.active : ""
                       }`}
                     >
                       <div className={styles.contentInfoFigureCol}>
@@ -531,7 +702,7 @@ const LandingPage = (): JSX.Element => {
                         <span className={styles.figureSeparator}></span>
                       </div>
                       <div className={styles.contentInfoTextCol}>
-                        <h2>CellGuide</h2>
+                        <h2>Cell Guide</h2>
                         <p>
                           Explore an interactive encyclopedia of 700+ cell types
                           that provides detailed definitions, marker genes,
@@ -561,15 +732,15 @@ const LandingPage = (): JSX.Element => {
                   </div>
                 </div>
 
-                <div ref={observerSection3}>
+                <div ref={observerSection5}>
                   <div
                     className={styles.contentRow}
                     id="analyze-datasets"
-                    ref={scrollSection3}
+                    ref={scrollSection5}
                   >
                     <div
                       className={`${styles.contentInfoCol} ${
-                        inView3 ? styles.active : ""
+                        inView5 ? styles.active : ""
                       }`}
                     >
                       <div className={styles.contentInfoFigureCol}>
@@ -612,15 +783,15 @@ const LandingPage = (): JSX.Element => {
                   </div>
                 </div>
 
-                <div ref={observerSection4}>
+                <div ref={observerSection6}>
                   <div
                     className={styles.contentRow}
                     id="download-data"
-                    ref={scrollSection4}
+                    ref={scrollSection6}
                   >
                     <div
                       className={`${styles.contentInfoCol} ${
-                        inView4 ? styles.active : ""
+                        inView6 ? styles.active : ""
                       }`}
                     >
                       <div className={styles.contentInfoFigureCol}>
@@ -665,107 +836,15 @@ const LandingPage = (): JSX.Element => {
                   </div>
                 </div>
 
-                <div ref={observerSection5}>
+                <div ref={observerSection7}>
                   <div
                     className={styles.contentRow}
                     id="expedite-collaboration"
-                    ref={scrollSection5}
+                    ref={scrollSection7}
                   >
                     <div
                       className={`${styles.contentInfoCol} ${
-                        inView5 ? styles.active : ""
-                      }`}
-                    >
-                      <div className={styles.contentInfoFigureCol}>
-                        <div className={styles.figureWrapper}>
-                          <ExplorerActiveIcon />
-                          <ExplorerInactiveIcon />
-                        </div>
-                        <span className={styles.figureSeparator}></span>
-                      </div>
-                      <div className={styles.contentInfoTextCol}>
-                        <h2 className={styles.mt16}>Explorer</h2>
-                        <p>
-                          Execute interactive analyses on a dataset to explore
-                          how patterns of gene expression are determined by
-                          environmental and genetic factors using an interactive
-                          speed no-code UI. Understand published datasets or use
-                          them as a launchpad to identify new cell sub-types and
-                          states.
-                        </p>
-                        <div className={styles.linkContainer}>
-                          <a
-                            /**
-                             * (thuang): Open in a new tab, so we don't lose
-                             * analytics API call that would otherwise get
-                             * cancelled due to a new full page request
-                             */
-                            href={`${ROUTES.HOMEPAGE}e/53d208b0-2cfd-4366-9866-c3c6114081bc.cxg/`}
-                            rel="noopener"
-                            target="_blank"
-                            onClick={() =>
-                              track(EVENTS.DATASET_EXPLORE_CLICKED, {
-                                // (thuang): Please update the dataset name when the href link changes
-                                // to a different dataset
-                                dataset_name: "Tabula Sapiens - All Cells",
-                              })
-                            }
-                          >
-                            Explore a multi-tissue atlas
-                            <span className={styles.linkArrow}>
-                              <LinkArrow />
-                            </span>
-                          </a>
-                          <Link
-                            href={ROUTES.DATASETS}
-                            onClick={() =>
-                              track(EVENTS.BROWSE_DATASETS_CLICKED, {
-                                button: "explore the studies",
-                              })
-                            }
-                          >
-                            Explore the studies
-                            <span className={styles.linkArrow}>
-                              <LinkArrow />
-                            </span>
-                          </Link>
-                          {/* DOC PAGE LINKS NEED TO BE OPENED IN A NEW TAB IN ORDER TO LOAD UNIQUE CSP DIRECTIVE */}
-                          <a
-                            href={`${ROUTES.DOCS}/04__Analyze%20Public%20Data/4_1__Hosted%20Tutorials`}
-                            rel="noopener"
-                            target="_blank"
-                            onClick={() =>
-                              track(EVENTS.BROWSE_TUTORIALS_CLICKED)
-                            }
-                          >
-                            Browse tutorials
-                            <span className={styles.linkArrow}>
-                              <LinkArrow />
-                            </span>
-                          </a>
-                        </div>
-                      </div>
-                    </div>
-                    <div className={styles.contentImageCol}>
-                      <div className={styles.contentImage}>
-                        <Image
-                          src={ExplorerImg}
-                          alt="pop-up modal for user to create a data directory for storing gene sets and annotations"
-                        />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <div ref={observerSection6}>
-                  <div
-                    className={styles.contentRow}
-                    id="expedite-collaboration"
-                    ref={scrollSection6}
-                  >
-                    <div
-                      className={`${styles.contentInfoCol} ${
-                        inView6 ? styles.active : ""
+                        inView7 ? styles.active : ""
                       }`}
                     >
                       <div className={styles.contentInfoFigureCol}>
diff --git a/frontend/src/views/WheresMyGeneV2/components/HeatMap/components/YAxisChart/index.tsx b/frontend/src/views/WheresMyGeneV2/components/HeatMap/components/YAxisChart/index.tsx
index eacc0b594d326..4ef64a13e1fe9 100644
--- a/frontend/src/views/WheresMyGeneV2/components/HeatMap/components/YAxisChart/index.tsx
+++ b/frontend/src/views/WheresMyGeneV2/components/HeatMap/components/YAxisChart/index.tsx
@@ -1,11 +1,4 @@
-import {
-  memo,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useState,
-} from "react";
+import { memo, useCallback, useEffect, useMemo, useState } from "react";
 import { track } from "src/common/analytics";
 import { EVENTS } from "src/common/analytics/events";
 import { EXCLUDE_IN_SCREENSHOT_CLASS_NAME } from "src/views/WheresMyGeneV2/components/GeneSearchBar/components/SaveExport";
@@ -47,8 +40,6 @@ import {
   TISSUE_NAME_LABEL_CLASS_NAME,
   CELL_TYPE_NAME_LABEL_CLASS_NAME,
 } from "src/views/WheresMyGeneV2/components/HeatMap/components/YAxisChart/constants";
-import { formatCitation } from "src/common/utils/formatCitation";
-import { StateContext } from "src/views/WheresMyGeneV2/common/store";
 
 interface Props {
   cellTypes: CellTypeRow[];
@@ -81,7 +72,6 @@ export default memo(function YAxisChart({
   const cellTypeMetadata = useMemo(() => {
     return getAllSerializedCellTypeMetadata(cellTypes, tissue);
   }, [cellTypes, tissue]);
-  const { compare } = useContext(StateContext);
 
   return (
     <Wrapper id={`${hyphenize(tissue)}-y-axis`}>
@@ -93,18 +83,14 @@ export default memo(function YAxisChart({
           .slice()
           .reverse()
           .map((cellType) => {
-            const { name, isAggregated } = deserializeCellTypeMetadata(
+            const { name } = deserializeCellTypeMetadata(
               cellType as CellTypeMetadata
             );
             const { fontWeight, fontSize, fontFamily } = SELECTED_STYLE;
             const selectedFont = `${fontWeight} ${fontSize}px ${fontFamily}`;
             const expanded = expandedTissueIds.includes(tissueID);
-            let formattedName = name;
-            if (compare && compare === "publication" && !isAggregated) {
-              formattedName = formatCitation(name);
-            }
             const { text: paddedName } = formatLabel(
-              formattedName,
+              name,
               Y_AXIS_CHART_WIDTH_PX - 90, // scale based on y-axis width
               selectedFont // prevents selected style from overlapping count
             );
diff --git a/frontend/src/views/WheresMyGeneV2/components/Main/index.tsx b/frontend/src/views/WheresMyGeneV2/components/Main/index.tsx
index 49f8615551401..a0b02664f2893 100644
--- a/frontend/src/views/WheresMyGeneV2/components/Main/index.tsx
+++ b/frontend/src/views/WheresMyGeneV2/components/Main/index.tsx
@@ -34,6 +34,8 @@ import { UnderlyingDataChangeBanner } from "../GeneSearchBar/components/SaveExpo
 import { StyledRightSideBar } from "./style";
 import { useConnect } from "src/views/WheresMyGeneV2/components/Main/connect";
 import Notification from "src/components/Notification";
+import { BANNER_FEEDBACK_SURVEY_LINK } from "src/common/constants/airtableLinks";
+import BottomBanner from "src/components/BottomBanner";
 
 export const INFO_PANEL_WIDTH_PX = 320;
 
@@ -210,6 +212,7 @@ export default function WheresMyGene(): JSX.Element {
           />
         </Wrapper>
       </View>
+      <BottomBanner surveyLink={BANNER_FEEDBACK_SURVEY_LINK} />
     </>
   );
 }
diff --git a/frontend/tests/features/wheresMyGene/landingPage.test.ts b/frontend/tests/features/wheresMyGene/landingPage.test.ts
index 2f726799be3ea..a447866e3bb79 100644
--- a/frontend/tests/features/wheresMyGene/landingPage.test.ts
+++ b/frontend/tests/features/wheresMyGene/landingPage.test.ts
@@ -11,10 +11,9 @@ import {
 } from "tests/utils/wmgUtils";
 
 const { describe } = test;
-// const ALERT =
-//   "Subscribeto our newsletter to receive updates about new features.Send us feedback with thisquick survey.";
+const ALERT = "Send us feedback with thisquick survey.";
 
-// const SURVEY_LINK = "https://airtable.com/shrLwepDSEX1HI6bo";
+const SURVEY_LINK = "https://airtable.com/app8fNSQ8ieIiHLOv/shrmD31azkGtSupmO";
 
 const LEGEND_WRAPPER = "legend-wrapper";
 const DOT_SIZES = ["4", "9", "12", "14", "16"];
@@ -34,13 +33,13 @@ describe("Tests for Gene Expression page", () => {
     // +Gene button
     await expect(page.getByTestId(ADD_GENE_BTN)).toBeVisible();
     // survey alert
-    // await expect(
-    //   page.getByTestId("newsletter-modal-banner-wrapper")
-    // ).toContainText(ALERT);
-    // await expect(page.getByText("quick survey")).toHaveAttribute(
-    //   "href",
-    //   SURVEY_LINK
-    // );
+    await expect(
+      page.getByTestId("newsletter-modal-banner-wrapper")
+    ).toContainText(ALERT);
+    await expect(page.getByText("quick survey")).toHaveAttribute(
+      "href",
+      SURVEY_LINK
+    );
     // default organism filter
     await expect(page.getByTestId("add-organism")).toContainText(
       "Homo sapiens"
diff --git a/frontend/tests/features/wheresMyGene/selectOrganism.test.ts b/frontend/tests/features/wheresMyGene/selectOrganism.test.ts
index c2d2f60f04b67..4dd6edae01b27 100644
--- a/frontend/tests/features/wheresMyGene/selectOrganism.test.ts
+++ b/frontend/tests/features/wheresMyGene/selectOrganism.test.ts
@@ -87,7 +87,7 @@ describe("Select organism", () => {
         page,
         url:
           `${TEST_URL}${ROUTES.WHERE_IS_MY_GENE}?` +
-          "publications=Ahern+et+al.+Cell+2022&ver=2",
+          "publications=Ahern+et+al.+%282022%29+Cell&ver=2",
         testId: PUBLICATION_FILTER_TEST_ID,
         text: "Ahern et al.",
       });
diff --git a/frontend/tests/features/wheresMyGene/shareLink.test.ts b/frontend/tests/features/wheresMyGene/shareLink.test.ts
index 2e253ca642c02..a2400b88bb81a 100644
--- a/frontend/tests/features/wheresMyGene/shareLink.test.ts
+++ b/frontend/tests/features/wheresMyGene/shareLink.test.ts
@@ -27,8 +27,8 @@ const GENES = ["DPM1", "TNMD", "TSPAN6"];
 const PUBLICATIONS = [
   // (thuang): This publication has blood and lung tissues
   {
-    id: "Ren et al. Cell 2021",
-    text: "Ren  et al. (2021)  Cell",
+    id: "Ren et al. (2021) Cell",
+    text: "Ren et al.",
   },
 ];
 
diff --git a/frontend/tests/features/wheresMyGene/tissueAutoExpand.test.ts b/frontend/tests/features/wheresMyGene/tissueAutoExpand.test.ts
index e1442ed68a1c8..f969d872eca99 100644
--- a/frontend/tests/features/wheresMyGene/tissueAutoExpand.test.ts
+++ b/frontend/tests/features/wheresMyGene/tissueAutoExpand.test.ts
@@ -25,10 +25,7 @@ const CELL_TYPE_TEST_ID = "cell-type-name";
 const SEX_FILTER_LABEL = "Sex";
 const SEX_FILTER_SELECTION = "female";
 const PUBLICATION_FILTER_LABEL = "Publication";
-const PUBLICATION_FILTER_SELECTION = [
-  "Ahern et al. (2022) Cell",
-  "Arutyunyan et al. (2023) Nature",
-];
+const PUBLICATION_FILTER_SELECTION = ["Ahern et al", "Arutyunyan et al"];
 
 const SELF_REPORTED_ETHNICITY_FILTER_LABEL = "Self-Reported Ethnicity";
 const SELF_REPORTED_ETHNICITY_FILTER_SELECTION = "British";