diff --git a/components/AlertCard/AlertCard.tsx b/components/AlertCard/AlertCard.tsx
index a4ead2015..17dfeece4 100644
--- a/components/AlertCard/AlertCard.tsx
+++ b/components/AlertCard/AlertCard.tsx
@@ -1,7 +1,7 @@
-import { CardTitle } from "components/Card"
+import { CardTitle, CardTitleV2 } from "components/Card"
 import { Timestamp } from "firebase/firestore"
 import { Card as MapleCard } from "../Card/Card"
-import { AlertCardBody } from "./AlertCardBody"
+import { AlertCardBody, AlertCardBodyV2 } from "./AlertCardBody"
 
 export const AlertCard = (props: {
   header: string
@@ -35,3 +35,42 @@ export const AlertCard = (props: {
 
   return <MapleCard headerElement={header} body={body} />
 }
+
+// newsfeed bill card
+export const AlertCardV2 = (props: {
+  court: string
+  header: string
+  subheader: string
+  timestamp: Timestamp
+  headerImgSrc: string
+  headerImgTitle?: string
+  bodyImgSrc: string
+  bodyImgAltTxt: string
+  bodyText: string
+  isBillMatch: boolean
+}) => {
+  const date = props.timestamp.toDate()
+  const formattedTimestamp = `${date.toLocaleDateString()}`
+  const header = (
+    <CardTitleV2
+      court={props.court}
+      header={props.header}
+      subheader={props.subheader}
+      timestamp={formattedTimestamp}
+      imgSrc={props.headerImgSrc}
+      imgTitle={props.headerImgTitle ?? ""}
+      isBillMatch={props.isBillMatch}
+    />
+  )
+
+  const body = (
+    <AlertCardBodyV2
+      imgSrc={props.bodyImgSrc}
+      imgAltTxt={props.bodyImgAltTxt}
+      text={props.bodyText}
+      timestamp={formattedTimestamp}
+    />
+  )
+
+  return <MapleCard headerElement={header} body={body} />
+}
diff --git a/components/AlertCard/AlertCardBody.tsx b/components/AlertCard/AlertCardBody.tsx
index 15612489e..c520330f3 100644
--- a/components/AlertCard/AlertCardBody.tsx
+++ b/components/AlertCard/AlertCardBody.tsx
@@ -1,10 +1,18 @@
 import { ReactElement } from "react"
 import CardBootstrap from "react-bootstrap/Card"
+import styled from "styled-components"
+import { Col, Row, Spinner } from "../bootstrap"
+import { Timestamp } from "firebase/firestore"
+
+const AlertCardInnerBodyV2 = styled.div`
+  background-color: #d1d6e7;
+`
 
 interface AlertCardBodyProps {
   imgSrc?: string
   imgAltTxt?: string
   text: string
+  timestamp?: string
 }
 
 export const AlertCardBody = (props: AlertCardBodyProps) => {
@@ -18,3 +26,33 @@ export const AlertCardBody = (props: AlertCardBodyProps) => {
     </div>
   )
 }
+
+export const AlertCardBodyV2 = (props: AlertCardBodyProps) => {
+  const { imgSrc, imgAltTxt, text, timestamp } = props
+  return (
+    <div>
+      <CardBootstrap.Body className={`p-0`}>
+        <AlertCardInnerBodyV2
+          className={`align-items-center d-flex mx-2 mt-1 mb-2 p-2 rounded`}
+        >
+          <img
+            src="\images\clock.svg"
+            height="105.6"
+            width="105.6"
+            alt={imgAltTxt}
+            className={`m-3`}
+          />
+          <Col className={`m-2`}>
+            <CardBootstrap.Text className={`mb-0`}>
+              <strong>{text}</strong>
+            </CardBootstrap.Text>
+            <>
+              {"Action taken on "}
+              {timestamp}
+            </>
+          </Col>
+        </AlertCardInnerBodyV2>
+      </CardBootstrap.Body>
+    </div>
+  )
+}
diff --git a/components/Card/CardTitle.tsx b/components/Card/CardTitle.tsx
index 81dda235a..2c06a8eeb 100644
--- a/components/Card/CardTitle.tsx
+++ b/components/Card/CardTitle.tsx
@@ -1,13 +1,32 @@
+import { collection, getDocs, query, where } from "firebase/firestore"
+import { getFunctions, httpsCallable } from "firebase/functions"
+import { useCallback, useEffect, useMemo, useRef, useState } from "react"
 import { ReactElement } from "react"
 import CardBootstrap from "react-bootstrap/Card"
+import { formatBillId } from "components/formatting"
+
+import { useTranslation } from "next-i18next"
+import { useAuth } from "../auth"
+import { Stack } from "../bootstrap"
+import { firestore } from "../firebase"
+import { TitledSectionCard } from "../shared"
+
+import {
+  BillElement,
+  UserElement
+} from "components/EditProfilePage/FollowingTabComponents"
+import { is } from "date-fns/locale"
 
 interface CardTitleProps {
+  court?: string
   header?: string
   subheader?: string
   timestamp?: string
   imgSrc?: string
   imgTitle?: string
   inHeaderElement?: ReactElement
+  isBillMatch?: boolean
+  isUserMatch?: boolean
 }
 
 export const CardTitle = (props: CardTitleProps) => {
@@ -42,3 +61,59 @@ export const CardTitle = (props: CardTitleProps) => {
     </CardBootstrap.Body>
   )
 }
+
+// newsfeed bill card title
+export const CardTitleV2 = (props: CardTitleProps) => {
+  const {
+    court,
+    header,
+    subheader,
+    timestamp,
+    imgSrc,
+    imgTitle,
+    inHeaderElement,
+    isBillMatch
+  } = props
+  const { t } = useTranslation("common")
+
+  return (
+    <CardBootstrap.Body className={`align-items-center d-flex px-2 pt-2 pb-0`}>
+      <div className="justify-content-middle d-flex flex-column align-items-center">
+        {imgSrc && <img alt="" src={imgSrc} width="32" height="32" />}
+      </div>
+      <CardBootstrap.Body className="px-3 py-0">
+        {header && (
+          <CardBootstrap.Title
+            className={`align-items-start fs-6 lh-sm mb-1 text-secondary`}
+          >
+            <a href={`/bills/${court}/${header}`}>
+              <strong>{formatBillId(header)}</strong>
+            </a>{" "}
+            {subheader ? (
+              <>
+                {t("newsfeed.action_update")}
+                {subheader}
+              </>
+            ) : (
+              <></>
+            )}
+          </CardBootstrap.Title>
+        )}
+        {header ? (
+          <CardBootstrap.Title
+            className={`align-items-start fs-6 lh-sm mb-1 text-body-tertiary`}
+          >
+            {header && isBillMatch ? (
+              <>{t("newsfeed.follow")}</>
+            ) : (
+              <>{t("newsfeed.not_follow")}</>
+            )}
+            <strong>{formatBillId(header)}</strong>
+          </CardBootstrap.Title>
+        ) : (
+          <></>
+        )}
+      </CardBootstrap.Body>
+    </CardBootstrap.Body>
+  )
+}
diff --git a/components/DesktopNav.tsx b/components/DesktopNav.tsx
index 458f6c544..b2b69f6ee 100644
--- a/components/DesktopNav.tsx
+++ b/components/DesktopNav.tsx
@@ -1,3 +1,4 @@
+import { useFlags } from "components/featureFlags"
 import { useTranslation } from "next-i18next"
 import React from "react"
 import { SignInWithButton, signOutAndRedirectToHome, useAuth } from "./auth"
@@ -12,6 +13,7 @@ import {
   NavbarLinkFAQ,
   NavbarLinkGoals,
   NavbarLinkLogo,
+  NavbarLinkNewsfeed,
   NavbarLinkProcess,
   NavbarLinkSignOut,
   NavbarLinkSupport,
@@ -23,6 +25,7 @@ import {
 
 export const DesktopNav: React.FC<React.PropsWithChildren<unknown>> = () => {
   const { authenticated } = useAuth()
+  const { notifications } = useFlags()
   const { t } = useTranslation(["common", "auth"])
 
   return (
@@ -47,6 +50,16 @@ export const DesktopNav: React.FC<React.PropsWithChildren<unknown>> = () => {
         </Nav>
       </div>
 
+      {authenticated && notifications ? (
+        <div className="align-self-center">
+          <Nav>
+            <NavbarLinkNewsfeed />
+          </Nav>
+        </div>
+      ) : (
+        <></>
+      )}
+
       <div className={`align-self-center`}>
         <Dropdown>
           <Dropdown.Toggle className={`btn-secondary text-white-50`}>
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index be24bd7d5..7212b2f1e 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -154,6 +154,9 @@ const AccountLinks = ({ authenticated, user, signOut }: PageFooterProps) => {
           >
             {t("navigation.accountProfile")}
           </StyledInternalLink>
+          <StyledInternalLink href={"/newsfeed"}>
+            {t("navigation.newsfeed")}
+          </StyledInternalLink>
           <StyledInternalLink handleClick={() => signOut()}>
             {t("signOut", { ns: "auth" })}
           </StyledInternalLink>
diff --git a/components/MobileNav.tsx b/components/MobileNav.tsx
index 68b106519..cb3432366 100644
--- a/components/MobileNav.tsx
+++ b/components/MobileNav.tsx
@@ -1,3 +1,4 @@
+import { useFlags } from "components/featureFlags"
 import { useTranslation } from "next-i18next"
 import React, { useState } from "react"
 import Image from "react-bootstrap/Image"
@@ -13,6 +14,7 @@ import {
   NavbarLinkFAQ,
   NavbarLinkGoals,
   NavbarLinkLogo,
+  NavbarLinkNewsfeed,
   NavbarLinkProcess,
   NavbarLinkSignOut,
   NavbarLinkSupport,
@@ -64,6 +66,11 @@ export const MobileNav: React.FC<React.PropsWithChildren<unknown>> = () => {
       <Nav className="my-4">
         <NavbarLinkBills handleClick={closeNav} />
         <NavbarLinkTestimony handleClick={closeNav} />
+        {authenticated && notifications ? (
+          <NavbarLinkNewsfeed handleClick={closeNav} />
+        ) : (
+          <></>
+        )}
         <NavDropdown className={"navLink-primary"} title={t("about")}>
           <NavbarLinkGoals handleClick={closeNav} />
           <NavbarLinkTeam handleClick={closeNav} />
@@ -82,6 +89,7 @@ export const MobileNav: React.FC<React.PropsWithChildren<unknown>> = () => {
   }
 
   const { authenticated } = useAuth()
+  const { notifications } = useFlags()
   const [isExpanded, setIsExpanded] = useState(false)
   const [whichMenu, setWhichMenu] = useState("site")
   const { t } = useTranslation(["common", "auth"])
diff --git a/components/NavbarComponents.tsx b/components/NavbarComponents.tsx
index c0502ebe4..e6e68f352 100644
--- a/components/NavbarComponents.tsx
+++ b/components/NavbarComponents.tsx
@@ -186,6 +186,27 @@ export const NavbarLinkLogo: React.FC<
   )
 }
 
+export const NavbarLinkNewsfeed: React.FC<
+  React.PropsWithChildren<{
+    handleClick?: any
+    other?: any
+  }>
+> = ({ handleClick, other }) => {
+  const isMobile = useMediaQuery("(max-width: 768px)")
+  const { t } = useTranslation(["common", "auth", "profile"])
+  return (
+    <Nav.Item onClick={handleClick}>
+      <NavLink
+        className={isMobile ? "navLink-primary" : "text-white-50"}
+        href="/newsfeed"
+        {...other}
+      >
+        {t("navigation.newsfeed")}
+      </NavLink>
+    </Nav.Item>
+  )
+}
+
 export const NavbarLinkProcess: React.FC<
   React.PropsWithChildren<{
     handleClick?: any
diff --git a/components/Newsfeed/Newsfeed.tsx b/components/Newsfeed/Newsfeed.tsx
index 7c11cc03a..4dfe4514f 100644
--- a/components/Newsfeed/Newsfeed.tsx
+++ b/components/Newsfeed/Newsfeed.tsx
@@ -1,21 +1,31 @@
 import ErrorPage from "next/error"
-import { useEffect, useState } from "react"
+import { collection, getDocs, query, where } from "firebase/firestore"
+import { getFunctions, httpsCallable } from "firebase/functions"
+import { useTranslation } from "next-i18next"
+import { useCallback, useEffect, useMemo, useState } from "react"
 import { useMediaQuery } from "usehooks-ts"
 import { useAuth } from "../auth"
 import { Col, Row, Spinner } from "../bootstrap"
 import { usePublicProfile } from "../db"
-import { AlertCard } from "components/AlertCard/AlertCard"
+import { AlertCard, AlertCardV2 } from "components/AlertCard/AlertCard"
 import { NotificationProps, Notifications } from "./NotificationProps"
 import notificationQuery from "./notification-query"
+import { firestore } from "components/firebase"
 import { Timestamp } from "firebase/firestore"
 import {
+  BillCol,
   Header,
   HeaderTitle,
   StyledContainer
 } from "./StyledNewsfeedComponents"
+import {
+  BillElement,
+  UserElement
+} from "components/EditProfilePage/FollowingTabComponents"
 
 export default function Newsfeed() {
-  const isMobile = useMediaQuery("(max-width: 768px)")
+  const { t } = useTranslation("common")
+  // const isMobile = useMediaQuery("(max-width: 768px)")
 
   const { user } = useAuth()
   const uid = user?.uid
@@ -64,7 +74,6 @@ export default function Newsfeed() {
   function Filters() {
     return (
       <FilterBoxes
-        isMobile={isMobile}
         onOrgFilterChange={(isShowing: boolean) => {
           onOrgFilterChange(isShowing)
         }}
@@ -77,6 +86,57 @@ export default function Newsfeed() {
     )
   }
 
+  function FilterBoxes({
+    onOrgFilterChange,
+    onBillFilterChange,
+    isShowingOrgs,
+    isShowingBills
+  }: {
+    onOrgFilterChange: any
+    onBillFilterChange: any
+    isShowingOrgs: boolean
+    isShowingBills: boolean
+  }) {
+    const { t } = useTranslation("common")
+
+    return (
+      <>
+        <Row className={`d-flex ms-5 mt-2 ps-4`} xs="auto">
+          <Col className="form-check checkbox">
+            <input
+              className="form-check-input"
+              type="checkbox"
+              id="orgCheck"
+              onChange={event => {
+                const inputDomElement = event.target
+                onOrgFilterChange(inputDomElement.checked)
+              }}
+              checked={isShowingOrgs}
+            />
+            <label className="form-check-label" htmlFor="orgCheck">
+              {t("user_updates")}
+            </label>
+          </Col>
+          <BillCol className="form-check checkbox">
+            <input
+              className="form-check-input"
+              type="checkbox"
+              id="billCheck"
+              onChange={event => {
+                const inputDomElement = event.target
+                onBillFilterChange(inputDomElement.checked)
+              }}
+              checked={isShowingBills}
+            />
+            <label className="form-check-label" htmlFor="billCheck">
+              {t("bill_updates")}
+            </label>
+          </BillCol>
+        </Row>
+      </>
+    )
+  }
+
   return (
     <>
       {loading ? (
@@ -89,14 +149,10 @@ export default function Newsfeed() {
             <>
               <StyledContainer>
                 <Header>
-                  <HeaderTitle>Newsfeed</HeaderTitle>
-                  {isMobile ? (
-                    <Filters />
-                  ) : (
-                    <Col className="d-flex flex-column">
-                      <Filters />
-                    </Col>
-                  )}
+                  <HeaderTitle className={`mb-5`}>
+                    {t("navigation.newsfeed")}
+                  </HeaderTitle>
+                  <Filters />
                 </Header>
                 {filteredResults.length > 0 ? (
                   <>
@@ -107,22 +163,37 @@ export default function Newsfeed() {
                       )
                       .map((element: NotificationProps) => (
                         <div className="pb-4" key={element.id}>
-                          <AlertCard
-                            header={element.header}
-                            subheader={element.subheader}
-                            timestamp={element.timestamp}
-                            headerImgSrc={`${
-                              element.type === `bill`
-                                ? ``
-                                : `/thumbs-${element.position}.svg`
-                            }`}
-                            headerImgTitle={`${
-                              element.type === `bill` ? "" : element.position
-                            }`}
-                            bodyImgSrc={``}
-                            bodyImgAltTxt={``}
-                            bodyText={element.bodyText}
-                          />
+                          {element.type === `bill` ? (
+                            <AlertCardV2
+                              court={element.court}
+                              header={element.header}
+                              subheader={element.subheader}
+                              timestamp={element.timestamp}
+                              headerImgSrc={`/images/bill-capitol.svg`}
+                              headerImgTitle={``}
+                              bodyImgSrc={``}
+                              bodyImgAltTxt={``}
+                              bodyText={element.bodyText}
+                              isBillMatch={element.isBillMatch}
+                            />
+                          ) : (
+                            <AlertCard
+                              header={element.header}
+                              subheader={element.subheader}
+                              timestamp={element.timestamp}
+                              headerImgSrc={`${
+                                element.type === `bill`
+                                  ? ``
+                                  : `/thumbs-${element.position}.svg`
+                              }`}
+                              headerImgTitle={`${
+                                element.type === `bill` ? "" : element.position
+                              }`}
+                              bodyImgSrc={``}
+                              bodyImgAltTxt={``}
+                              bodyText={element.bodyText}
+                            />
+                          )}
                         </div>
                       ))}
                   </>
@@ -152,64 +223,3 @@ export default function Newsfeed() {
     </>
   )
 }
-
-function FilterBoxes({
-  isMobile,
-  onOrgFilterChange,
-  onBillFilterChange,
-  isShowingOrgs,
-  isShowingBills
-}: {
-  isMobile: boolean
-  onOrgFilterChange: any
-  onBillFilterChange: any
-  isShowingOrgs: boolean
-  isShowingBills: boolean
-}) {
-  return (
-    <>
-      <Row
-        className={`${
-          isMobile ? "justify-content-center" : "justify-content-end"
-        }`}
-      >
-        <div className="form-check checkbox">
-          <input
-            className="form-check-input"
-            type="checkbox"
-            id="orgCheck"
-            onChange={event => {
-              const inputDomElement = event.target
-              onOrgFilterChange(inputDomElement.checked)
-            }}
-            checked={isShowingOrgs}
-          />
-          <label className="form-check-label" htmlFor="orgCheck">
-            Organization Updates
-          </label>
-        </div>
-      </Row>
-      <Row
-        className={`${
-          isMobile ? "justify-content-center" : "justify-content-end"
-        }`}
-      >
-        <div className="form-check checkbox">
-          <input
-            className="form-check-input"
-            type="checkbox"
-            id="billCheck"
-            onChange={event => {
-              const inputDomElement = event.target
-              onBillFilterChange(inputDomElement.checked)
-            }}
-            checked={isShowingBills}
-          />
-          <label className="form-check-label" htmlFor="billCheck">
-            Bill Updates
-          </label>
-        </div>
-      </Row>
-    </>
-  )
-}
diff --git a/components/Newsfeed/StyledNewsfeedComponents.tsx b/components/Newsfeed/StyledNewsfeedComponents.tsx
index 85042bb01..338aa552b 100644
--- a/components/Newsfeed/StyledNewsfeedComponents.tsx
+++ b/components/Newsfeed/StyledNewsfeedComponents.tsx
@@ -1,6 +1,16 @@
 import styled from "styled-components"
 import { Container, Col, Row } from "../bootstrap"
 
+export const BillCol = styled(Col)`
+  position: relative;
+  right: 35px;
+
+  @media (max-width: 450px) {
+    flex-direction: column;
+    right: 0px;
+  }
+`
+
 export const Header = styled(Row)`
   align-items: center;
   margin: 2.5rem 0;
@@ -11,9 +21,9 @@ export const Header = styled(Row)`
 export const HeaderTitle = styled(Col)`
   font-family: "Nunito";
   font-style: normal;
-  font-weight: 600;
-  font-size: 61px;
-  line-height: 125%;
+  font-weight: 700;
+  font-size: 40px;
+  line-height: 48px;
   letter-spacing: -0.03em;
   color: #000000;
 `
@@ -33,6 +43,4 @@ export const StyledContainer = styled(Container)`
   .checkbox input:checked {
     background-color: #12266f;
   }
-  @media (min-width: 768px) {
-  }
 `
diff --git a/pages/newsfeed.tsx b/pages/newsfeed.tsx
index 6dcecc095..a17b6d488 100644
--- a/pages/newsfeed.tsx
+++ b/pages/newsfeed.tsx
@@ -15,7 +15,7 @@ import { serverSideTranslations } from "next-i18next/serverSideTranslations"
 export async function getStaticProps({ locale }: any) {
   return {
     props: {
-      ...(await serverSideTranslations(locale, ["common", "footer"]))
+      ...(await serverSideTranslations(locale, ["auth", "common", "footer"]))
       // Will be passed to the page component as props
     }
   }
diff --git a/public/images/bill-capitol.svg b/public/images/bill-capitol.svg
new file mode 100644
index 000000000..9bb304392
--- /dev/null
+++ b/public/images/bill-capitol.svg
@@ -0,0 +1,9 @@
+<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.3545 29.4841C29.38 26.5781 32 21.8456 32 16.5012C32 7.66396 24.8366 0.5 16 0.5C7.16344 0.5 0 7.66396 0 16.5012C0 22.2027 2.98178 27.2077 7.4709 30.0417V26.1244H6.83604C6.42691 26.1244 6.09525 25.7927 6.09525 25.3836C6.09525 24.9745 6.42691 24.6428 6.83604 24.6428H25.9894C26.3985 24.6428 26.7302 24.9745 26.7302 25.3836C26.7302 25.7927 26.3985 26.1244 25.9894 26.1244H25.3545V29.4841ZM16.642 7.35762H16.1834V8.34534H14.8078V10.0067C14.3675 10.1065 13.9355 10.2475 13.5173 10.4284C12.5993 10.8255 11.7652 11.4076 11.0626 12.1413C10.36 12.8751 9.80272 13.7461 9.42249 14.7048C9.04225 15.6635 8.84655 16.691 8.84655 17.7287H23.9788C23.9788 16.691 23.7831 15.6635 23.4029 14.7048C23.0227 13.7461 22.4653 12.8751 21.7628 12.1413C21.0602 11.4076 20.2261 10.8255 19.3081 10.4284C18.8899 10.2475 18.4579 10.1066 18.0176 10.0067V8.34534H16.642V7.35762ZM8.67021 17.7287C8.26108 17.7287 7.92942 18.0604 7.92942 18.4695C7.92942 18.8787 8.26108 19.2103 8.67021 19.2103H24.1551C24.5642 19.2103 24.8959 18.8787 24.8959 18.4695C24.8959 18.0604 24.5642 17.7287 24.1551 17.7287H8.67021ZM8.21169 19.7042C7.80256 19.7042 7.4709 20.0359 7.4709 20.445C7.4709 20.8541 7.80256 21.1858 8.21169 21.1858H8.84655V24.149H10.2222V21.1858H11.5979V24.149H12.9735V21.1858H14.3492V24.149H15.7249V21.1858H17.1005V24.149H18.4762V21.1858H19.8519V24.149H21.2275V21.1858H22.6032V24.149H23.9788V21.1858H24.6137C25.0228 21.1858 25.3545 20.8541 25.3545 20.445C25.3545 20.0359 25.0228 19.7042 24.6137 19.7042H8.21169Z" fill="black"/>
+<path d="M23.9788 30.3739V26.1244H22.6032V31.0804C23.0744 30.8666 23.5333 30.6307 23.9788 30.3739Z" fill="black"/>
+<path d="M21.2275 31.6288V26.1244H19.8519V32.0356C20.3188 31.9202 20.7777 31.7842 21.2275 31.6288Z" fill="black"/>
+<path d="M18.4762 32.3119V26.1244H17.1006V32.4651C17.5648 32.4335 18.0236 32.3822 18.4762 32.3119Z" fill="black"/>
+<path d="M15.7249 32.5V26.1244H14.3493V32.4182C14.8025 32.4646 15.2613 32.4922 15.7249 32.5Z" fill="black"/>
+<path d="M12.9736 32.2165V26.1244H11.5979V31.8891C12.0486 32.0178 12.5075 32.1272 12.9736 32.2165Z" fill="black"/>
+<path d="M10.2222 31.4272V26.1244H8.84656V30.8179C9.29357 31.0418 9.75252 31.2453 10.2222 31.4272Z" fill="black"/>
+</svg>
diff --git a/public/images/clock.svg b/public/images/clock.svg
new file mode 100644
index 000000000..99d49a9a8
--- /dev/null
+++ b/public/images/clock.svg
@@ -0,0 +1,18 @@
+<svg width="106" height="106" viewBox="0 0 106 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="52.8" cy="52.8" r="50.8683" fill="white" stroke="#1A3185" stroke-width="3.86341"/>
+<line x1="51.513" y1="12.8782" x2="51.513" y2="6.43919" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="51.513" y1="100.449" x2="51.513" y2="94.0095" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="6.4382" y1="51.512" x2="11.5894" y2="51.512" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="92.7214" y1="51.512" x2="99.1604" y2="51.512" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="87.728" y1="32.9198" x2="93.0849" y2="29.5725" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="12.0269" y1="75.0126" x2="17.3837" y2="71.6652" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="27.7635" y1="12.7124" x2="31.8238" y2="17.5513" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="75.66" y1="85.8208" x2="79.7203" y2="90.6597" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="25.687" y1="90.4943" x2="29.7472" y2="85.6555" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="73.687" y1="17.3859" x2="77.7472" y2="12.5471" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="88.5988" y1="71.5327" x2="93.9556" y2="74.88" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="12.1652" y1="29.4399" x2="17.522" y2="32.7872" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="51.513" y1="51.512" x2="51.513" y2="29.6193" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<line x1="52.7674" y1="53.3287" x2="71.0538" y2="75.1215" stroke="#1A3185" stroke-width="2.57561" stroke-linecap="round"/>
+<circle cx="51.5119" cy="52.7999" r="2.57561" fill="white" stroke="#1A3185" stroke-width="2.57561"/>
+</svg>
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
index f685785d5..95f1b00cb 100644
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -1,6 +1,38 @@
 {
   "about": "About",
   "back_to_bills": "back to list of bills",
+  "bill": {
+    "old_session": "this bill is from session {{billCourt}} - not the current session",
+    "read_more": "Read More",
+    "download_pdf": "Download PDF",
+    "icon": {
+      "commerce": "Commerce",
+      "crime_and_law_enforcement": "Crime and Law Enforcement",
+      "economics_and_public_finance": "Economics and Public Finance",
+      "education": "Education",
+      "emergency_management": "Emergency Management",
+      "energy": "Energy",
+      "environmental_protection": "Environmental Protection",
+      "families": "Families",
+      "food_drugs_and_alcohol": "Food, Drugs and Alcohol",
+      "government_operations_and_elections": "Government Operations and Elections",
+      "healthcare": "Healthcare",
+      "housing_and_community_development": "Housing and Community Development",
+      "immigrants_and_foreign_nationals": "Immigrants and Foreign Nationals",
+      "labor_and_employment": "Labor and Employment",
+      "law_and_judiciary": "Law and Judiciary",
+      "public_and_natural_resources": "Public and Natural Resources",
+      "social_services": "Social Services",
+      "sports_and_recreation": "Sports and Recreation",
+      "taxation": "Taxation",
+      "technology_and_communications": "Technology and Communications",
+      "transportation_and_public_works": "Transportation and Public Works"
+    },
+    "smart_tag": "AI Smart Tag",
+    "smart_summary": "Smart Summary & Tags",
+    "smart_disclaimer": "This content has been generated using artificial intelligence and may not accurately reflect the details of the legislation.  To report an inaccuracy or to suggest an improvement, please email admin@mapletestimony.org"
+  },
+  "bill_updates": "Bill Updates",
   "browse_bills": "browse bills",
   "button":{
     "follow" : "Follow",
@@ -38,6 +70,7 @@
     "legislativeProcess": "About the MA Legislative Process",
     "logo": "Massachusetts Platform for Legislative Engagement home",
     "missionAndGoals": "Mission & Goals",
+    "newsfeed": "Newsfeed",
     "team": "Team",
     "privacyAndConduct": "Privacy Policy & Code of Conduct",
     "signOut": "Sign Out",
@@ -47,6 +80,11 @@
     "whyUseMaple": "Why Use MAPLE"
   },
   "newcomer" : "New to MAPLE? For extra support, check",
+  "newsfeed": {
+    "action_update": "has an action update from the ",
+    "follow": "You follow ",
+    "not_follow": "You do not follow "
+  },
   "notInCommittee": "Bill not currently in committee",
   "noResults": "No Results",
   "orgs": "Organizations",
@@ -65,46 +103,16 @@
     "content": "Your request to be upgraded to an organization is currently in progress. You will be notified by email when your request has been reviewed."
   },
   "short_description": "MAPLE makes it easy for anyone to view and submit testimony to the Massachusetts Legislature about the bills that will shape our future.",
-  "bill": {
-    "old_session": "this bill is from session {{billCourt}} - not the current session",
-    "read_more": "Read More",
-    "download_pdf": "Download PDF",
-    "icon": {
-      "commerce": "Commerce",
-      "crime_and_law_enforcement": "Crime and Law Enforcement",
-      "economics_and_public_finance": "Economics and Public Finance",
-      "education": "Education",
-      "emergency_management": "Emergency Management",
-      "energy": "Energy",
-      "environmental_protection": "Environmental Protection",
-      "families": "Families",
-      "food_drugs_and_alcohol": "Food, Drugs and Alcohol",
-      "government_operations_and_elections": "Government Operations and Elections",
-      "healthcare": "Healthcare",
-      "housing_and_community_development": "Housing and Community Development",
-      "immigrants_and_foreign_nationals": "Immigrants and Foreign Nationals",
-      "labor_and_employment": "Labor and Employment",
-      "law_and_judiciary": "Law and Judiciary",
-      "public_and_natural_resources": "Public and Natural Resources",
-      "social_services": "Social Services",
-      "sports_and_recreation": "Sports and Recreation",
-      "taxation": "Taxation",
-      "technology_and_communications": "Technology and Communications",
-      "transportation_and_public_works": "Transportation and Public Works"
-    },
-    "smart_tag": "AI Smart Tag",
-    "smart_summary": "Smart Summary & Tags",
-    "smart_disclaimer": "This content has been generated using artificial intelligence and may not accurately reflect the details of the legislation.  To report an inaccuracy or to suggest an improvement, please email admin@mapletestimony.org"
-  },  
   "primarySponsor": "Primary Sponsor",
   "showAns": "Show Answer",
   "socials": {
-    "instagram":"Instagram",
+    "instagram": "Instagram",
     "linkedin": "LinkedIn",
     "twitter": "Twitter",
-    "facebook":"Facebook"
+    "facebook": "Facebook"
   },
   "table": {
     "page": "Page {{currentPage}}"
-  }
+  },
+  "user_updates": "User Updates"
 }
\ No newline at end of file