diff --git a/.storybook/BUILD.gn b/.storybook/BUILD.gn
index 99a81a53497d..09924b57b12d 100644
--- a/.storybook/BUILD.gn
+++ b/.storybook/BUILD.gn
@@ -11,8 +11,16 @@ group("storybook") {
   # are disabled in a regular brave build due to build flags,
   # they will be generated before storybook is compiled.
   deps = [
+    "//brave/components/brave_new_tab_ui:mojom_js",
+    "//brave/components/brave_shields/common:mojom_js",
+    "//brave/components/brave_today/common:mojom_js",
     "//brave/components/brave_vpn/mojom:mojom_js",
     "//brave/components/brave_wallet/common:mojom_js",
+    "//brave/components/speedreader/common:mojom_js",
+    "//mojo/public/js:bindings",
+    "//mojo/public/js:resources",
     "//ui/webui/resources/js:cr.m",
+    "//ui/webui/resources/js:modulize",
+    "//ui/webui/resources/js:preprocess",
   ]
 }
diff --git a/.storybook/chrome-resources-mock/js/plural_string_proxy.js.ts b/.storybook/chrome-resources-mock/js/plural_string_proxy.js.ts
new file mode 100644
index 000000000000..b47f1ac7c0ff
--- /dev/null
+++ b/.storybook/chrome-resources-mock/js/plural_string_proxy.js.ts
@@ -0,0 +1,16 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+let instance: PluralStringProxyImpl | null = null
+
+export class PluralStringProxyImpl {
+  static getInstance() {
+    return instance || (instance = new PluralStringProxyImpl())
+  }
+
+  getPluralString(key: string, count: number): Promise<string> {
+    return Promise.resolve(`${key}(${count})`)
+  }
+}
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
index dd596e4c27d8..5429277294a9 100644
--- a/.storybook/webpack.config.js
+++ b/.storybook/webpack.config.js
@@ -90,7 +90,7 @@ module.exports = async ({ config, mode }) => {
             // build, but has previously made a Component build, then an outdated
             // version of a module will be used. Instead, accept a cli argument
             // or environment variable containing which build target to use.
-            ...getBuildOuptutPathList('gen/ui/webui/resources')
+            ...getBuildOuptutPathList('gen/ui/webui/resources/preprocessed')
           ]
         },
         {
diff --git a/BUILD.gn b/BUILD.gn
index 5372051630f6..2a49077bd45e 100644
--- a/BUILD.gn
+++ b/BUILD.gn
@@ -57,6 +57,10 @@ if (!is_ios) {
       deps += [ ":packed_resources" ]
     }
   }
+
+  group("storybook") {
+    deps = [ "//brave/.storybook:storybook" ]
+  }
 }
 
 if (is_win) {
@@ -542,10 +546,6 @@ group("tools") {
   }
 }
 
-group("storybook") {
-  deps = [ "//brave/.storybook:storybook" ]
-}
-
 if (is_redirect_cc_build) {
   group("redirect_cc") {
     deps = [ "//brave/tools/redirect_cc" ]
diff --git a/browser/ui/webui/brave_webui_source.cc b/browser/ui/webui/brave_webui_source.cc
index c121ef48cd2c..bc834cdf0cce 100644
--- a/browser/ui/webui/brave_webui_source.cc
+++ b/browser/ui/webui/brave_webui_source.cc
@@ -206,6 +206,24 @@ void CustomizeWebUIHTMLSource(content::WebUI* web_ui,
         { "promoted", IDS_BRAVE_TODAY_PROMOTED },
         { "ad", IDS_BRAVE_TODAY_DISPLAY_AD_LABEL },
 
+        { "braveNewsBackToDashboard", IDS_BRAVE_NEWS_BACK_TO_DASHBOARD },
+        { "braveNewsDisabledPlaceholderHeader", IDS_BRAVE_NEWS_DISABLED_PLACEHOLDER_HEADER },   // NOLINT
+        { "braveNewsDisabledPlaceholderSubtitle", IDS_BRAVE_NEWS_DISABLED_PLACEHOLDER_SUBTITLE },  // NOLINT
+        { "braveNewsDisabledPlaceholderEnableButton", IDS_BRAVE_NEWS_DISABLED_PLACEHOLDER_ENABLE_BUTTON },  // NOLINT
+        { "braveNewsSearchPlaceholderLabel", IDS_BRAVE_NEWS_SEARCH_PLACEHOLDER_LABEL},  // NOLINT
+        { "braveNewsChannelsHeader", IDS_BRAVE_NEWS_BROWSE_CHANNELS_HEADER},  // NOLINT
+        { "braveNewsLoadMoreCategoriesButton", IDS_BRAVE_NEWS_LOAD_MORE_CATEGORIES_BUTTON },  // NOLINT
+        { "braveNewsAllSourcesHeader", IDS_BRAVE_NEWS_ALL_SOURCES_HEADER},
+        { "braveNewsFeedsHeading", IDS_BRAVE_NEWS_FEEDS_HEADING},
+        { "braveNewsFollowButtonFollowing", IDS_BRAVE_NEWS_FOLLOW_BUTTON_FOLLOWING},  // NOLINT
+        { "braveNewsFollowButtonNotFollowing", IDS_BRAVE_NEWS_FOLLOW_BUTTON_NOT_FOLLOWING},  // NOLINT
+        { "braveNewsDirectSearchButton", IDS_BRAVE_NEWS_DIRECT_SEARCH_BUTTON},  // NOLINT
+        { "braveNewsDirectSearchNoResults", IDS_BRAVE_NEWS_DIRECT_SEARCH_NO_RESULTS},  // NOLINT
+        { "braveNewsSearchResultsNoResults", IDS_BRAVE_NEWS_SEARCH_RESULTS_NO_RESULTS},  // NOLINT
+        { "braveNewsSearchResultsLocalResults", IDS_BRAVE_NEWS_SEARCH_RESULTS_LOCAL_RESULTS},  // NOLINT
+        { "braveNewsSearchResultsDirectResults", IDS_BRAVE_NEWS_SEARCH_RESULTS_DIRECT_RESULTS},  // NOLINT
+        { "braveNewsSearchQueryTooShort", IDS_BRAVE_NEWS_SEARCH_QUERY_TOO_SHORT},  // NOLINT
+
         { "addWidget", IDS_BRAVE_NEW_TAB_WIDGET_ADD },
         { "hideWidget", IDS_BRAVE_NEW_TAB_WIDGET_HIDE },
         { "rewardsWidgetDesc", IDS_BRAVE_NEW_TAB_REWARDS_WIDGET_DESC },
diff --git a/browser/ui/webui/new_tab_page/brave_new_tab_message_handler.cc b/browser/ui/webui/new_tab_page/brave_new_tab_message_handler.cc
index 901548de05d1..ab3968e066e4 100644
--- a/browser/ui/webui/new_tab_page/brave_new_tab_message_handler.cc
+++ b/browser/ui/webui/new_tab_page/brave_new_tab_message_handler.cc
@@ -36,7 +36,9 @@
 #include "chrome/browser/browser_process.h"
 #include "chrome/browser/first_run/first_run.h"
 #include "chrome/browser/profiles/profile.h"
+#include "chrome/browser/ui/webui/plural_string_handler.h"
 #include "chrome/common/chrome_features.h"
+#include "components/grit/brave_components_strings.h"
 #include "components/prefs/pref_change_registrar.h"
 #include "components/prefs/pref_registry_simple.h"
 #include "components/prefs/pref_service.h"
@@ -208,6 +210,11 @@ void BraveNewTabMessageHandler::RegisterMessages() {
   // - Stats
   // - Preferences
   // - PrivatePage properties
+  auto plural_string_handler = std::make_unique<PluralStringHandler>();
+  plural_string_handler->AddLocalizedString("braveNewsSourceCount",
+                                            IDS_BRAVE_NEWS_SOURCE_COUNT);
+  web_ui()->AddMessageHandler(std::move(plural_string_handler));
+
   web_ui()->RegisterMessageCallback(
       "getNewTabPagePreferences",
       base::BindRepeating(&BraveNewTabMessageHandler::HandleGetPreferences,
diff --git a/components/brave_new_tab_ui/api/brave_news/index.ts b/components/brave_new_tab_ui/api/brave_news/index.ts
index 9dcdf1e445b4..18443eaeaf5b 100644
--- a/components/brave_new_tab_ui/api/brave_news/index.ts
+++ b/components/brave_new_tab_ui/api/brave_news/index.ts
@@ -20,7 +20,10 @@ export default function getBraveNewsController () {
   // doesn't try to connect, or pages which use exported types
   // but ultimately don't fetch any data.
   if (!braveNewsControllerInstance) {
-    braveNewsControllerInstance = BraveNews.BraveNewsController.getRemote()
+    // In Storybook, we have a mocked BraveNewsController because none of the
+    // mojo apis are available.
+    // @ts-expect-error
+    braveNewsControllerInstance = window.storybookBraveNewsController || BraveNews.BraveNewsController.getRemote()
   }
   return braveNewsControllerInstance
 }
diff --git a/components/brave_new_tab_ui/api/brave_news/news.ts b/components/brave_new_tab_ui/api/brave_news/news.ts
new file mode 100644
index 000000000000..46bc4a384db4
--- /dev/null
+++ b/components/brave_new_tab_ui/api/brave_news/news.ts
@@ -0,0 +1,157 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import { BraveNewsControllerRemote, Publisher, PublisherType, UserEnabled } from 'gen/brave/components/brave_today/common/brave_news.mojom.m'
+import getBraveNewsController, { Channels, Publishers } from '.'
+
+type PublishersListener = (publishers: Publishers, oldValue: Publishers) => void
+type ChannelsListener = (newValue: Channels, oldValue: Channels) => void
+
+export const isPublisherEnabled = (publisher: Publisher) => {
+  if (!publisher) return false
+
+  // Direct Sources are enabled if they're available.
+  if (publisher.type === PublisherType.DIRECT_SOURCE) return true
+
+  // Publishers enabled via channel are not shown in the sidebar.
+  return publisher.userEnabledStatus === UserEnabled.ENABLED
+}
+
+export const isDirectFeed = (publisher: Publisher) => {
+  if (!publisher) return false
+  return publisher.type === PublisherType.DIRECT_SOURCE
+}
+
+class BraveNewsApi {
+  controller: BraveNewsControllerRemote
+
+  publishersListeners: PublishersListener[] = []
+  lastPublishers: Publishers = {}
+
+  channelsListeners: ChannelsListener[] = []
+  lastChannels: Channels = {}
+
+  locale: string
+
+  constructor () {
+    this.controller = getBraveNewsController()
+    this.updateChannels()
+
+    this.controller.getLocale().then(({ locale }) => {
+      this.locale = locale
+      this.updatePublishers()
+    })
+  }
+
+  getPublishers () {
+    return this.lastPublishers
+  }
+
+  getChannels () {
+    return this.lastChannels
+  }
+
+  async setPublisherPref (publisherId: string, status: UserEnabled) {
+    const newValue = {
+      ...this.lastPublishers,
+      [publisherId]: {
+        ...this.lastPublishers[publisherId],
+        userEnabledStatus: status
+      }
+    }
+
+    // We completely remove direct feeds when setting the UserEnabled status
+    // to DISABLED.
+    const publisher = this.lastPublishers[publisherId]
+    if (isDirectFeed(publisher) && status === UserEnabled.DISABLED) {
+      delete newValue[publisherId]
+    }
+
+    this.controller.setPublisherPref(publisherId, status)
+    this.updatePublishers(newValue)
+  }
+
+  async subscribeToDirectFeed (feedUrl: string) {
+    const { publishers } = await this.controller.subscribeToNewDirectFeed({ url: feedUrl })
+    this.updatePublishers(publishers)
+  }
+
+  setPublisherSubscribed (publisherId: string, enabled: boolean) {
+    this.setPublisherPref(publisherId, enabled ? UserEnabled.ENABLED : UserEnabled.DISABLED)
+  }
+
+  async setChannelSubscribed (channelId: string, subscribed: boolean) {
+    // While we're waiting for the new channels to come back, speculatively
+    // update them, so the UI has instant feedback.
+    this.updateChannels({
+      ...this.lastChannels,
+      [channelId]: {
+        ...this.lastChannels[channelId],
+        subscribed
+      }
+    })
+
+    // Then, once we receive the actual update, apply it.
+    const { updated } = await this.controller.setChannelSubscribed(channelId, subscribed)
+    this.updateChannels({
+      ...this.lastChannels,
+      [channelId]: updated
+    })
+  }
+
+  async updatePublishers (newPublishers?: Publishers) {
+    if (!newPublishers) {
+      ({ publishers: newPublishers } = await this.controller.getPublishers())
+    }
+
+    const oldValue = this.lastPublishers
+    this.lastPublishers = newPublishers!
+
+    this.notifyPublishersListeners(newPublishers!, oldValue)
+  }
+
+  async updateChannels (newChannels?: Channels) {
+    if (!newChannels) {
+      ({ channels: newChannels } = await this.controller.getChannels())
+    }
+
+    const oldValue = this.lastChannels
+    this.lastChannels = newChannels!
+
+    this.notifyChannelsListeners(this.lastChannels, oldValue)
+  }
+
+  addPublishersListener (listener: PublishersListener) {
+    this.publishersListeners.push(listener)
+  }
+
+  removePublishersListener (listener: PublishersListener) {
+    const index = this.publishersListeners.indexOf(listener)
+    this.publishersListeners.splice(index, 1)
+  }
+
+  addChannelsListener (listener: ChannelsListener) {
+    this.channelsListeners.push(listener)
+  }
+
+  removeChannelsListener (listener: ChannelsListener) {
+    const index = this.channelsListeners.indexOf(listener)
+    this.channelsListeners.splice(index, 1)
+  }
+
+  notifyPublishersListeners (newValue: Publishers, oldValue: Publishers) {
+    for (const listener of this.publishersListeners) {
+      listener(newValue, oldValue)
+    }
+  }
+
+  notifyChannelsListeners (newValue: Channels, oldValue: Channels) {
+    for (const listener of this.channelsListeners) {
+      listener(newValue, oldValue)
+    }
+  }
+}
+
+export const api = new BraveNewsApi()
diff --git a/components/brave_new_tab_ui/components/Flex.tsx b/components/brave_new_tab_ui/components/Flex.tsx
new file mode 100644
index 000000000000..ceecb394675d
--- /dev/null
+++ b/components/brave_new_tab_ui/components/Flex.tsx
@@ -0,0 +1,18 @@
+import styled from 'styled-components'
+
+interface FlexProps {
+  align?: 'start' | 'end' | 'center' | 'flex-end' | 'flex-start' | 'self-start' | 'self-end'
+  justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'left' | 'right'
+  direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse'
+  gap?: number | string
+}
+
+const Flex = styled('div') <FlexProps>`
+  display: flex;
+  flex-direction: ${p => p.direction};
+  justify-content: ${p => p.justify};
+  align-items: ${p => p.align};
+  gap: ${p => typeof p.gap === 'number' ? `${p.gap}px` : p.gap};
+`
+
+export default Flex
diff --git a/components/brave_new_tab_ui/components/default/braveToday/cards/CardImage.tsx b/components/brave_new_tab_ui/components/default/braveToday/cards/CardImage.tsx
index 365774aa8ff8..5686a3bf4cd6 100644
--- a/components/brave_new_tab_ui/components/default/braveToday/cards/CardImage.tsx
+++ b/components/brave_new_tab_ui/components/default/braveToday/cards/CardImage.tsx
@@ -8,54 +8,66 @@ import * as Card from '../cardSizes'
 import getBraveNewsController, * as BraveNews from '../../../../api/brave_news'
 
 type Props = {
-  imageUrl: string
+  imageUrl?: string
   list?: boolean
-  isUnpadded?: boolean
   isPromoted?: boolean
   onLoaded?: () => any
 }
 
-function useGetUnpaddedImage (paddedUrl: string, isUnpadded: boolean, onLoaded?: () => any) {
+const cache: { [url: string]: string } = {}
+
+export function useGetUnpaddedImage (paddedUrl: string | undefined, onLoaded?: () => any, useCache?: boolean) {
   const [unpaddedUrl, setUnpaddedUrl] = React.useState('')
-  const onReceiveUnpaddedUrl = (result: string) => {
-    setUnpaddedUrl(result)
-    window.requestAnimationFrame(() => {
-      if (onLoaded) {
-        onLoaded()
-      }
-    })
-  }
+
   React.useEffect(() => {
+    const onReceiveUnpaddedUrl = (result: string) => {
+      if (useCache) cache[paddedUrl!] = result
+      setUnpaddedUrl(result)
+
+      if (onLoaded) window.requestAnimationFrame(() => onLoaded())
+    }
+
     // Storybook method
     // @ts-expect-error
     if (window.braveStorybookUnpadUrl) {
       // @ts-expect-error
       window.braveStorybookUnpadUrl(paddedUrl)
-      .then(onReceiveUnpaddedUrl)
+        .then(onReceiveUnpaddedUrl)
+      return
+    }
+
+    if (!paddedUrl) return
+
+    if (cache[paddedUrl]) {
+      onReceiveUnpaddedUrl(cache[paddedUrl])
       return
     }
 
     let blobUrl: string
     getBraveNewsController().getImageData({ url: paddedUrl })
-    .then(async (result) => {
-      if (!result.imageData) {
-        return
+      .then(async (result) => {
+        if (!result.imageData) {
+          return
+        }
+
+        const blob = new Blob([new Uint8Array(result.imageData)], { type: 'image/*' })
+        blobUrl = URL.createObjectURL(blob)
+        onReceiveUnpaddedUrl(blobUrl)
+      })
+      .catch(err => {
+        console.error(`Error getting image for ${paddedUrl}.`, err)
+      })
+
+      // Only revoke the URL if we aren't using the cache.
+      return () => {
+        if (!useCache) URL.revokeObjectURL(blobUrl)
       }
-      const blob = new Blob([new Uint8Array(result.imageData)], { type: 'image/*' })
-      blobUrl = URL.createObjectURL(blob)
-      onReceiveUnpaddedUrl(blobUrl)
-    })
-    .catch(err => {
-      console.error(`Error getting image for ${paddedUrl}.`, err)
-    })
-
-    return () => URL.revokeObjectURL(blobUrl)
-  }, [paddedUrl, isUnpadded])
+  }, [paddedUrl])
   return unpaddedUrl
 }
 
 export default function CardImage (props: Props) {
-  const unpaddedUrl = useGetUnpaddedImage(props.imageUrl, !!props.isUnpadded, props.onLoaded)
+  const unpaddedUrl = useGetUnpaddedImage(props.imageUrl, props.onLoaded)
   const [isImageLoaded, setIsImageLoaded] = React.useState(false)
   React.useEffect(() => {
     if (unpaddedUrl) {
diff --git a/components/brave_new_tab_ui/components/default/braveToday/cards/displayAd/index.tsx b/components/brave_new_tab_ui/components/default/braveToday/cards/displayAd/index.tsx
index bf322645ff7e..38a29dbb6662 100644
--- a/components/brave_new_tab_ui/components/default/braveToday/cards/displayAd/index.tsx
+++ b/components/brave_new_tab_ui/components/default/braveToday/cards/displayAd/index.tsx
@@ -60,14 +60,7 @@ export default function CardDisplayAd (props: Props) {
     // verbose ref type conversion due to https://stackoverflow.com/questions/61102101/cannot-assign-refobjecthtmldivelement-to-refobjecthtmlelement-instance
     return <div ref={contentTrigger}><div ref={cardRef as unknown as React.RefObject<HTMLDivElement>} /></div>
   }
-  let isImageUnpadded = true
-  let imageUrl: string = ''
-  if (content.image.paddedImageUrl) {
-    imageUrl = content.image.paddedImageUrl.url
-    isImageUnpadded = false
-  } else if (content.image.imageUrl) {
-    imageUrl = content.image.imageUrl.url
-  }
+  const imageUrl = content.image.paddedImageUrl?.url || content.image.imageUrl?.url
   // Render ad when one is available for this unit
   // TODO(petemill): Avoid nested links
   return (
@@ -77,7 +70,6 @@ export default function CardDisplayAd (props: Props) {
       </Styles.BatAdLabel>
       <a onClick={onClick} href={content.targetUrl.url} ref={cardRef}>
         <CardImage
-          isUnpadded={isImageUnpadded}
           imageUrl={imageUrl}
           isPromoted={true}
         />
diff --git a/components/brave_new_tab_ui/components/default/braveToday/content.tsx b/components/brave_new_tab_ui/components/default/braveToday/content.tsx
index ae105d98c308..9f337cba05fa 100644
--- a/components/brave_new_tab_ui/components/default/braveToday/content.tsx
+++ b/components/brave_new_tab_ui/components/default/braveToday/content.tsx
@@ -15,6 +15,8 @@ import CardsGroup from './cardsGroup'
 import Customize from './options/customize'
 import { attributeNameCardCount, Props } from './'
 import Refresh from './options/refresh'
+import { useBraveNews } from './customize/Context'
+import { loadTimeData } from '../../../../common/loadTimeData'
 
 function getFeedHashForCache (feed?: Feed) {
   return feed ? feed.hash : ''
@@ -26,6 +28,7 @@ export default function BraveTodayContent (props: Props) {
   const { feed, publishers } = props
 
   const dispatch = useDispatch()
+  const { setCustomizePage } = useBraveNews()
 
   const previousYAxis = React.useRef(0)
   const [showOptions, setShowOptions] = React.useState(false)
@@ -67,7 +70,7 @@ export default function BraveTodayContent (props: Props) {
       // Show if target article is inside or above viewport.
       const isInteracting = entries.some(
         entry => entry.isIntersecting ||
-                  entry.boundingClientRect.top < 0
+          entry.boundingClientRect.top < 0
       )
       console.debug('Brave News: Intersection Observer trigger show options, changing', isInteracting)
       setShowOptions(isInteracting)
@@ -172,8 +175,8 @@ export default function BraveTodayContent (props: Props) {
   let runningCardCount = introCount
   return (
     <>
-    {/* featured item */}
-      { feed.featuredItem && <CardLarge
+      {/* featured item */}
+      {feed.featuredItem && <CardLarge
         content={[feed.featuredItem]}
         publishers={publishers}
         articleToScrollTo={props.articleToScrollTo}
@@ -183,53 +186,55 @@ export default function BraveTodayContent (props: Props) {
       }
       <div ref={interactionTriggerElement} />
       <div {...{ [attributeNameCardCount]: 1 }} ref={registerCardCountTriggerElement} />
-      { !isOnlyDisplayingPeekingCard &&
-      <>
+      {!isOnlyDisplayingPeekingCard &&
         <>
-          <CardDisplayAd
-            onVisitDisplayAd={props.onVisitDisplayAd}
-            onViewedDisplayAd={props.onViewedDisplayAd}
-            getContent={props.getDisplayAd}
+          <>
+            <CardDisplayAd
+              onVisitDisplayAd={props.onVisitDisplayAd}
+              onViewedDisplayAd={props.onViewedDisplayAd}
+              getContent={props.getDisplayAd}
+            />
+            <div {...{ [attributeNameCardCount]: introCount }} ref={registerCardCountTriggerElement} />
+          </>
+          {
+            /* Infinitely repeating collections of content. */
+            Array(displayedPageCount).fill(undefined).map((_: undefined, index: number) => {
+              const shouldScrollToDisplayAd = props.displayAdToScrollTo === (index + 1)
+              let startingDisplayIndex = runningCardCount
+              runningCardCount += feed.pages[index].items.length
+              return (
+                <CardsGroup
+                  key={index}
+                  itemStartingDisplayIndex={startingDisplayIndex}
+                  content={feed.pages[index]}
+                  publishers={publishers}
+                  articleToScrollTo={props.articleToScrollTo}
+                  shouldScrollToDisplayAd={shouldScrollToDisplayAd}
+                  onReadFeedItem={props.onReadFeedItem}
+                  onPeriodicCardViews={registerCardCountTriggerElement}
+                  onSetPublisherPref={props.onSetPublisherPref}
+                  onPromotedItemViewed={props.onPromotedItemViewed}
+                  onVisitDisplayAd={props.onVisitDisplayAd}
+                  onViewedDisplayAd={props.onViewedDisplayAd}
+                  getDisplayAdContent={props.getDisplayAd}
+                />
+              )
+            })
+          }
+          <Customize onCustomizeBraveToday={() => loadTimeData.getBoolean('featureFlagBraveNewsV2Enabled')
+            ? setCustomizePage('news')
+            : props.onCustomizeBraveToday()} show={showOptions} />
+          <Refresh isFetching={props.isFetching} show={showOptions && (props.isUpdateAvailable || props.isFetching)} onClick={props.onRefresh} />
+          <div
+            ref={setScrollTriggerRef}
+            style={{
+              width: '1px',
+              height: '1px',
+              position: 'absolute',
+              bottom: '0'
+            }}
           />
-          <div {...{ [attributeNameCardCount]: introCount }} ref={registerCardCountTriggerElement} />
         </>
-        {
-          /* Infinitely repeating collections of content. */
-          Array(displayedPageCount).fill(undefined).map((_: undefined, index: number) => {
-            const shouldScrollToDisplayAd = props.displayAdToScrollTo === (index + 1)
-            let startingDisplayIndex = runningCardCount
-            runningCardCount += feed.pages[index].items.length
-            return (
-              <CardsGroup
-                key={index}
-                itemStartingDisplayIndex={startingDisplayIndex}
-                content={feed.pages[index]}
-                publishers={publishers}
-                articleToScrollTo={props.articleToScrollTo}
-                shouldScrollToDisplayAd={shouldScrollToDisplayAd}
-                onReadFeedItem={props.onReadFeedItem}
-                onPeriodicCardViews={registerCardCountTriggerElement}
-                onSetPublisherPref={props.onSetPublisherPref}
-                onPromotedItemViewed={props.onPromotedItemViewed}
-                onVisitDisplayAd={props.onVisitDisplayAd}
-                onViewedDisplayAd={props.onViewedDisplayAd}
-                getDisplayAdContent={props.getDisplayAd}
-              />
-            )
-          })
-        }
-        <Customize onCustomizeBraveToday={props.onCustomizeBraveToday} show={showOptions} />
-        <Refresh isFetching={props.isFetching} show={showOptions && (props.isUpdateAvailable || props.isFetching)} onClick={props.onRefresh} />
-        <div
-          ref={setScrollTriggerRef}
-          style={{
-            width: '1px',
-            height: '1px',
-            position: 'absolute',
-            bottom: '0'
-          }}
-        />
-      </>
       }
     </>
   )
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/ChannelCard.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/ChannelCard.tsx
new file mode 100644
index 000000000000..67b09c731555
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/ChannelCard.tsx
@@ -0,0 +1,49 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import styled from 'styled-components'
+import * as React from 'react'
+import Flex from '../../../Flex'
+import { getCardColor } from './colors'
+import FollowButton from './FollowButton'
+import { useChannelSubscribed } from './Context'
+
+const Container = styled(Flex) <{ backgroundColor: string }>`
+  height: 80px;
+  font-weight: 600;
+  font-size: 14px;
+  border-radius: 8px;
+  background: ${p => p.backgroundColor};
+  padding: 16px 20px;
+  color: white;
+  position: relative;
+
+  :hover {
+    opacity: 0.8;
+  }
+`
+
+const SubscribeButton = styled(FollowButton)`
+    position: absolute;
+    top: 8px;
+    right: 8px;
+`
+
+interface Props {
+  channelId: string
+}
+
+export default function ChannelCard ({ channelId }: Props) {
+  const { subscribed, setSubscribed } = useChannelSubscribed(channelId)
+  return <Container
+    direction='column'
+    justify='center'
+    align='center'
+    backgroundColor={getCardColor(channelId)}
+  >
+    <SubscribeButton following={subscribed} onClick={() => setSubscribed(!subscribed)} />
+    {channelId}
+  </Container>
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/Configure.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/Configure.tsx
new file mode 100644
index 000000000000..3bb4a27dd616
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/Configure.tsx
@@ -0,0 +1,149 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import * as React from 'react'
+import styled from 'styled-components'
+import Flex from '../../../Flex'
+import Discover from './Discover'
+import { BackArrow, Cross } from './Icons'
+import Button from '$web-components/button'
+import Toggle from '$web-components/toggle'
+import SourcesList from './SourcesList'
+import DisabledPlaceholder from './DisabledPlaceholder'
+import { useNewTabPref } from '../../../../hooks/usePref'
+import { useBraveNews } from './Context'
+import { getLocale } from '$web-common/locale'
+import { formatMessage } from '../../../../../brave_rewards/resources/shared/lib/locale_context'
+
+const Grid = styled.div`
+  width: 100%;
+  height: 100%;
+
+  display: grid;
+  grid-template-columns: 250px auto;
+  grid-template-rows: 64px 2px auto;
+
+  grid-template-areas:
+    "back-button header"
+    "separator separator"
+    "sidebar content";
+`
+
+const Header = styled(Flex)`
+  grid-area: header;
+  padding: 24px;
+`
+
+const HeaderText = styled.span`
+  font-size: 16px;
+  font-weight: 500;
+`
+
+const CloseButtonContainer = styled.div`
+  &> button {
+    --inner-border-size: 0;
+    --outer-border-size: 0;
+    padding: 12px;
+    width: 32px;
+    height: 32px;
+  }
+`
+
+const BackButtonContainer = styled.div`
+  grid-area: back-button;
+  align-items: center;
+  display: flex;
+  padding: 12px;
+
+  &> button {
+    --inner-border-size: 0;
+    --outer-border-size: 0;
+  }
+`
+
+const BackButtonText = styled.span`
+  font-size: 12px;
+  line-height: 1;
+`
+
+const Hr = styled.hr`
+  grid-area: separator;
+  width: 100%;
+  align-self: center;
+  background: var(--divider1);
+  height: 2px;
+  border-width: 0;
+`
+
+const Sidebar = styled.div`
+  position: relative;
+  overflow: auto;
+  grid-area: sidebar;
+  padding: 28px 32px;
+  background: var(--background2);
+`
+
+// Overlay on top of the sidebar, shown when it is disabled.
+const SidebarOverlay = styled.div`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: var(--background1);
+  opacity: 0.7;
+`
+
+const Content = styled.div`
+  grid-area: content;
+  overflow: auto;
+  padding: 20px 64px;
+`
+
+export default function Configure () {
+  const [enabled, setEnabled] = useNewTabPref('isBraveTodayOptedIn')
+  const { setCustomizePage } = useBraveNews()
+
+  let content: JSX.Element
+  if (!enabled) {
+    content = <DisabledPlaceholder enableBraveNews={() => setEnabled(true)} />
+  } else {
+    content = <Discover />
+  }
+
+  return (
+    <Grid>
+      <BackButtonContainer>
+        <Button onClick={() => setCustomizePage(null)}>
+          {BackArrow}
+          <BackButtonText>
+            {formatMessage(getLocale('braveNewsBackToDashboard'), {
+              tags: {
+                $1: content => <strong key="$1">{content}</strong>
+              }
+            })}
+          </BackButtonText>
+        </Button>
+      </BackButtonContainer>
+      <Header direction="row-reverse" gap={12} align="center" justify="space-between">
+        <CloseButtonContainer>
+          <Button onClick={() => setCustomizePage(null)}>{Cross}</Button>
+        </CloseButtonContainer>
+        {enabled && <Flex direction="row" align="center" gap={8}>
+          <HeaderText>{getLocale('braveTodayTitle')}</HeaderText>
+          <Toggle isOn={enabled} onChange={setEnabled} />
+        </Flex>}
+      </Header>
+      <Hr />
+      <Sidebar>
+        <SourcesList />
+        {!enabled && <SidebarOverlay />}
+      </Sidebar>
+      <Content>
+        {content}
+      </Content>
+    </Grid>
+  )
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/Context.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/Context.tsx
new file mode 100644
index 000000000000..30685315665d
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/Context.tsx
@@ -0,0 +1,129 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import * as React from 'react'
+import { useCallback, useMemo, useState } from 'react'
+import { Channels, Publisher, Publishers, PublisherType } from '../../../../api/brave_news'
+import { api, isPublisherEnabled } from '../../../../api/brave_news/news'
+import Modal from './Modal'
+
+// Leave possibility for more pages open.
+type NewsPage = null
+  | 'news'
+
+interface BraveNewsContext {
+  customizePage: NewsPage
+  setCustomizePage: (page: NewsPage) => void
+  channels: Channels
+  // All global Publishers
+  publishers: Publishers
+  sortedPublishers: Publisher[]
+  // Publishers to offer the user (i.e. from current locale)
+  filteredPublisherIds: string[]
+  // Publishers the user is directly subscribed to
+  subscribedPublisherIds: string[]
+}
+
+export const BraveNewsContext = React.createContext<BraveNewsContext>({
+  customizePage: null,
+  setCustomizePage: () => { },
+  publishers: {},
+  sortedPublishers: [],
+  filteredPublisherIds: [],
+  subscribedPublisherIds: [],
+  channels: {}
+})
+
+export function BraveNewsContextProvider (props: { children: React.ReactNode }) {
+  const [customizePage, setCustomizePage] = useState<NewsPage>(null)
+  const [channels, setChannels] = useState<Channels>({})
+  const [publishers, setPublishers] = useState<Publishers>({})
+
+  React.useEffect(() => {
+    const handler = () => setChannels(api.getChannels())
+    handler()
+
+    api.addChannelsListener(handler)
+    return () => api.removeChannelsListener(handler)
+  }, [])
+
+  React.useEffect(() => {
+    const handler = () => setPublishers(api.getPublishers())
+    handler()
+
+    api.addPublishersListener(handler)
+    return () => api.removePublishersListener(handler)
+  }, [])
+
+  const sortedPublishers = useMemo(() =>
+    Object.values(publishers)
+      .sort((a, b) => a.publisherName.localeCompare(b.publisherName)),
+    [publishers])
+
+  const filteredPublisherIds = useMemo(() =>
+    sortedPublishers
+      .filter(p => p.type === PublisherType.DIRECT_SOURCE || p.locales.includes(api.locale))
+      .map(p => p.publisherId),
+    [sortedPublishers])
+
+  const subscribedPublisherIds = useMemo(() =>
+    sortedPublishers.filter(isPublisherEnabled).map(p => p.publisherId),
+    [sortedPublishers])
+
+  const context = useMemo(() => ({
+    customizePage,
+    setCustomizePage,
+    channels,
+    publishers,
+    sortedPublishers,
+    filteredPublisherIds,
+    subscribedPublisherIds
+  }), [customizePage, channels, publishers])
+
+  return <BraveNewsContext.Provider value={context}>
+    {props.children}
+    <Modal />
+  </BraveNewsContext.Provider>
+}
+
+export const useBraveNews = () => {
+  return React.useContext(BraveNewsContext)
+}
+
+export const useChannels = (options: { subscribedOnly: boolean } = { subscribedOnly: false }) => {
+  const { channels } = useBraveNews()
+  return useMemo(() => Object.values(channels)
+    .filter(c => c.subscribed || !options.subscribedOnly), [channels, options.subscribedOnly])
+}
+
+export const useChannelSubscribed = (channelId: string) => {
+  const { channels } = useBraveNews()
+  const subscribed = useMemo(() => channels[channelId]?.subscribed ?? false, [channels[channelId]])
+  const setSubscribed = React.useCallback((subscribed: boolean) => {
+    api.setChannelSubscribed(channelId, subscribed)
+  }, [channelId])
+
+  return {
+    subscribed,
+    setSubscribed
+  }
+}
+
+export const usePublisher = (publisherId: string) => {
+  const { publishers } = useBraveNews()
+  return useMemo(() => publishers[publisherId], [publishers[publisherId]])
+}
+
+export const usePublisherSubscribed = (publisherId: string) => {
+  const publisher = usePublisher(publisherId)
+
+  const subscribed = isPublisherEnabled(publisher)
+  const setSubscribed = useCallback((subscribed: boolean) => api.setPublisherSubscribed(publisherId, subscribed), [publisherId])
+
+  return {
+    subscribed,
+    setSubscribed
+  }
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/DisabledPlaceholder.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/DisabledPlaceholder.tsx
new file mode 100644
index 000000000000..d48e9ce3f013
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/DisabledPlaceholder.tsx
@@ -0,0 +1,59 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import Button from '$web-components/button'
+import * as React from 'react'
+import styled from 'styled-components'
+import { getLocale } from '$web-common/locale'
+import Flex from '../../../Flex'
+
+const TodayGraphic = <svg width="370" height="80" viewBox="0 0 370 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fillRule="evenodd" clipRule="evenodd" d="M244.071 3.51134C240.45 5.46094 239.075 10.0138 241 13.6805C242.926 17.3471 247.423 18.7391 251.044 16.7895C254.665 14.8399 256.04 10.287 254.115 6.62036C252.189 2.9537 247.692 1.56175 244.071 3.51134Z" fill="#D0D2F7" />
+  <path fillRule="evenodd" clipRule="evenodd" d="M245.227 69.9905C243.15 71.1088 242.361 73.7206 243.466 75.8239C244.57 77.9273 247.15 78.7258 249.227 77.6074C251.304 76.489 252.093 73.8773 250.989 71.7739C249.884 69.6706 247.304 68.8721 245.227 69.9905Z" fill="#FF977D" />
+  <path fillRule="evenodd" clipRule="evenodd" d="M81.6237 67.9588C79.027 69.3567 78.0413 72.6214 79.422 75.2506C80.8027 77.8798 84.027 78.8779 86.6237 77.4799C89.2204 76.082 90.2062 72.8173 88.8255 70.1881C87.4448 67.5589 84.2205 66.5608 81.6237 67.9588Z" fill="#A0A5EB" />
+  <path fillRule="evenodd" clipRule="evenodd" d="M360.284 51.3338C357.687 52.7317 356.701 55.9964 358.082 58.6256C359.463 61.2548 362.687 62.2529 365.284 60.8549C367.881 59.457 368.866 56.1923 367.486 53.5631C366.105 50.9339 362.881 49.9358 360.284 51.3338Z" fill="#F0F1FF" />
+  <path fillRule="evenodd" clipRule="evenodd" d="M311.378 47.1463L305.915 47.1403L305.921 52.6716C305.922 53.6148 305.17 54.3762 304.239 54.3752C303.774 54.3747 303.352 54.1836 303.047 53.8745C302.742 53.5654 302.553 53.1383 302.553 52.6679L302.547 47.1365L297.084 47.1305C296.619 47.13 296.197 46.939 295.892 46.6299C295.587 46.3208 295.398 45.8936 295.397 45.4232C295.396 44.48 296.148 43.7185 297.08 43.7196L302.543 43.7256L302.537 38.1943C302.536 37.2511 303.288 36.4896 304.22 36.4907C305.151 36.4917 305.905 37.2548 305.906 38.198L305.912 43.7293L311.375 43.7354C312.306 43.7364 313.06 44.4995 313.061 45.4427C313.062 46.3859 312.31 47.1473 311.378 47.1463Z" fill="#A0A5EB" />
+  <path fillRule="evenodd" clipRule="evenodd" d="M11.2628 38.1962L11.2569 43.7275L16.7198 43.7215C17.6514 43.7205 18.4034 44.4819 18.4024 45.4251C18.4019 45.8955 18.2132 46.3227 17.9079 46.6318C17.6026 46.9409 17.1807 47.1319 16.7162 47.1324L11.2532 47.1385L11.2472 52.6698C11.2467 53.1402 11.0581 53.5673 10.7528 53.8764C10.4475 54.1855 10.0256 54.3766 9.561 54.3771C8.62946 54.3781 7.87743 53.6167 7.87844 52.6735L7.8844 47.1422L2.42143 47.1482C1.48989 47.1492 0.73785 46.3878 0.738866 45.4446C0.739881 44.5014 1.49356 43.7383 2.4251 43.7373L7.88807 43.7312L7.89402 38.1999C7.89504 37.2567 8.64871 36.4936 9.58025 36.4926C10.5118 36.4916 11.2638 37.253 11.2628 38.1962Z" fill="#FF977D" />
+  <path fillRule="evenodd" clipRule="evenodd" d="M107.382 21.615L101.919 21.609L101.925 27.1403C101.926 28.0835 101.174 28.845 100.243 28.8439C99.7781 28.8434 99.3562 28.6524 99.0509 28.3433C98.7456 28.0342 98.557 27.607 98.5564 27.1366L98.5505 21.6053L93.0875 21.5993C92.6229 21.5988 92.201 21.4077 91.8958 21.0986C91.5905 20.7895 91.4018 20.3623 91.4013 19.8919C91.4003 18.9487 92.1523 18.1873 93.0838 18.1883L98.5468 18.1944L98.5409 12.663C98.5398 11.7198 99.2919 10.9584 100.223 10.9594C101.155 10.9605 101.909 11.7236 101.91 12.6668L101.916 18.1981L107.379 18.2041C108.31 18.2051 109.064 18.9682 109.065 19.9114C109.066 20.8546 108.314 21.6161 107.382 21.615Z" fill="#D660C3" />
+  <path fillRule="evenodd" clipRule="evenodd" d="M203.574 77.5385C203.515 77.5436 203.464 77.5745 203.403 77.5745H162.177C162.116 77.5745 162.065 77.5436 162.006 77.5385C157.938 77.3557 154.68 73.9901 154.68 69.8494V33.7988C154.68 32.3748 155.825 31.2237 157.235 31.2237H164.733C164.792 31.2237 164.843 31.2546 164.902 31.2572V18.3485C164.902 16.9245 166.047 15.7734 167.457 15.7734H208.345C209.756 15.7734 210.9 16.9245 210.9 18.3485V69.8494C210.9 73.9901 207.642 77.3557 203.574 77.5385ZM164.902 36.3403C164.843 36.3429 164.792 36.3738 164.733 36.3738H159.791V69.8494C159.791 71.2708 160.938 72.4245 162.346 72.4245C163.754 72.4245 164.902 71.2708 164.902 69.8494V36.3403ZM205.789 20.9235H170.013V69.8494C170.013 70.7584 169.829 71.6159 169.542 72.4244H203.234C204.642 72.4244 205.789 71.2708 205.789 69.8494V20.9235ZM200.678 59.5492H175.124C173.713 59.5492 172.568 58.3982 172.568 56.9742C172.568 55.5528 173.713 54.3991 175.124 54.3991H200.678C202.089 54.3991 203.234 55.5528 203.234 56.9742C203.234 58.3982 202.089 59.5492 200.678 59.5492ZM200.678 49.249H175.124C173.713 49.249 172.568 48.098 172.568 46.674C172.568 45.25 173.713 44.0989 175.124 44.0989H200.678C202.089 44.0989 203.234 45.25 203.234 46.674C203.234 48.098 202.089 49.249 200.678 49.249ZM190.457 36.3738H175.124C173.713 36.3738 172.568 35.2228 172.568 33.7988C172.568 32.3748 173.713 31.2237 175.124 31.2237H190.457C191.867 31.2237 193.012 32.3748 193.012 33.7988C193.012 35.2228 191.867 36.3738 190.457 36.3738Z" fill="#AEB1C2" />
+</svg>
+
+const Container = styled(Flex)`
+  height: 100%;
+`
+
+const Header = styled.span`
+  font-size: 24px;
+  font-weight: 500;
+  line-height: 1.66;
+  color: var(--text2);
+`
+
+const Subtitle = styled.span`
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--text2);
+`
+
+const EnableButton = styled(Button)`
+  margin-top: 16px;
+  // Move the centered content up a bit.
+  margin-bottom: 48px;
+`
+
+export default function DisabledPlaceholder (props: { enableBraveNews: () => void }) {
+  return <Container align="center" justify="center" direction="column" gap={12}>
+    {TodayGraphic}
+    <Header>
+      {getLocale('braveNewsDisabledPlaceholderHeader')}
+    </Header>
+    <Subtitle>
+      {getLocale('braveNewsDisabledPlaceholderSubtitle')}
+    </Subtitle>
+    <EnableButton isPrimary onClick={props.enableBraveNews}>
+      {getLocale('braveNewsDisabledPlaceholderEnableButton')}
+    </EnableButton>
+  </Container>
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/Discover.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/Discover.tsx
new file mode 100644
index 000000000000..2e5ffb7177bd
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/Discover.tsx
@@ -0,0 +1,132 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import Button from '$web-components/button'
+import TextInput from '$web-components/input'
+import * as React from 'react'
+import { useState } from 'react'
+import styled from 'styled-components'
+import { getLocale } from '$web-common/locale'
+import { useBraveNews, useChannels } from './Context'
+import Flex from '../../../Flex'
+import ChannelCard from './ChannelCard'
+import DiscoverSection from './DiscoverSection'
+import FeedCard, { DirectFeedCard } from './FeedCard'
+import useSearch from './useSearch'
+
+const Header = styled.span`
+  font-size: 24px;
+  font-weight: 600;
+  padding: 12px 0;
+`
+
+const SearchInput = styled(TextInput)`
+  margin: 16px 0;
+  border-radius: 4px;
+  --interactive8: #AEB1C2;
+  --focus-border: #737ADE;
+`
+
+const LoadMoreButtonContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  grid-column: 2;
+`
+
+// The default number of category cards to show.
+const DEFAULT_NUM_CATEGORIES = 3
+
+export default function Discover () {
+  const [query, setQuery] = useState('')
+
+  return <Flex direction='column'>
+    <Header>Discover</Header>
+    <SearchInput type="search" placeholder={getLocale('braveNewsSearchPlaceholderLabel')} value={query} onChange={e => setQuery(e.currentTarget.value)} />
+    { query.length
+      ? <SearchResults query={query} />
+      : <Home />
+    }
+  </Flex>
+}
+
+function Home () {
+  const [showingAllCategories, setShowingAllCategories] = React.useState(false)
+  const channels = useChannels()
+  const { filteredPublisherIds } = useBraveNews()
+
+  const visibleChannelIds = React.useMemo(() => channels
+    // If we're showing all channels, there's no end to the slice.
+    // Otherwise, just show the default number.
+    .slice(0, showingAllCategories
+      ? undefined
+      : DEFAULT_NUM_CATEGORIES)
+    .map(c => c.channelName),
+    [channels, showingAllCategories])
+
+  return (
+    <>
+      <DiscoverSection name={getLocale('braveNewsChannelsHeader')}>
+      {visibleChannelIds.map(channelId =>
+        <ChannelCard key={channelId} channelId={channelId} />
+      )}
+      {!showingAllCategories && <LoadMoreButtonContainer>
+        <Button onClick={() => setShowingAllCategories(true)}>
+            {getLocale('braveNewsLoadMoreCategoriesButton')}
+        </Button>
+      </LoadMoreButtonContainer>}
+      </DiscoverSection>
+      <DiscoverSection name={getLocale('braveNewsAllSourcesHeader')}>
+      {filteredPublisherIds.map(publisherId =>
+        <FeedCard key={publisherId} publisherId={publisherId} />
+      )}
+      </DiscoverSection>
+    </>
+  )
+}
+
+interface SearchResultsProps {
+  query: string
+}
+function SearchResults (props: SearchResultsProps) {
+  const search = useSearch(props.query)
+  const isFetchable = (search.feedUrlQuery !== null)
+  const showFetchPermissionButton = (isFetchable && (!search.canFetchUrl || search.loading))
+
+  const hasAnyChannels = search.filteredChannels.length > 0
+  const hasAnySources = (search.filteredSources.publisherIds.length > 0 || search.filteredSources.direct.length > 0)
+
+  return (
+    <>
+      {hasAnyChannels &&
+      <DiscoverSection name={getLocale('braveNewsChannelsHeader')}>
+        {search.filteredChannels.map(c =>
+          <ChannelCard key={c.channelName} channelId={c.channelName} />
+        )}
+      </DiscoverSection>
+      }
+      <DiscoverSection name={getLocale('braveNewsAllSourcesHeader')}>
+        {search.filteredSources.publisherIds.map(publisherId =>
+          <FeedCard key={publisherId} publisherId={publisherId} />
+        )}
+        {showFetchPermissionButton &&
+          <div>
+            <Button scale='tiny' onClick={() => search.setCanFetchUrl(true)} isLoading={search.loading}>
+              {getLocale('braveNewsDirectSearchButton').replace('$1', search.feedUrlQuery ?? '')}
+            </Button>
+          </div>
+        }
+        {search.filteredSources.direct.map(r =>
+          <DirectFeedCard key={r.feedUrl.url} feedUrl={r.feedUrl.url} title={r.feedTitle} />)}
+        {!search.canQueryFilterSources &&
+          getLocale('braveNewsSearchQueryTooShort')
+        }
+        {isFetchable && !hasAnySources && !showFetchPermissionButton &&
+          getLocale('braveNewsDirectSearchNoResults').replace('$1', search.feedUrlQuery ?? '')
+        }
+      </DiscoverSection>
+    </>
+  )
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/DiscoverSection.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/DiscoverSection.tsx
new file mode 100644
index 000000000000..b36a7cbb5f9b
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/DiscoverSection.tsx
@@ -0,0 +1,50 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import * as React from 'react'
+import styled from 'styled-components'
+import Flex from '../../../Flex'
+
+interface Props {
+  name: string
+  subtitle?: React.ReactNode
+  children?: React.ReactNode
+}
+
+const Container = styled(Flex)`
+  padding: 16px 0;
+  cursor: pointer;
+`
+
+const Header = styled.span`
+  font-weight: 600;
+  font-size: 16px;
+  margin: 8px 0;
+`
+
+const Subtitle = styled.span`
+  font-size: 12px;
+`
+
+const ItemsContainer = styled.div`
+  margin: 8px 0;
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 208px));
+  gap: 16px;
+`
+
+export default function DiscoverSection (props: Props) {
+  return <Container direction='column'>
+    <Flex direction='row' gap={8} align='center'>
+      <Header>{props.name}</Header>
+    </Flex>
+    {props.subtitle && <Subtitle>
+      {props.subtitle}
+    </Subtitle>}
+    <ItemsContainer>
+      {props.children}
+    </ItemsContainer>
+  </Container>
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/FeedCard.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/FeedCard.tsx
new file mode 100644
index 000000000000..00ef67bddd76
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/FeedCard.tsx
@@ -0,0 +1,146 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import { useState, useEffect } from 'react'
+import * as React from 'react'
+import styled, { keyframes } from 'styled-components'
+import Flex from '../../../Flex'
+import FollowButton from './FollowButton'
+import { Heart, HeartOutline } from './Icons'
+import { usePublisher, usePublisherSubscribed } from './Context'
+import { getCardColor } from './colors'
+import { useGetUnpaddedImage } from '../cards/CardImage'
+import { api } from '../../../../api/brave_news/news'
+
+interface CardProps {
+  backgroundColor?: string
+}
+
+const Card = styled('div').attrs<CardProps>(props => ({
+  style: {
+    backgroundColor: props.backgroundColor
+  }
+}))<CardProps>`
+  position: relative;
+  height: 80px;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0px 0px 16px 0px #63696E2E;
+`
+
+const CoverImage = styled('div') <{ backgroundImage: string }>`
+  position: absolute;
+  top: 15%; bottom: 15%; left: 15%; right: 15%;
+  border-radius: 8px;
+  background-position: center;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-image: url('${p => p.backgroundImage}');
+`
+
+const StyledFollowButton = styled(FollowButton)`
+  position: absolute;
+  right: 8px;
+  top: 8px;
+`
+
+const Name = styled.span`
+  font-size: 14px;
+  font-weight: 600;
+`
+
+const Pulse = keyframes`
+  0% {
+    pointer-events: auto;
+  }
+  5% { opacity: 1; }
+  80% { opacity: 1; }
+  99% {
+    pointer-events: auto;
+  }
+  100% {
+    pointer-events: none;
+    opacity: 0;
+  }
+`
+
+const HeartOverlay = styled(Flex)`
+  pointer-events: none;
+  background: white;
+  color: #aeb1c2;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  opacity: 0;
+  animation: ${Pulse} 2s ease-in-out;
+`
+
+const HeartContainer = styled.div`
+  width: 32px;
+  height: 32px;
+
+  > svg {
+    width: 100%;
+    height: 100%;
+  }
+`
+
+export default function FeedCard (props: {
+  publisherId: string
+}) {
+  const publisher = usePublisher(props.publisherId)
+  const { subscribed, setSubscribed } = usePublisherSubscribed(props.publisherId)
+  const [changeCount, setToggleCount] = useState(0)
+  useEffect(() => {
+    setToggleCount(t => t + 1)
+  }, [subscribed])
+
+  const backgroundColor = publisher.backgroundColor || getCardColor(publisher.feedSource?.url || publisher.publisherId)
+  const coverUrl = useGetUnpaddedImage(publisher.coverUrl?.url, undefined, /* useCache= */true)
+  return <Flex direction="column" gap={8}>
+    <Card backgroundColor={backgroundColor}>
+      {coverUrl && <CoverImage backgroundImage={coverUrl} />}
+      <StyledFollowButton following={subscribed} onClick={() => setSubscribed(!subscribed)} />
+
+      {/*
+        Use whether or not we're following this element as the key, so
+        React remounts the component when we toggle following and plays
+        the animation.
+
+        We don't display the overlay unless we've toggled this publisher
+        so we don't play the pulse animation on first load.
+      */}
+      {changeCount > 1 && <HeartOverlay key={changeCount} align="center" justify="center">
+        <HeartContainer>
+          {subscribed ? Heart : HeartOutline}
+        </HeartContainer>
+      </HeartOverlay>}
+    </Card>
+    <Name>
+      {publisher.publisherName}
+    </Name>
+  </Flex>
+}
+
+export function DirectFeedCard (props: {
+  feedUrl: string
+  title: string
+}) {
+  const [loading, setLoading] = useState(false)
+  return <Flex direction="column" gap={8}>
+    <Card backgroundColor={getCardColor(props.feedUrl)}>
+      <StyledFollowButton isDisabled={loading} following={false} onClick={async () => {
+        setLoading(true)
+        await api.subscribeToDirectFeed(props.feedUrl)
+        setLoading(false)
+      }} />
+    </Card>
+    <Name>
+      {props.title}
+    </Name>
+  </Flex>
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/FollowButton.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/FollowButton.tsx
new file mode 100644
index 000000000000..dcd573ea971c
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/FollowButton.tsx
@@ -0,0 +1,41 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import Button, { ButtonProps } from '$web-components/button'
+import * as React from 'react'
+import styled, { css } from 'styled-components'
+import { getLocale } from '$web-common/locale'
+import { Heart, HeartOutline } from './Icons'
+
+interface Props extends Omit<ButtonProps, 'isPrimary'> {
+  className?: string
+  following: boolean
+}
+
+const StyledButton = styled.div<{ following: boolean }>`
+  &> button {
+    --background: #FFF;
+    padding: 5px 14px;
+    ${p => p.following && css`
+      color: var(--interactive5);
+      --inner-border-color: var(--interactive5);
+      --outer-border-color: var(--interactive5);
+    `}
+  }
+`
+
+export default function FollowButton (props: Props) {
+  const { following, className, ...rest } = props
+  return <StyledButton className={className} following={following}>
+    <Button {...rest} isPrimary={!following}>
+      {following ? <>
+        {Heart} {getLocale('braveNewsFollowButtonFollowing')}
+      </>
+        : <>
+          {HeartOutline} {getLocale('braveNewsFollowButtonNotFollowing')}
+        </>}
+    </Button>
+  </StyledButton>
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/Icons.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/Icons.tsx
new file mode 100644
index 000000000000..19677940b16a
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/Icons.tsx
@@ -0,0 +1,34 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import * as React from 'react'
+
+export const Rocket = <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M15.8779 16.782C16.0486 16.5767 16.0825 16.2577 15.991 15.9502L15.477 14.481C16.4219 13.7624 17.5376 12.8386 18.6187 11.5388C22.4764 6.76178 20.7509 1.04426 20.6709 0.862051C20.5795 0.554534 20.2375 0.270033 19.9184 0.236148C19.7247 0.190756 16.2839 -0.125077 12.9133 1.70084L12.8564 1.76925C11.7747 2.37405 10.7729 3.16107 9.80555 4.324C8.72444 5.62376 7.95085 6.83208 7.42788 8.0174L5.94656 7.71116C5.62753 7.67728 5.32002 7.7687 5.14931 7.97392L1.15415 11.9422C0.926546 12.2159 0.835761 12.6033 0.927185 12.9108C0.938692 13.0361 1.07551 13.1499 1.21232 13.2637C1.34914 13.3775 1.61126 13.4798 1.73657 13.4683L7.10246 13.4178C7.10246 13.4178 7.10246 13.4178 7.22776 13.4063C7.22776 13.4063 7.22776 13.4063 7.29617 13.4632C7.29617 13.4632 8.04802 13.3942 8.93733 14.1339C9.89504 14.9305 9.95258 15.557 9.95258 15.557C9.96409 15.6823 9.9756 15.8076 10.0555 15.9898L11.0286 21.0814C11.0516 21.3321 11.1884 21.4459 11.3252 21.5597C11.462 21.6735 11.5304 21.7304 11.7242 21.7758C12.1116 21.8665 12.476 21.7067 12.6352 21.3762L15.8779 16.782ZM19.0656 1.95722C19.203 2.76597 19.4095 4.32657 19.0125 6.19533L14.908 2.78131C16.6732 2.05056 18.2453 1.96937 19.0656 1.95722ZM6.10767 9.46548L6.74572 9.53325C6.50724 10.3765 6.38257 11.083 6.3033 11.5957L3.89942 11.5638L6.10767 9.46548ZM8.09214 11.8105C8.23918 10.6597 8.7839 8.33515 11.1737 5.46201C11.7996 4.70952 12.5054 4.13924 13.2797 3.62586L18.6155 8.06408C18.3086 8.85046 17.8764 9.64834 17.1936 10.4692C14.8038 13.3424 12.6173 14.3014 11.5125 14.6556C11.2728 14.1089 10.8393 13.5169 10.0868 12.891C9.33435 12.2651 8.60488 11.8898 8.09214 11.8105ZM11.8559 16.33C12.3456 16.1586 13.0175 15.9074 13.8033 15.5193L14.0545 16.1912L12.2682 18.7562L11.8559 16.33ZM3.0523 19.5394C2.64185 19.198 2.59582 18.6967 2.93723 18.2863L5.89604 14.7291C6.23744 14.3186 6.73868 14.2726 7.14913 14.614C7.55957 14.9554 7.60561 15.4566 7.2642 15.8671L4.30539 19.4243C4.02089 19.7663 3.39434 19.8239 3.0523 19.5394ZM6.24192 19.1833C5.83147 18.8419 5.78543 18.3406 6.12684 17.9302L7.60624 16.1516C7.94765 15.7411 8.44888 15.6951 8.85933 16.0365C9.26978 16.3779 9.31581 16.8791 8.97441 17.2896L7.495 19.0682C7.2105 19.4102 6.65236 19.5247 6.24192 19.1833Z" fill="currentColor" />
+</svg>
+
+export const History = <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M15.8779 16.782C16.0486 16.5767 16.0825 16.2577 15.991 15.9502L15.477 14.481C16.4219 13.7624 17.5376 12.8386 18.6187 11.5388C22.4764 6.76178 20.7509 1.04426 20.6709 0.862051C20.5795 0.554534 20.2375 0.270033 19.9184 0.236148C19.7247 0.190756 16.2839 -0.125077 12.9133 1.70084L12.8564 1.76925C11.7747 2.37405 10.7729 3.16107 9.80555 4.324C8.72444 5.62376 7.95085 6.83208 7.42788 8.0174L5.94656 7.71116C5.62753 7.67728 5.32002 7.7687 5.14931 7.97392L1.15415 11.9422C0.926546 12.2159 0.835761 12.6033 0.927185 12.9108C0.938692 13.0361 1.07551 13.1499 1.21232 13.2637C1.34914 13.3775 1.61126 13.4798 1.73657 13.4683L7.10246 13.4178C7.10246 13.4178 7.10246 13.4178 7.22776 13.4063C7.22776 13.4063 7.22776 13.4063 7.29617 13.4632C7.29617 13.4632 8.04802 13.3942 8.93733 14.1339C9.89504 14.9305 9.95258 15.557 9.95258 15.557C9.96409 15.6823 9.9756 15.8076 10.0555 15.9898L11.0286 21.0814C11.0516 21.3321 11.1884 21.4459 11.3252 21.5597C11.462 21.6735 11.5304 21.7304 11.7242 21.7758C12.1116 21.8665 12.476 21.7067 12.6352 21.3762L15.8779 16.782ZM19.0656 1.95722C19.203 2.76597 19.4095 4.32657 19.0125 6.19533L14.908 2.78131C16.6732 2.05056 18.2453 1.96937 19.0656 1.95722ZM6.10767 9.46548L6.74572 9.53325C6.50724 10.3765 6.38257 11.083 6.3033 11.5957L3.89942 11.5638L6.10767 9.46548ZM8.09214 11.8105C8.23918 10.6597 8.7839 8.33515 11.1737 5.46201C11.7996 4.70952 12.5054 4.13924 13.2797 3.62586L18.6155 8.06408C18.3086 8.85046 17.8764 9.64834 17.1936 10.4692C14.8038 13.3424 12.6173 14.3014 11.5125 14.6556C11.2728 14.1089 10.8393 13.5169 10.0868 12.891C9.33435 12.2651 8.60488 11.8898 8.09214 11.8105ZM11.8559 16.33C12.3456 16.1586 13.0175 15.9074 13.8033 15.5193L14.0545 16.1912L12.2682 18.7562L11.8559 16.33ZM3.0523 19.5394C2.64185 19.198 2.59582 18.6967 2.93723 18.2863L5.89604 14.7291C6.23744 14.3186 6.73868 14.2726 7.14913 14.614C7.55957 14.9554 7.60561 15.4566 7.2642 15.8671L4.30539 19.4243C4.02089 19.7663 3.39434 19.8239 3.0523 19.5394ZM6.24192 19.1833C5.83147 18.8419 5.78543 18.3406 6.12684 17.9302L7.60624 16.1516C7.94765 15.7411 8.44888 15.6951 8.85933 16.0365C9.26978 16.3779 9.31581 16.8791 8.97441 17.2896L7.495 19.0682C7.2105 19.4102 6.65236 19.5247 6.24192 19.1833Z" fill="currentColor" />
+</svg>
+
+export const DoubleHeart = <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fillRule="evenodd" clipRule="evenodd" d="M20.8361 9.4024C20.7442 9.4024 20.6504 9.38773 20.5567 9.3584C20.0741 9.20348 19.8085 8.6874 19.9629 8.20523C20.4427 6.70465 20.0566 5.0794 18.9518 3.96473C18.1742 3.18006 17.1383 2.7474 16.0381 2.7474C14.937 2.7474 13.9011 3.18006 13.1226 3.96565C13.1124 3.97573 13.0987 3.97848 13.0885 3.98856C13.0784 3.99773 13.0738 4.01056 13.0628 4.01973L11.5857 5.26915C11.56 5.29115 11.5297 5.2994 11.503 5.31773C11.4396 5.36081 11.3798 5.40298 11.31 5.42956C11.2907 5.43598 11.2705 5.43598 11.2512 5.44148C11.1666 5.46715 11.082 5.4974 10.9938 5.4974C10.8642 5.4974 10.7383 5.46073 10.6169 5.40481C10.6142 5.4039 10.6124 5.40206 10.6087 5.40023C10.5361 5.36631 10.4625 5.3324 10.3982 5.2774L8.92295 4.01698C8.91284 4.00873 8.90916 3.9959 8.89905 3.98673C8.88986 3.97756 8.87699 3.97481 8.86688 3.96565C8.08836 3.18006 7.05247 2.7474 5.95225 2.7474C4.8511 2.7474 3.81522 3.18006 3.0367 3.96565C1.42267 5.59273 1.42359 8.24281 3.03762 9.87173C3.04865 9.88273 3.0514 9.89831 3.06243 9.90931C3.07255 9.92123 3.08725 9.92581 3.09736 9.93865L10.4846 19.0201C10.662 19.2162 10.9423 19.3015 11.2052 19.2107C11.685 19.0494 12.2052 19.3079 12.3661 19.7873C12.5279 20.2667 12.2687 20.7874 11.7889 20.9487C11.5241 21.0376 11.2548 21.0807 10.9874 21.0807C10.2805 21.0807 9.59577 20.7755 9.0884 20.2081L1.6736 11.0955C1.66808 11.0891 1.66716 11.0808 1.66257 11.0735C-0.57465 8.72681 -0.557186 4.98681 1.73426 2.67498C2.86114 1.53923 4.35752 0.914062 5.95225 0.914062C7.51297 0.914062 8.97534 1.52181 10.0939 2.61265C10.1004 2.61723 10.1077 2.61815 10.1142 2.62365L10.991 3.37256L11.8789 2.6209C11.8845 2.61631 11.8918 2.6154 11.8973 2.61081C13.015 1.5209 14.4774 0.914062 16.0381 0.914062C17.6319 0.914062 19.1283 1.53923 20.2552 2.67498C21.8416 4.27731 22.3986 6.60931 21.7093 8.7644C21.5843 9.15398 21.2249 9.4024 20.8361 9.4024ZM10.207 16.1225C9.5351 15.4542 9.16101 14.5761 9.16101 13.6392C9.16101 12.6822 9.54705 11.783 10.2474 11.1092C11.6446 9.76815 13.8983 9.75073 15.3267 11.0441C15.3331 11.0496 15.3423 11.0506 15.3487 11.0561L15.5794 11.2421L15.8083 11.057C15.8148 11.0524 15.8221 11.0515 15.8285 11.0469C17.2569 9.75165 19.5116 9.76723 20.9105 11.1083C21.6118 11.7839 21.997 12.6822 21.997 13.6392C21.997 14.5761 21.6238 15.4524 20.9528 16.1206C20.9482 16.1261 20.9464 16.1344 20.9409 16.1399L16.7348 20.5756C16.4379 20.8937 16.0151 21.078 15.5804 21.078H15.5794C15.1438 21.078 14.7219 20.8946 14.4195 20.5729L10.2171 16.1399C10.2125 16.1344 10.2116 16.128 10.207 16.1225ZM15.5794 19.131L19.6108 14.8786C19.6154 14.8731 19.6228 14.8712 19.6283 14.8666C19.6329 14.8611 19.6347 14.8538 19.6403 14.8492C19.9776 14.5238 20.1633 14.0948 20.1633 13.6392C20.1633 13.1855 19.9776 12.7556 19.6403 12.4301C18.916 11.7371 17.7404 11.7381 17.0188 12.4311C17.0087 12.4411 16.9949 12.4439 16.9848 12.4531C16.9747 12.4622 16.9701 12.4741 16.96 12.4833L16.1548 13.1323C16.1153 13.1653 16.0684 13.18 16.0252 13.2047C15.9931 13.2231 15.9637 13.2441 15.9296 13.2588C15.8166 13.3056 15.6999 13.3367 15.5804 13.3367C15.5794 13.3367 15.5794 13.3358 15.5794 13.3358C15.5785 13.3358 15.5785 13.3367 15.5785 13.3367C15.459 13.3367 15.3423 13.3056 15.2292 13.2588C15.1952 13.2441 15.1658 13.224 15.1337 13.2056C15.0905 13.1809 15.0436 13.1653 15.0031 13.1332L14.198 12.4833C14.1869 12.4751 14.1823 12.4622 14.1722 12.4531C14.1621 12.4439 14.1483 12.4411 14.1382 12.4311C13.4139 11.7371 12.2402 11.739 11.5177 12.4311C11.1813 12.7556 10.9947 13.1855 10.9947 13.6392C10.9947 14.0948 11.1813 14.5238 11.5186 14.8483C11.5241 14.8538 11.526 14.8611 11.5306 14.8666C11.5361 14.8721 11.5435 14.8731 11.548 14.8786L15.5794 19.131Z" fill="currentColor" />
+</svg>
+
+export const HeartOutline = <svg width="16" height="16" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fillRule="evenodd" clipRule="evenodd" d="M12.9414 7.05277C12.9385 7.05685 12.9379 7.06152 12.9344 7.0656L8.22995 12.8453C7.89817 13.2174 7.45678 13.4193 7.00007 13.4193C6.54336 13.4193 6.10139 13.2174 5.7867 12.8657L1.06637 7.0656C1.06343 7.0621 1.06284 7.05744 1.05989 7.05335C-0.366224 5.56002 -0.355027 3.17827 1.10468 1.7071C1.82186 0.983771 2.77477 0.585937 3.78955 0.585937C4.78311 0.585937 5.71421 0.972104 6.4255 1.66627C6.43022 1.66977 6.43552 1.67035 6.43965 1.67385L6.99772 2.15044L7.56345 1.6721C7.56757 1.6686 7.57288 1.66802 7.57641 1.6651C8.28829 0.972104 9.2188 0.585937 10.2112 0.585937C11.226 0.585937 12.1795 0.983771 12.8966 1.7071C14.3546 3.17827 14.3658 5.55944 12.9414 7.05277ZM12.0669 2.52785C11.5713 2.02794 10.9119 1.7526 10.2112 1.7526C9.51051 1.7526 8.85108 2.02794 8.35488 2.52785C8.3484 2.53427 8.34015 2.5366 8.33308 2.54244C8.3266 2.54885 8.32424 2.55702 8.31717 2.56285L7.37664 3.35794C7.36073 3.37135 7.34128 3.3766 7.32419 3.38827C7.28412 3.41569 7.24581 3.4431 7.20103 3.45944C7.18924 3.4641 7.17628 3.4641 7.1639 3.4676C7.10968 3.48335 7.05606 3.5026 7.00007 3.5026C6.91757 3.5026 6.83684 3.47927 6.76023 3.44427C6.75846 3.4431 6.75669 3.44194 6.75492 3.44135C6.70837 3.41919 6.66181 3.3976 6.62056 3.36319L5.68121 2.56052C5.67473 2.55527 5.67237 2.5471 5.66648 2.54185C5.66 2.53602 5.65175 2.53427 5.64585 2.52785C5.15025 2.02794 4.49023 1.7526 3.78955 1.7526C3.08886 1.7526 2.42943 2.02794 1.93324 2.52785C0.906083 3.56385 0.906672 5.25027 1.93383 6.28685C1.94149 6.29444 1.94385 6.30435 1.95033 6.31194C1.95681 6.31894 1.96565 6.32185 1.97154 6.32944L6.67478 12.1091C6.82977 12.2794 7.1527 12.2999 7.34187 12.0887L12.0292 6.32944C12.0357 6.32185 12.0445 6.31894 12.051 6.31135C12.0575 6.30435 12.0598 6.29444 12.0669 6.28744C13.0935 5.25027 13.0935 3.56385 12.0669 2.52785Z" fill="currentColor" />
+</svg>
+
+export const Heart = <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fillRule="evenodd" clipRule="evenodd" d="M14.7902 8.05473C14.7868 8.0594 14.7862 8.06473 14.7821 8.0694L9.40566 14.6747C9.02648 15.1001 8.52204 15.3307 8.00008 15.3307C7.47813 15.3307 6.97301 15.1001 6.61337 14.6981L1.21871 8.0694C1.21535 8.0654 1.21467 8.06006 1.2113 8.0554C-0.418542 6.34873 -0.405746 3.62673 1.26249 1.9454C2.08213 1.11873 3.17116 0.664062 4.33091 0.664062C5.46641 0.664062 6.53053 1.1054 7.34343 1.89873C7.34882 1.90273 7.35488 1.9034 7.3596 1.9074L7.99739 2.45206L8.64394 1.9054C8.64865 1.9014 8.65472 1.90073 8.65876 1.8974C9.47233 1.1054 10.5358 0.664062 11.6699 0.664062C12.8297 0.664062 13.9194 1.11873 14.739 1.9454C16.4052 3.62673 16.418 6.34806 14.7902 8.05473Z" fill="currentColor" />
+</svg>
+
+export const BackArrow = <svg width="8" height="15" viewBox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2.41912 7.13281L7.18936 1.40853C7.46435 1.07854 7.41976 0.588097 7.08977 0.313104C6.75978 0.0381098 6.26934 0.082696 5.99435 0.412688L0.809178 6.63489C0.568816 6.92333 0.568816 7.3423 0.809178 7.63073L5.99435 13.8529C6.26934 14.1829 6.75978 14.2275 7.08977 13.9525C7.41976 13.6775 7.46435 13.1871 7.18936 12.8571L2.41912 7.13281Z" fill="currentColor" />
+</svg>
+
+export const Cross = <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fillRule="evenodd" clipRule="evenodd" d="M1.96655 14.5766C1.54349 14.9997 0.857556 14.9997 0.434488 14.5766C0.0114204 14.1536 0.0114206 13.4676 0.434489 13.0446L6.04079 7.43826L0.569092 1.96655C0.146024 1.54349 0.146024 0.857558 0.569092 0.43449C0.99216 0.0114223 1.67809 0.0114224 2.10116 0.43449L7.57286 5.90619L13.0446 0.434489C13.4676 0.0114206 14.1536 0.0114204 14.5766 0.434488C14.9997 0.857557 14.9997 1.54349 14.5766 1.96655L9.10492 7.43826L14.7112 13.0446C15.1343 13.4676 15.1343 14.1536 14.7112 14.5766C14.2882 14.9997 13.6022 14.9997 13.1792 14.5766L7.57286 8.97032L1.96655 14.5766Z" fill="currentColor" />
+</svg>
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/Modal.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/Modal.tsx
new file mode 100644
index 000000000000..6e72df868547
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/Modal.tsx
@@ -0,0 +1,44 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import * as React from 'react'
+import styled from 'styled-components'
+import { useBraveNews } from './Context'
+
+const Configure = React.lazy(() => import('./Configure'))
+
+const Dialog = styled.dialog`
+  border-radius: 8px;
+  border: none;
+  width: min(100vw, 1092px);
+  height: min(100vh, 712px);
+  z-index: 1000;
+  background: white;
+  overflow: hidden;
+  padding: 0;
+  background-color: ${p => p.theme.color.contextMenuBackground};
+  color:  ${p => p.theme.color.contextMenuForeground};
+`
+
+export default function BraveNewsModal () {
+  const { customizePage } = useBraveNews()
+  const dialogRef = React.useRef<HTMLDialogElement & { showModal: () => void, close: () => void, open: boolean }>()
+
+  const shouldRender = !!customizePage
+
+  // Note: There's no attribute for open modal, so we need
+  // to call showModal instead.
+  React.useEffect(() => {
+    dialogRef.current?.showModal?.()
+  }, [customizePage, dialogRef])
+
+  // Only render the dialog if it should be shown, since
+  // it is a complex view.
+  return shouldRender ? <Dialog ref={dialogRef as any}>
+    <React.Suspense fallback={<span>Loading...</span>}>
+      <Configure />
+    </React.Suspense>
+  </Dialog> : null
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/SourcesList.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/SourcesList.tsx
new file mode 100644
index 000000000000..4d789ff5d423
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/SourcesList.tsx
@@ -0,0 +1,45 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import * as React from 'react'
+import styled from 'styled-components'
+import { getLocale } from '$web-common/locale'
+import { useBraveNews, useChannels } from './Context'
+import Flex from '../../../Flex'
+import { FeedListEntry, ChannelListEntry } from './SourcesListEntry'
+import { PluralStringProxyImpl } from 'chrome://resources/js/plural_string_proxy.js'
+import usePromise from '../../../../hooks/usePromise'
+
+const Title = styled.span`
+  font-size: 18px;
+  font-weight: 800;
+  line-height: 36px;
+`
+
+const Subtitle = styled.span`
+  font-weight: 500;
+  font-size: 12px;
+  color: #868e96;
+`
+
+export default function SourcesList () {
+  const { subscribedPublisherIds } = useBraveNews()
+  const channels = useChannels({ subscribedOnly: true })
+
+  const { result: sourcesCount } = usePromise(async () => PluralStringProxyImpl.getInstance().getPluralString('braveNewsSourceCount', subscribedPublisherIds.length + channels.length), [subscribedPublisherIds.length, channels.length])
+
+  return <div>
+    <Flex direction="row" justify="space-between" align="center">
+      <Title>{getLocale('braveNewsFeedsHeading')}</Title>
+      <Subtitle>{sourcesCount}</Subtitle>
+    </Flex>
+    <Flex direction="column">
+      {channels.map(c => <ChannelListEntry key={c.channelName} channelId={c.channelName} />)}
+      {subscribedPublisherIds.map((p) => (
+        <FeedListEntry key={p} publisherId={p} />
+      ))}
+    </Flex>
+  </div>
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/SourcesListEntry.tsx b/components/brave_new_tab_ui/components/default/braveToday/customize/SourcesListEntry.tsx
new file mode 100644
index 000000000000..a0e58166da90
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/SourcesListEntry.tsx
@@ -0,0 +1,84 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import * as React from 'react'
+import styled from 'styled-components'
+import { useChannelSubscribed, usePublisher, usePublisherSubscribed } from './Context'
+import { useGetUnpaddedImage } from '../cards/CardImage'
+import Flex from '../../../Flex'
+import { Heart, HeartOutline } from './Icons'
+
+interface Props {
+  publisherId: string
+}
+
+const Container = styled(Flex)`
+  padding: 10px 0;
+  cursor: pointer;
+
+  :hover {
+    opacity: 0.5;
+  }
+`
+
+const FavIconContainer = styled.div`
+  width: 24px;
+  height: 24px;
+  border-radius: 100px;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+`
+const ToggleButton = styled.button`
+  all: unset;
+  cursor: pointer;
+  color: var(--interactive5);
+`
+
+const Text = styled.span`
+  font-size: 14px;
+  font-weight: 500;
+`
+
+const ChannelNameText = styled.span`
+  font-size: 14px;
+  font-weight: 600;
+`
+
+function FavIcon (props: { src?: string }) {
+  const url = useGetUnpaddedImage(props.src, undefined, /* useCache= */true)
+  const [error, setError] = React.useState(false)
+  return <FavIconContainer>
+    {url && !error && <img src={url} onError={() => setError(true)} />}
+  </FavIconContainer>
+}
+
+export function FeedListEntry (props: Props) {
+  const publisher = usePublisher(props.publisherId)
+  const { subscribed, setSubscribed } = usePublisherSubscribed(props.publisherId)
+
+  return <Container direction="row" justify="space-between" align='center' onClick={() => setSubscribed(!subscribed)}>
+    <Flex align='center' gap={8}>
+      <FavIcon src={publisher.faviconUrl?.url} />
+      <Text>{publisher.publisherName}</Text>
+    </Flex>
+    <ToggleButton>
+      {subscribed ? Heart : HeartOutline}
+    </ToggleButton>
+  </Container>
+}
+
+export function ChannelListEntry (props: { channelId: string }) {
+  const { subscribed, setSubscribed } = useChannelSubscribed(props.channelId)
+
+  return <Container direction="row" justify='space-between' align='center' onClick={() => setSubscribed(!subscribed)}>
+    <ChannelNameText>{props.channelId}</ChannelNameText>
+    <ToggleButton>
+      {subscribed ? Heart : HeartOutline}
+    </ToggleButton>
+  </Container>
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/colors.ts b/components/brave_new_tab_ui/components/default/braveToday/customize/colors.ts
new file mode 100644
index 000000000000..f6b34f744f98
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/colors.ts
@@ -0,0 +1,25 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+// Used to get a random but deterministic distribution of colors.
+const stringHashCode = (str: string) => {
+  let hash = 0
+  for (let i = 0; i < str.length; ++i) hash = Math.imul(31, hash) + str.charCodeAt(i)
+  return (hash | 0) + 2147483647 + 1
+}
+
+export const cardColors = [
+  '#FF9AA2',
+  '#FFB7B2',
+  '#FFDAC1',
+  '#E2F0CB',
+  '#B5EAD7',
+  '#C7CEEA'
+]
+
+export const getCardColor = (key: string | number) => {
+  const hash = typeof key === 'string' ? stringHashCode(key) : key
+  return cardColors[hash % cardColors.length]
+}
diff --git a/components/brave_new_tab_ui/components/default/braveToday/customize/useSearch.ts b/components/brave_new_tab_ui/components/default/braveToday/customize/useSearch.ts
new file mode 100644
index 000000000000..6bcad5528892
--- /dev/null
+++ b/components/brave_new_tab_ui/components/default/braveToday/customize/useSearch.ts
@@ -0,0 +1,124 @@
+// Copyright (c) 2022 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// you can obtain one at http://mozilla.org/MPL/2.0/.
+
+import * as React from 'react'
+import { api } from '../../../../api/brave_news/news'
+import { FeedSearchResultItem } from '../../../../api/brave_news'
+import { useBraveNews, useChannels } from './Context'
+
+export const QUERY_MIN_LENGTH_FILTER_SOURCES = 2
+
+export default function useSearch (query: string) {
+  const lowerQuery = query.toLowerCase()
+  const channels = useChannels()
+  const context = useBraveNews()
+  const canQueryFilterSources = lowerQuery.length >= QUERY_MIN_LENGTH_FILTER_SOURCES
+  const [directResults, setDirectResults] = React.useState<FeedSearchResultItem[]>([])
+  const [loading, setLoading] = React.useState(false)
+  // Whether user has asked us to perform a search at the query url
+  const [canFetchUrl, setCanFetchUrl] = React.useState(false)
+
+  // Separate results we already have a publisher for.
+  type FilteredResults = {
+    publisherIds: string[]
+    direct: FeedSearchResultItem[]
+  }
+
+  const filteredChannels = React.useMemo(() =>
+    channels.filter(c => c.channelName.toLowerCase().includes(lowerQuery)),
+    [lowerQuery, channels])
+
+  const filteredSources = React.useMemo<FilteredResults>(() => {
+    const publishers = context.sortedPublishers
+      .filter(p => canQueryFilterSources && (
+        p.publisherName.toLowerCase().includes(lowerQuery) ||
+        p.categoryName.toLocaleLowerCase().includes(lowerQuery) ||
+        p.siteUrl?.url?.toLocaleLowerCase().includes(lowerQuery) ||
+        p.feedSource?.url?.toLocaleLowerCase().includes(lowerQuery)))
+    const results = { publishers, direct: [] as FeedSearchResultItem[] }
+    for (const result of directResults) {
+      const publisherMatch = publishers.find(p => p.feedSource.url === result.feedUrl.url)
+      if (publisherMatch && !publishers.some(p => p.publisherId === publisherMatch.publisherId)) {
+        results.publishers.push(publisherMatch)
+      } else {
+        results.direct.push(result)
+      }
+    }
+    return {
+      publisherIds: results.publishers.map(p => p.publisherId),
+      direct: results.direct
+    }
+  }, [directResults, context.sortedPublishers, lowerQuery])
+
+  React.useEffect(() => {
+    // Reset state when query changes
+    setCanFetchUrl(false)
+    setLoading(false)
+    setDirectResults([])
+  }, [query])
+
+  // Contains a url as string if the query looks like a url
+  const feedUrlQuery = React.useMemo<string | null>(() => {
+    // Check if we have a url-able query
+    let feedUrlRaw = query
+    // User inputting a protocol is a signal that they want to look
+    // for a feed. Otherwise we use the '.' that a hostname would have.
+    // This at least makes it possible for the user to retrieve local
+    // network feeds.
+    let queryContainsExplicitProtocol = false
+    if (feedUrlRaw.includes('://')) {
+      queryContainsExplicitProtocol = true
+    } else {
+      // Default protocol that should catch most cases. Make sure
+      // we check for validity after adding this prefix, and
+      // not before.
+      feedUrlRaw = 'https://' + feedUrlRaw
+    }
+    let isValidFeedUrl = false
+    try {
+      const url = new URL(feedUrlRaw)
+      isValidFeedUrl = ['http:', 'https:'].includes(url.protocol) &&
+        (url.hostname.includes('.') || queryContainsExplicitProtocol)
+    } catch { }
+    if (!isValidFeedUrl) {
+      // Not a url-able query
+      return null
+    }
+    return feedUrlRaw
+  }, [query])
+
+  React.useEffect(() => {
+    // Do nothing if user hasn't asked to search, or input isn't
+    // a valid Url
+    if (!canFetchUrl || !feedUrlQuery) {
+      console.debug('News: query changed but not searching', { canFetchUrl, feedUrlQuery })
+      return
+    }
+
+    setLoading(true)
+    let cancelled = false
+
+    api.controller.findFeeds({ url: feedUrlQuery.toString() }).then(({ results }) => {
+      console.debug('News: received feed results', { results, cancelled })
+      if (cancelled) return
+
+      setLoading(false)
+      setDirectResults(results)
+    })
+    return () => {
+      cancelled = true
+    }
+  }, [canFetchUrl, feedUrlQuery])
+
+  return {
+    canFetchUrl,
+    canQueryFilterSources,
+    filteredSources,
+    filteredChannels,
+    feedUrlQuery,
+    loading,
+    setCanFetchUrl
+  }
+}
diff --git a/components/brave_new_tab_ui/components/outlineButton.tsx b/components/brave_new_tab_ui/components/outlineButton.tsx
index 71ee7376a12a..402fe1d9b91e 100644
--- a/components/brave_new_tab_ui/components/outlineButton.tsx
+++ b/components/brave_new_tab_ui/components/outlineButton.tsx
@@ -8,11 +8,12 @@ import styled from 'styled-components'
 const Button = styled('button')`
   --outer-border-size: 0px;
   --inner-border-size: 1px;
+  --border-color: black;
   appearance: none;
   cursor: pointer;
   background: none;
   border-radius: 24px;
-  border: solid var(--border-size);
+  border: solid var(--border-size) var(--border-color);
   padding: 10px 22px;
   display: flex;
   flex-direction: row;
diff --git a/components/brave_new_tab_ui/containers/newTab/index.tsx b/components/brave_new_tab_ui/containers/newTab/index.tsx
index 5b1183aaf38c..27e1edfcfdd8 100644
--- a/components/brave_new_tab_ui/containers/newTab/index.tsx
+++ b/components/brave_new_tab_ui/containers/newTab/index.tsx
@@ -6,46 +6,33 @@
 import * as React from 'react'
 
 // Components
-import Stats from './stats'
-import TopSitesGrid from './gridSites'
-import FooterInfo from '../../components/default/footer/footer'
-import SiteRemovalNotification from './notification'
+import getNTPBrowserAPI from '../../api/background'
+import { addNewTopSite, editTopSite } from '../../api/topSites'
+import { brandedWallpaperLogoClicked } from '../../api/wallpaper'
 import {
-  Clock,
-  RewardsWidget as Rewards,
-  BraveTalkWidget as BraveTalk,
-  BinanceWidget as Binance,
-  GeminiWidget as Gemini,
-  CryptoDotComWidget as CryptoDotCom,
-  EditTopSite,
-  SearchPromotion,
-  EditCards,
-  OverrideReadabilityColor
+  BinanceWidget as Binance, BraveTalkWidget as BraveTalk, Clock, CryptoDotComWidget as CryptoDotCom, EditCards, EditTopSite, GeminiWidget as Gemini, OverrideReadabilityColor, RewardsWidget as Rewards, SearchPromotion
 } from '../../components/default'
-import { FTXWidget as FTX } from '../../widgets/ftx/components'
-import * as Page from '../../components/default/page'
 import BrandedWallpaperLogo from '../../components/default/brandedWallpaper/logo'
-import { brandedWallpaperLogoClicked } from '../../api/wallpaper'
-import BraveTodayHint from '../../components/default/braveToday/hint'
 import BraveToday, { GetDisplayAdContent } from '../../components/default/braveToday'
+import FooterInfo from '../../components/default/footer/footer'
+import * as Page from '../../components/default/page'
 import { SponsoredImageTooltip } from '../../components/default/rewards'
-import { addNewTopSite, editTopSite } from '../../api/topSites'
-import getNTPBrowserAPI from '../../api/background'
+import { FTXWidget as FTX } from '../../widgets/ftx/components'
+import TopSitesGrid from './gridSites'
+import SiteRemovalNotification from './notification'
+import Stats from './stats'
 
 // Helpers
-import VisibilityTimer from '../../helpers/visibilityTimer'
 import {
-  fetchCryptoDotComTickerPrices,
-  fetchCryptoDotComLosersGainers,
-  fetchCryptoDotComCharts,
-  fetchCryptoDotComSupportedPairs
+  fetchCryptoDotComCharts, fetchCryptoDotComLosersGainers, fetchCryptoDotComSupportedPairs, fetchCryptoDotComTickerPrices
 } from '../../api/cryptoDotCom'
 import { generateQRData } from '../../binance-utils'
 import isReadableOnBackground from '../../helpers/colorUtil'
+import VisibilityTimer from '../../helpers/visibilityTimer'
 
 // Types
-import { GeminiAssetAddress } from '../../actions/gemini_actions'
 import { getLocale } from '../../../common/locale'
+import { GeminiAssetAddress } from '../../actions/gemini_actions'
 import currencyData from '../../components/default/binance/data'
 import geminiData from '../../components/default/gemini/data'
 import { NewTabActions } from '../../constants/new_tab_types'
@@ -53,8 +40,11 @@ import { BraveTodayState } from '../../reducers/today'
 import { FTXState } from '../../widgets/ftx/ftx_state'
 
 // NTP features
-import Settings, { TabType as SettingsTabType } from './settings'
 import { MAX_GRID_SIZE } from '../../constants/new_tab_ui'
+import Settings, { TabType as SettingsTabType } from './settings'
+
+import { BraveNewsContextProvider } from '../../components/default/braveToday/customize/Context'
+import BraveTodayHint from '../../components/default/braveToday/hint'
 import GridWidget from './gridWidget'
 
 interface Props {
@@ -95,7 +85,7 @@ interface State {
 
 function GetBackgroundImageSrc (props: Props) {
   if (!props.newTabData.showBackgroundImage &&
-      (!props.newTabData.brandedWallpaper || props.newTabData.brandedWallpaper.isSponsored)) {
+    (!props.newTabData.brandedWallpaper || props.newTabData.brandedWallpaper.isSponsored)) {
     return undefined
   }
   if (props.newTabData.brandedWallpaper) {
@@ -131,12 +121,12 @@ function GetShouldForceToHideWidget (props: Props, showSearchPromotion: boolean)
 function GetIsShowingBrandedWallpaper (props: Props) {
   const { newTabData } = props
   return !!((newTabData.brandedWallpaper &&
-          newTabData.brandedWallpaper.isSponsored))
+    newTabData.brandedWallpaper.isSponsored))
 }
 
 function GetShouldShowBrandedWallpaperNotification (props: Props) {
   return GetIsShowingBrandedWallpaper(props) &&
-  !props.newTabData.isBrandedWallpaperNotificationDismissed
+    !props.newTabData.isBrandedWallpaperNotificationDismissed
 }
 
 class NewTabPage extends React.Component<Props, State> {
@@ -211,12 +201,12 @@ class NewTabPage extends React.Component<Props, State> {
       this.setState({ backgroundHasLoaded: false })
     }
     if (!GetShouldShowBrandedWallpaperNotification(prevProps) &&
-        GetShouldShowBrandedWallpaperNotification(this.props)) {
+      GetShouldShowBrandedWallpaperNotification(this.props)) {
       this.trackBrandedWallpaperNotificationAutoDismiss()
     }
 
     if (GetShouldShowBrandedWallpaperNotification(prevProps) &&
-        !GetShouldShowBrandedWallpaperNotification(this.props)) {
+      !GetShouldShowBrandedWallpaperNotification(this.props)) {
       this.stopWaitingForBrandedWallpaperNotificationAutoDismiss()
     }
   }
@@ -1166,6 +1156,10 @@ class NewTabPage extends React.Component<Props, State> {
       cryptoContent = null
     }
 
+    const BraveNewsContext = newTabData.featureFlagBraveNewsV2Enabled
+      ? BraveNewsContextProvider
+      : React.Fragment
+
     return (
       <Page.App
         dataIsReady={newTabData.initialDataLoaded}
@@ -1175,6 +1169,7 @@ class NewTabPage extends React.Component<Props, State> {
         colorForBackground={colorForBackground}
         data-show-news-prompt={((this.state.backgroundHasLoaded || colorForBackground) && this.state.isPromptingBraveToday) ? true : undefined}>
         <OverrideReadabilityColor override={ this.shouldOverrideReadabilityColor(this.props.newTabData) } />
+        <BraveNewsContext>
         <Page.Page
             hasImage={hasImage}
             imageSrc={this.imageSource}
@@ -1206,8 +1201,7 @@ class NewTabPage extends React.Component<Props, State> {
             <Clock />
           </GridWidget>
           {
-            showTopSites
-              ? (
+            showTopSites &&
               <Page.GridItemTopSites>
                 <TopSitesGrid
                   actions={actions}
@@ -1223,48 +1217,47 @@ class NewTabPage extends React.Component<Props, State> {
                   textDirection={newTabData.textDirection}
                 />
               </Page.GridItemTopSites>
-              ) : null
-          }
-          {
-            gridSitesData.shouldShowSiteRemovedNotification
-            ? (
-            <Page.GridItemNotification>
-              <SiteRemovalNotification actions={actions} showRestoreAll={!newTabData.customLinksEnabled} />
-            </Page.GridItemNotification>
-            ) : null
-          }
+            }
+            {
+              gridSitesData.shouldShowSiteRemovedNotification
+                ? (
+                  <Page.GridItemNotification>
+                    <SiteRemovalNotification actions={actions} showRestoreAll={!newTabData.customLinksEnabled} />
+                  </Page.GridItemNotification>
+                ) : null
+            }
             {cryptoContent}
-          <Page.Footer>
-            <Page.FooterContent>
-            {isShowingBrandedWallpaper && newTabData.brandedWallpaper &&
-            newTabData.brandedWallpaper.logo &&
-            <Page.GridItemBrandedLogo>
-              <BrandedWallpaperLogo
-                menuPosition={'right'}
-                paddingType={'default'}
-                textDirection={newTabData.textDirection}
-                onClickLogo={this.onClickLogo}
-                data={newTabData.brandedWallpaper.logo}
-              />
-              {this.renderBrandedWallpaperNotification()}
-            </Page.GridItemBrandedLogo>}
-            <FooterInfo
-              textDirection={newTabData.textDirection}
-              supportsBraveTalk={newTabData.braveTalkSupported}
-              showBraveTalkPrompt={newTabData.braveTalkPromptAllowed && !newTabData.braveTalkPromptDismissed}
-              backgroundImageInfo={newTabData.backgroundWallpaper}
-              showPhotoInfo={!isShowingBrandedWallpaper && hasWallpaperInfo && newTabData.showBackgroundImage}
-              onClickSettings={this.openSettings}
-              onDismissBraveTalkPrompt={this.props.actions.dismissBraveTalkPrompt}
-            />
-            </Page.FooterContent>
-          </Page.Footer>
-          {newTabData.showToday &&
-          <Page.GridItemNavigationBraveToday>
-            <BraveTodayHint />
-          </Page.GridItemNavigationBraveToday>
-          }
-        </Page.Page>
+            <Page.Footer>
+              <Page.FooterContent>
+                {isShowingBrandedWallpaper && newTabData.brandedWallpaper &&
+                  newTabData.brandedWallpaper.logo &&
+                  <Page.GridItemBrandedLogo>
+                    <BrandedWallpaperLogo
+                      menuPosition={'right'}
+                      paddingType={'default'}
+                      textDirection={newTabData.textDirection}
+                      onClickLogo={this.onClickLogo}
+                      data={newTabData.brandedWallpaper.logo}
+                    />
+                    {this.renderBrandedWallpaperNotification()}
+                  </Page.GridItemBrandedLogo>}
+                <FooterInfo
+                  textDirection={newTabData.textDirection}
+                  supportsBraveTalk={newTabData.braveTalkSupported}
+                  showBraveTalkPrompt={newTabData.braveTalkPromptAllowed && !newTabData.braveTalkPromptDismissed}
+                  backgroundImageInfo={newTabData.backgroundWallpaper}
+                  showPhotoInfo={!isShowingBrandedWallpaper && hasWallpaperInfo && newTabData.showBackgroundImage}
+                  onClickSettings={this.openSettings}
+                  onDismissBraveTalkPrompt={this.props.actions.dismissBraveTalkPrompt}
+                />
+              </Page.FooterContent>
+            </Page.Footer>
+            {newTabData.showToday &&
+              <Page.GridItemNavigationBraveToday>
+                <BraveTodayHint />
+              </Page.GridItemNavigationBraveToday>
+            }
+          </Page.Page>
         { newTabData.showToday && newTabData.featureFlagBraveNewsEnabled &&
         <BraveToday
           feed={this.props.todayData.feed}
@@ -1354,6 +1347,7 @@ class NewTabPage extends React.Component<Props, State> {
               onSave={this.saveNewTopSite}
             /> : null
         }
+        </BraveNewsContext>
       </Page.App>
     )
   }
diff --git a/components/brave_new_tab_ui/containers/newTab/settings.tsx b/components/brave_new_tab_ui/containers/newTab/settings.tsx
index b84b7d4d5347..570969042886 100644
--- a/components/brave_new_tab_ui/containers/newTab/settings.tsx
+++ b/components/brave_new_tab_ui/containers/newTab/settings.tsx
@@ -21,6 +21,7 @@ import {
 
 import { getLocale } from '../../../common/locale'
 import { Publishers } from '../../api/brave_news'
+import { BraveNewsContext } from '../../components/default/braveToday/customize/Context'
 
 // Icons
 import { CloseStrokeIcon } from 'brave-ui/components/icons'
@@ -41,6 +42,7 @@ const BraveTodaySettings = React.lazy(() => import('./settings/braveToday'))
 
 // Types
 import { NewTabActions } from '../../constants/new_tab_types'
+import { loadTimeData } from '../../../common/loadTimeData'
 
 export interface Props {
   newTabData: NewTab.State
@@ -110,6 +112,7 @@ interface State {
 }
 
 export default class Settings extends React.PureComponent<Props, State> {
+  static contextType: typeof BraveNewsContext = BraveNewsContext
   settingsMenuRef: React.RefObject<any>
   allTabTypes: TabType[]
   allTabTypesWithoutBackground: TabType[]
@@ -139,7 +142,11 @@ export default class Settings extends React.PureComponent<Props, State> {
     if (
       this.settingsMenuRef &&
       this.settingsMenuRef.current &&
-      !this.settingsMenuRef.current.contains(event.target)
+      !this.settingsMenuRef.current.contains(event.target) &&
+      // Don't close the settings dialog for a click outside if we're in the
+      // Brave News modal - the user expects closing that one to bring them back
+      // to this one.
+      !this.context.page
     ) {
       this.props.onClose()
     }
@@ -195,6 +202,11 @@ export default class Settings extends React.PureComponent<Props, State> {
   }
 
   setActiveTab (activeTab: TabType) {
+    if (loadTimeData.getBoolean('featureFlagBraveNewsV2Enabled') && activeTab === TabType.BraveToday) {
+      this.context.setCustomizePage('news')
+      return
+    }
+
     this.setState({ activeTab })
   }
 
diff --git a/components/brave_new_tab_ui/containers/newTab/settings/braveToday/publisherPrefs.tsx b/components/brave_new_tab_ui/containers/newTab/settings/braveToday/publisherPrefs.tsx
index 5cf3d48b6b1a..f2b68dff939b 100644
--- a/components/brave_new_tab_ui/containers/newTab/settings/braveToday/publisherPrefs.tsx
+++ b/components/brave_new_tab_ui/containers/newTab/settings/braveToday/publisherPrefs.tsx
@@ -83,9 +83,7 @@ function ListItem (props: ListItemProps) {
   }, [props.index, setSize, props.width])
 
   const publisher = props.data[props.index]
-  const isChecked = publisher
-    ? isPublisherContentAllowed(publisher, props.channels)
-    : false
+  const isChecked = publisher && isPublisherContentAllowed(publisher, props.channels)
 
   const onChange = React.useCallback(() => {
     if (!publisher) {
diff --git a/components/brave_new_tab_ui/hooks/promise.ts b/components/brave_new_tab_ui/hooks/promise.ts
new file mode 100644
index 000000000000..d664f6d1eb57
--- /dev/null
+++ b/components/brave_new_tab_ui/hooks/promise.ts
@@ -0,0 +1,35 @@
+import { useEffect, useState } from 'react'
+
+export function useResult<T> (getPromise: () => Promise<T>, deps: any[]) {
+  const [result, setResult] = useState<T | undefined>(undefined)
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<any>(undefined)
+
+  useEffect(() => {
+    let cancelled = false
+    setLoading(true)
+
+    getPromise().then(result => {
+      if (cancelled) return
+
+      setResult(result)
+      setLoading(false)
+    }).catch(err => {
+      if (cancelled) return
+
+      setResult(undefined)
+      setLoading(false)
+      setError(err)
+    })
+
+    return () => {
+      cancelled = true
+    }
+  }, ...deps)
+
+  return {
+    result,
+    loading,
+    error
+  }
+}
diff --git a/components/brave_new_tab_ui/hooks/useCachedValue.ts b/components/brave_new_tab_ui/hooks/useCachedValue.ts
new file mode 100644
index 000000000000..7310b391095f
--- /dev/null
+++ b/components/brave_new_tab_ui/hooks/useCachedValue.ts
@@ -0,0 +1,15 @@
+import { useCallback, useEffect, useState } from 'react'
+
+export const useCachedValue = <T>(value: T, setValue: (newValue: T) => void) => {
+  const [cached, setCached] = useState<T>(value)
+  const updateCached = useCallback((newValue: T) => {
+    setCached(newValue)
+    setValue(newValue)
+  }, [setValue])
+
+  useEffect(() => {
+    setCached(value)
+  }, [value])
+
+  return [cached, updateCached] as const
+}
diff --git a/components/brave_new_tab_ui/stories/default/data/mockBraveNewsController.ts b/components/brave_new_tab_ui/stories/default/data/mockBraveNewsController.ts
new file mode 100644
index 000000000000..9819fff871c3
--- /dev/null
+++ b/components/brave_new_tab_ui/stories/default/data/mockBraveNewsController.ts
@@ -0,0 +1,2029 @@
+import * as BraveNews from '../../../api/brave_news'
+import { BraveNewsControllerRemote } from '../../../api/brave_news'
+
+// Generate feed page from real data in devtools:
+// let pids = [
+//   "5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
+//   "4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
+//   "a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
+//   "b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
+//   "c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
+//   "d4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
+//   "eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
+//   "fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
+//   "gd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5"
+// ]
+//
+// copy(newState.feed.pages[0].items.map( i => ({ ...i, items: i.items.map(ii => {
+//   let data = ii.article?.data || ii.promotedArticle?.data || ii.deal?.data
+//   if (ii.article) { data = ii.article.data }
+//   if (ii.promotedArticle) { data = ii.promotedArticle.data }
+//   data.publishTime.internalValue = data.publishTime.internalValue.toString()
+//   data.publisherId = pids[Math.floor(Math.random() * (pids.length - 1))]
+//   if (!ii.article) ii.article = "undefined"
+//   if (!ii.promotedArticle) ii.promotedArticle = "undefined"
+//   if (!ii.deal) ii.deal = "undefined"
+//   return ii
+// })})))
+export const publishers: BraveNews.Publishers = {
+  'direct:https://example.com/feed': {
+    publisherId: 'direct:https://example.com/feed1',
+    publisherName: 'My Custom Feed 1',
+    categoryName: 'User feeds',
+    channels: ['User feeds'],
+    feedSource: { url: 'http://www.example.com/feed' },
+    backgroundColor: undefined,
+    coverUrl: undefined,
+    faviconUrl: undefined,
+    siteUrl: { url: 'https://www.example.com' },
+    locales: ['en_US'],
+    type: BraveNews.PublisherType.DIRECT_SOURCE,
+    isEnabled: true,
+    userEnabledStatus: BraveNews.UserEnabled.ENABLED
+  },
+  'direct:https://example2.com/feed': {
+    publisherId: 'direct:https://example.com/feed2',
+    publisherName: 'My Custom Feed 2',
+    categoryName: 'User feeds',
+    channels: ['User feeds'],
+    feedSource: { url: 'http://www.example.com/feed' },
+    backgroundColor: undefined,
+    coverUrl: undefined,
+    faviconUrl: undefined,
+    siteUrl: { url: 'https://www.example.com' },
+    locales: ['en_US'],
+    type: BraveNews.PublisherType.DIRECT_SOURCE,
+    isEnabled: true,
+    userEnabledStatus: BraveNews.UserEnabled.ENABLED
+  },
+  '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
+    publisherId: '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+    publisherName: 'Test Publisher 1',
+    categoryName: 'Tech',
+    channels: ['Tech'],
+    feedSource: { url: 'http://www.example.com/feed' },
+    backgroundColor: undefined,
+    coverUrl: undefined,
+    faviconUrl: undefined,
+    siteUrl: { url: 'https://www.example.com' },
+    locales: ['en_US'],
+    type: BraveNews.PublisherType.COMBINED_SOURCE,
+    isEnabled: false,
+    userEnabledStatus: BraveNews.UserEnabled.ENABLED
+  },
+  '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
+    publisherId: '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+    publisherName: 'Test Publisher 2',
+    categoryName: 'Top News',
+    channels: ['Top News'],
+    feedSource: { url: 'http://www.example.com/feed' },
+    backgroundColor: undefined,
+    coverUrl: undefined,
+    faviconUrl: undefined,
+    siteUrl: { url: 'https://www.example.com' },
+    locales: ['en_US'],
+    type: BraveNews.PublisherType.COMBINED_SOURCE,
+    isEnabled: false,
+    userEnabledStatus: BraveNews.UserEnabled.NOT_MODIFIED
+  },
+  'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
+    publisherId: '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+    publisherName: 'Test Publisher 3',
+    categoryName: 'Tech 2',
+    channels: ['Tech 2'],
+    feedSource: { url: 'http://www.example.com/feed' },
+    backgroundColor: undefined,
+    coverUrl: undefined,
+    faviconUrl: undefined,
+    siteUrl: { url: 'https://www.example.com' },
+    locales: ['en_US'],
+    type: BraveNews.PublisherType.COMBINED_SOURCE,
+    isEnabled: false,
+    userEnabledStatus: BraveNews.UserEnabled.ENABLED
+  },
+  'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
+    publisherId: '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+    publisherName: 'Test Publisher 4',
+    categoryName: 'Top News 1',
+    channels: ['Top News 1'],
+    feedSource: { url: 'http://www.example.com/feed' },
+    backgroundColor: undefined,
+    coverUrl: undefined,
+    faviconUrl: undefined,
+    siteUrl: { url: 'https://www.example.com' },
+    locales: ['en_US'],
+    type: BraveNews.PublisherType.COMBINED_SOURCE,
+    isEnabled: false,
+    userEnabledStatus: BraveNews.UserEnabled.NOT_MODIFIED
+  },
+  'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
+    publisherId: '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+    publisherName: 'Test Publisher 5 has A very very very very very very very very very very very very very very very very very very very very long publisher name',
+    categoryName: 'Tech 2',
+    channels: ['Tech 2'],
+    feedSource: { url: 'http://www.example.com/feed' },
+    backgroundColor: undefined,
+    coverUrl: undefined,
+    faviconUrl: undefined,
+    siteUrl: { url: 'https://www.example.com' },
+    locales: ['en_US'],
+    type: BraveNews.PublisherType.COMBINED_SOURCE,
+    isEnabled: false,
+    userEnabledStatus: BraveNews.UserEnabled.ENABLED
+  },
+  'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
+    publisherId: '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+    publisherName: 'Test Publisher 6',
+    categoryName: 'Top News 2',
+    channels: ['Top News 2'],
+    feedSource: { url: 'http://www.example.com/feed' },
+    backgroundColor: undefined,
+    coverUrl: undefined,
+    faviconUrl: undefined,
+    siteUrl: { url: 'https://www.example.com' },
+    locales: ['en_US'],
+    type: BraveNews.PublisherType.COMBINED_SOURCE,
+    isEnabled: false,
+    userEnabledStatus: BraveNews.UserEnabled.NOT_MODIFIED
+  },
+  'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
+    publisherId: '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+    publisherName: 'Test Publisher 7',
+    categoryName: 'Top News 3',
+    channels: ['Top News 3'],
+    feedSource: { url: 'http://www.example.com/feed' },
+    backgroundColor: undefined,
+    coverUrl: undefined,
+    faviconUrl: undefined,
+    siteUrl: { url: 'https://www.example.com' },
+    locales: ['en_US'],
+    type: BraveNews.PublisherType.COMBINED_SOURCE,
+    isEnabled: false,
+    userEnabledStatus: BraveNews.UserEnabled.NOT_MODIFIED
+  },
+  'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
+    publisherId: '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+    publisherName: 'Test Publisher 8',
+    categoryName: 'Tech 3',
+    channels: ['Tech 3'],
+    feedSource: { url: 'http://www.example.com/feed' },
+    backgroundColor: undefined,
+    coverUrl: undefined,
+    faviconUrl: undefined,
+    siteUrl: { url: 'https://www.example.com' },
+    locales: ['en_US'],
+    type: BraveNews.PublisherType.COMBINED_SOURCE,
+    isEnabled: false,
+    userEnabledStatus: BraveNews.UserEnabled.ENABLED
+  },
+  'gd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
+    publisherId: '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+    publisherName: 'Test Publisher 9',
+    categoryName: 'Top News 4',
+    channels: ['Top News 4'],
+    feedSource: { url: 'http://www.example.com/feed' },
+    backgroundColor: undefined,
+    coverUrl: undefined,
+    faviconUrl: undefined,
+    siteUrl: { url: 'https://www.example.com' },
+    locales: ['en_US'],
+    type: BraveNews.PublisherType.COMBINED_SOURCE,
+    isEnabled: false,
+    userEnabledStatus: BraveNews.UserEnabled.NOT_MODIFIED
+  }
+}
+
+export const feed: BraveNews.Feed = {
+  hash: '123abc',
+  featuredItem: {
+    promotedArticle: undefined,
+    deal: undefined,
+    article: {
+      data: {
+        categoryName: 'Top News',
+        description: 'Here\'s everything you need to know about the Haunted Hallows event, including how to unlock the Batmobile.',
+        image: { imageUrl: { url: 'https://placekitten.com/1360/912' }, paddedImageUrl: undefined },
+        publishTime: { internalValue: BigInt('13278618001000000') },
+        publisherId: 'd75d65f0f747650ef1ea11adb0029f9d577c629a080b5f60ec80d125b2bf205b',
+        publisherName: 'Newsweek',
+        relativeTimeDescription: '1 hour ago',
+        urlHash: '',
+        score: 14.200669212327124,
+        title: '\'Rocket League\' Haunted Hallows 2021: Details Revealed and How to Unlock Batmobile Cars',
+        url: { url: 'https://www.newsweek.com/rocket-league-haunted-hallows-halloween-2021-batmobile-price-date-1638020' }
+      }
+    }
+  },
+  pages: [
+    {
+      items: [
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Sports',
+                  'publishTime': {
+                    internalValue: BigInt('13278621116000000')
+                  },
+                  'title': 'The agony of the feet: Why turf toe is such a dreaded injury in the NFL',
+                  'description': 'A misunderstood and often dismissed condition, a big toe hyperextension can cause crippling pain with every step, creating mental anguish and fatigue that take a huge toll on an athlete. After decades of occurrences, it\'s finally being taken seriously.',
+                  'url': {
+                    'url': 'https://www.espn.com/nfl/story/_/id/32379942/why-turf-toe-such-dreaded-injury-nfl'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/944ee78cb12ebda3d46c51a4fb91db1a961d3dee13b8eb1034798ae5ca2150dc.jpg.pad'
+                    }
+                  },
+                  'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'ESPN',
+                  'score': 10.00343277763486,
+                  'relativeTimeDescription': '31 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Sports',
+                  'publishTime': {
+                    internalValue: BigInt('13278620426000000')
+                  },
+                  'title': 'Spain didn\'t win Nations League but Oyarzabal  is a star',
+                  'description': 'Spain\'s latest super-group of teenagers has caught the imagination this week, but 24-year-old Real Sociedad winger Mikel Oyarzabal might be the one to lead them.',
+                  'url': {
+                    'url': 'https://www.espn.com/soccer/spain-esp/story/4495432/spain-didnt-win-nations-league-but-they-have-a-gem-in-mikel-oyarzabal'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/9bd848550d4f968a1f93c46a1c4f142cb293ad8220092d8d3017b32d38b08c67.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'ESPN - Football',
+                  'score': 10.649119373004728,
+                  'relativeTimeDescription': '43 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 1,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Technology',
+                  'publishTime': {
+                    internalValue: BigInt('13278621733000000')
+                  },
+                  'title': 'Twitter is launching a Spaces accelerator program to pay live audio creators',
+                  'description': '\n\nIllustration by Alex Castro / The Verge\n\nTwitter announced on Tuesday that it plans to support Twitter Spaces creators through a new three-month accelerator program called the Twitter Spaces Spark Program. Twitter’s plans follow a similar creator three-month program that Clubhouse launched in March 2021.\nThe Spark Program is designed to “discover and reward” around 150 Spaces creators with technical, financial, and marketing support, Twitter says. For anyone who applies and gets in, that inclu',
+                  'url': {
+                    'url': 'https://www.theverge.com/2021/10/13/22724450/twitter-spaces-accelerator-spark-clubhouse-creators'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/023e9e849e2a2af24c5271faa0ba5b25b15f4c90481a3583e948829ef40e881a.jpg.pad'
+                    }
+                  },
+                  'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'The Verge',
+                  'score': 14.170018256553691,
+                  'relativeTimeDescription': '21 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Science',
+                  'publishTime': {
+                    internalValue: BigInt('13278621699000000')
+                  },
+                  'title': 'Widespread masking nudges people to follow the crowd',
+                  'description': 'When wearing a mask to defend against the spread of COVID-19 becomes a trend, more people mask up themselves, a new study shows.',
+                  'url': {
+                    'url': 'https://www.futurity.org/covid-19-mask-viruses-2641802-2/?utm_source=rss&utm_medium=rss&utm_campaign=covid-19-mask-viruses-2641802-2'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/b735cb231cc73ce065177509ecda0ef35203e55bee5bfa798401a7bc67893182.jpg.pad'
+                    }
+                  },
+                  'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Futurity',
+                  'score': 14.226233174417557,
+                  'relativeTimeDescription': '22 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 6,
+          'items': [
+            {
+              article: undefined,
+              deal: undefined,
+              promotedArticle: {
+                'data': {
+                  'categoryName': 'Brave Partners',
+                  'publishTime': {
+                    internalValue: BigInt('13278621628000000')
+                  },
+                  'title': 'Audiovox (VOXX) Q2 2022 Earnings Call Transcript',
+                  'description': 'VOXX earnings call for the period ending September 30, 2021.',
+                  'url': {
+                    'url': 'https://www.fool.com/earnings/call-transcripts/2021/10/13/audiovox-voxx-q2-2022-earnings-call-transcript/?source=thebrave&utm_source=foo&utm_medium=feed&utm_campaign=article'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/5b3d8da219eee17bce800689085994a6a851545aa99b35c374874f42a93c672b.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'The Motley Fool',
+                  'score': 14.338672770645763,
+                  'relativeTimeDescription': '23 minutes ago'
+                },
+                'creativeInstanceId': 'd2d506aa-5531-4069-8f85-7d9052f1b640'
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 2,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Top News',
+                  'publishTime': {
+                    internalValue: BigInt('13278621613000000')
+                  },
+                  'title': 'Brexit: Most NI checks on British goods to be scrapped',
+                  'description': 'The proposals are a \"genuine response\" to address Brexit trade issues, says the European Commission.',
+                  'url': {
+                    'url': 'https://www.bbc.co.uk/news/uk-northern-ireland-58871221?at_medium=RSS&at_campaign=KARANGA'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/1d465c5238d91f25be576c554f691bd651be6d1346382888a9636c52258f2d67.jpg.pad'
+                    }
+                  },
+                  'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'BBC',
+                  'score': 14.361647694838718,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Top News',
+                  'publishTime': {
+                    internalValue: BigInt('13278621600000000')
+                  },
+                  'title': 'What needs to be done to fix the tax system?',
+                  'description': 'Death duties, hiking the GST and more taxes on housing are on the wish lists of the nation’s top economists.',
+                  'url': {
+                    'url': 'https://www.smh.com.au/politics/federal/what-needs-to-be-done-to-fix-the-tax-system-20211004-p58x26.html?ref=rss&utm_medium=rss&utm_source=rss_feed'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/40a3ae95c9d10d6988236d4e17e0533f2528259d67ae3ed4b44f8243b65f764e.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Sydney Morning Herald',
+                  'score': 14.381381289249747,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Top News',
+                  'publishTime': {
+                    internalValue: BigInt('13278621533000000')
+                  },
+                  'title': 'Woman Parades Through Airport Completely Naked, Makes Small Talk With Travelers',
+                  'description': '\'The woman asked travelers how they were doing and where they are from\'',
+                  'url': {
+                    'url': 'https://dailycaller.com/2021/10/13/denver-airport-naked-woman/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/e9f94baedccb0fe6aa4679dba6762ded76b6d4a412149c55b29d5090fff182c5.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Daily Caller',
+                  'score': 14.479957341206271,
+                  'relativeTimeDescription': '24 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Business',
+                  'publishTime': {
+                    internalValue: BigInt('13278621684000000')
+                  },
+                  'title': 'William Shatner emotionally describes spaceflight to Jeff Bezos: \'The most profound experience\'',
+                  'description': 'William Shatner, after returning to Earth, recounted his experience in an emotional talk with Blue Origin founder Jeff Bezos.',
+                  'url': {
+                    'url': 'https://www.cnbc.com/2021/10/13/william-shatner-speech-to-jeff-bezos-after-blue-origin-launch.html'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/c02a9c39546df2890a411e6afdac5f8a10ceded30947c4688fcfde43010c1d84.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'CNBC',
+                  'score': 14.250519019150758,
+                  'relativeTimeDescription': '22 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Cars',
+                  'publishTime': {
+                    internalValue: BigInt('13278621683000000')
+                  },
+                  'title': 'Lucid Air’s DreamDrive ADAS Suite Has LiDAR, 14 Cameras, And 32 Sensors For Future Proofing',
+                  'description': 'Lucid says that their overengineered tech suite will eventually be updated to include a \"hands-off, eyes-off\" driver assistance system.',
+                  'url': {
+                    'url': 'https://www.carscoops.com/2021/10/lucid-airs-dreamdrive-adas-suite-has-lidar-14-cameras-and-32-sensors-for-future-proofing/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/31b73f47c42c5323b6db05ff9907eee4b5217ca9a097e4aa810272609aebb06b.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Carscoops',
+                  'score': 14.252130607208834,
+                  'relativeTimeDescription': '22 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 1,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Home',
+                  'publishTime': {
+                    internalValue: BigInt('13278621634000000')
+                  },
+                  'title': 'DMTV Milkshake: Cultivating Elegance at Home With Melissa Lee',
+                  'description': 'Melissa Lee, a self-titled aesthete, shares the invisible element that can change a space drastically when it comes to interior design.',
+                  'url': {
+                    'url': 'https://design-milk.com/dmtv-milkshake-cultivating-elegance-at-home-with-melissa-lee/?utm_source=feedburner&utm_campaign=Feed%3A+design-milk+%28Design+Milk%29'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/d00bc1449477f06cf7640231fd898be6c4e6fbd9f6eda99f1b845bb739419376.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Design Milk',
+                  'score': 14.329404416919667,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Entertainment',
+                  'publishTime': {
+                    internalValue: BigInt('13278621632000000')
+                  },
+                  'title': '‘You’ Renewed For Season 4 By Netflix',
+                  'description': 'Ahead of the Season 3 premiere on Friday, Netflix has handed an early fourth season renewal to its hit drama series You. Casting news for the new season will be announced at a later date. Starring Penn Badgley and Victoria Pedretti, You is developed by Sera Gamble and Greg Berlanti, and Gamble also serves as […]',
+                  'url': {
+                    'url': 'https://deadline.com/2021/10/you-renewed-season-4-netflix-1234855244/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/3b6d9b50f065b320acd02393d96199d9f45028b14399c2b971a85590da89ae33.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Deadline',
+                  'score': 14.332498680036917,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 1,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Entertainment',
+                  'publishTime': {
+                    internalValue: BigInt('13278621625000000')
+                  },
+                  'title': 'AFI Fest Full Lineup: 2021 Festival Adds Pedro Almodovar’s ‘Parallel Mothers’ and More',
+                  'description': 'As previously announced, the awards-facing festival will open with the premiere of Lin-Manuel Miranda\'s \"Tick Tick Boom.\"',
+                  'url': {
+                    'url': 'https://www.indiewire.com/2021/10/afi-fest-full-lineup-2021-festival-1234671528/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/d42fe1b86e568d6dca5dc3623a2bb982f3fb337ff79ae338a3544b3cc4cab1b9.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'IndieWire',
+                  'score': 14.343289731415563,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Entertainment',
+                  'publishTime': {
+                    internalValue: BigInt('13278621617000000')
+                  },
+                  'title': 'YOU Renewed for Season 4 at Netflix — Watch Announcement Video',
+                  'description': 'Netflix’s Joe Goldberg obsession continues with a Season 4 renewal of YOU, TVLine has learned. This news comes just two days before the Penn Badgley thriller is set to premiere its third season on Friday, Oct. 15. Based on Caroline Kepnes’ series of novels, YOU is developed by executive producers Greg Berlanti and Sera Gamble, […]',
+                  'url': {
+                    'url': 'https://tvline.com/2021/10/13/you-renewed-season-4-teaser-video-netflix/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/cbf6594866c44ef06f3cd74ba057559fac2e8dc659e33fa406d11a3583f4b2ed.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'TVLine',
+                  'score': 14.355544195642704,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 5,
+          'items': []
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Science',
+                  'publishTime': {
+                    internalValue: BigInt('13278621608000000')
+                  },
+                  'title': 'First evidence of microtubules\' mechanosensitive behavior',
+                  'description': 'Inside cells, microtubules not only serve as a component of the cytoskeleton (cell skeleton) but also play a role in intracellular transport. In intracellular transport, microtubules act as rails for motor proteins such as kinesin and dynein. Microtubules, the most rigid cytoskeletal component, are constantly subjected to various mechanical stresses such as compression, tension, and bending during cellular activities. It has been hypothesized that microtubules also function as mechanosensors tha',
+                  'url': {
+                    'url': 'https://phys.org/news/2021-10-evidence-microtubules-mechanosensitive-behavior.html'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/66475a510a759c80d3ed6bfac562fa8c4dd802b510326c8d0cae28eaae250444.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Phys.org',
+                  'score': 14.369246557105962,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Sports',
+                  'publishTime': {
+                    internalValue: BigInt('13278621606000000')
+                  },
+                  'title': 'Fantasy Football Week 6 Rankings: Updated Overview for All Positions',
+                  'description': 'We\'ve reached a critical point in the  NFL  season for fantasy managers. Bye weeks are here, and the Atlanta Falcons, New Orleans Saints, New York Jets and San Francisco 49ers have the first off rotation of the year...',
+                  'url': {
+                    'url': 'https://bleacherreport.com/articles/2949345-fantasy-football-week-6-rankings-updated-overview-for-all-positions'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/191782169a17e5df634109ecd2bb76c24cb48faa48f876edb3a5b2694fa497ba.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Bleacher Report',
+                  'score': 14.372285656733615,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 3,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Entertainment',
+                  'publishTime': {
+                    internalValue: BigInt('13278621605000000')
+                  },
+                  'title': 'Alt-Rock Singer SK8 Shares How ‘Girl Next Door’ Represents The Evolution Of His Sound',
+                  'description': 'After first making a splash with hip-hop, SK8 has reconnected with his punk roots on \'Girls Next Door,\' and he shares how this new direction came about, what it\'s like running a label, and what\'s next.',
+                  'url': {
+                    'url': 'https://hollywoodlife.com/2021/10/13/sk8-girl-next-door-interview/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/2904d64d82725230da6b1531aab85f54ff91cc55328e61f35319bcb3e5ba5abf.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Hollywood Life',
+                  'score': 14.373802033258967,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Entertainment',
+                  'publishTime': {
+                    internalValue: BigInt('13278618574000000')
+                  },
+                  'title': 'Laverne Cox, 49, Rocks Plunging Black Swimsuit On Vacation: ‘Trans Is Beautiful’',
+                  'description': 'Laverne Cox made a trans-positive statement while looking fiery hot in a sexy swimsuit on a luxury vacation.',
+                  'url': {
+                    'url': 'https://hollywoodlife.com/2021/10/13/laverne-cox-plunging-swimsuit-pool-video/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/a071a47e75db68c74fc1eaf6931d9420b2345a0c12b1247cdb05da135c0d5735.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Hollywood Life',
+                  'score': 67.03023810006357,
+                  'relativeTimeDescription': '1 hour ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Entertainment',
+                  'publishTime': {
+                    internalValue: BigInt('13278617426000000')
+                  },
+                  'title': 'Elizabeth Warren Urges Congress To ‘Step Up’ & Protect Roe V. Wade Amidst Texas Abortion Law',
+                  'description': 'The Massachusetts senator also explained that the new law will be most harmful to people who don\'t have easy access to abortion while appearing on \'The View.\'',
+                  'url': {
+                    'url': 'https://hollywoodlife.com/2021/10/13/elizabeth-warren-roe-v-wade-the-view/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/d302f28efc872481f715f40ef457e419b7c35c03f514ca4a624aed099a8ec814.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Hollywood Life',
+                  'score': 137.80582500043627,
+                  'relativeTimeDescription': '2 hours ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 1,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Technology',
+                  'publishTime': {
+                    internalValue: BigInt('13278621600000000')
+                  },
+                  'title': 'Here are the best resin options for your SLA/DLP 3D printer',
+                  'description': 'Resin printing is a little more complex than standard filament printing. Not only do you need a few must-have 3D printing accessories, but you also need to pick the right resin. When faced with multiple colors and multiple types, it\'s also easy to get turned around when choosing the right 3D printing resin. You want it to print quickly but stay strong without becoming brittle. We\'ve used as many as possible to bring you some of the best you can buy, but our favorite is Siraya Tech Fast, which pr',
+                  'url': {
+                    'url': 'https://www.windowscentral.com/best-resin-your-3d-printer?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+wmexperts+%28Windows+Central%29'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/5afe29078068e7413a7f15a16657453217fc8ad630e8291ee1c66d69c2df6f48.jpg.pad'
+                    }
+                  },
+                  'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Windows Central',
+                  'score': 14.381363717462444,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Technology',
+                  'publishTime': {
+                    internalValue: BigInt('13278621600000000')
+                  },
+                  'title': 'These are the best office chairs you can buy at any budget',
+                  'description': 'The adage \"you get what you pay for\" definitely holds for certain categories of products, like shoes, mattresses, and yes, office chairs. The simple fact is, the more you have available to spend (up to a point), the better chair you can buy. The range of options for the best office chairs available is quite diverse and includes styles and features for just about any taste and preference. Our top pick is the AmazonBasics High-Back Leather Executive Chair. It\'s got the looks to fit in a corporate ',
+                  'url': {
+                    'url': 'https://www.androidcentral.com/best-office-chairs'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/b406b13e1fe493f9ab11140f5c33809a19125da6d5a3f1125810d299a9539da2.jpg.pad'
+                    }
+                  },
+                  'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Android Central',
+                  'score': 14.381366799582283,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Technology',
+                  'publishTime': {
+                    internalValue: BigInt('13278621600000000')
+                  },
+                  'title': 'Stop Using Playlists to Look Cool and Start Using Them to Share Your Feelings',
+                  'description': 'Do you struggle to express yourself with words? Consider turning to the one universal language we all share: emo playlists. I believe we, as a society, waste time trying to show off “aesthetic” music tastes. Instead, we should spend more time creating emotionally-charged, hyper-specific playlists. What’s more, we need…Read more...',
+                  'url': {
+                    'url': 'https://lifehacker.com/stop-using-playlists-to-look-cool-and-start-using-them-1847855875'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/87267b91579ebbf8ead3f305759376022fd50d3273209e851727cdf24b142304.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Lifehacker',
+                  'score': 14.38136972344708,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 4,
+          'items': [
+            {
+              article: undefined,
+              promotedArticle: undefined,
+              deal: {
+                'data': {
+                  'categoryName': 'Brave',
+                  'publishTime': {
+                    internalValue: BigInt('13258305902000000')
+                  },
+                  'title': 'Audible Plus',
+                  'description': 'Listen anytime, anywhere to an unmatched selection of audiobooks, premium podcasts, and more',
+                  'url': {
+                    'url': 'https://www.amazon.com/hz/audible/mlp/mdp/discovery?ref_=assoc_tag_ph_1524216631897&_encoding=UTF8&camp=1789&creative=9325&linkCode=pf4&tag=bravesoftware-20&linkId=c6d187d14da9ca69e1a1a950348e100e'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/a29e3a601efa77ba5f2f35e58b40037b527f4e577112ea9967ced44741dcce32.jpg.pad'
+                    }
+                  },
+                  'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Brave Offers',
+                  'score': 33.65394030598059,
+                  'relativeTimeDescription': '235 days ago'
+                },
+                'offersCategory': 'Discounts'
+              }
+            },
+            {
+              article: undefined,
+              promotedArticle: undefined,
+              deal: {
+                'data': {
+                  'categoryName': 'Brave',
+                  'publishTime': {
+                    internalValue: BigInt('13258305902000000')
+                  },
+                  'title': 'Amazon Prime Music',
+                  'description': 'Listen to your favourite songs online from Brave.',
+                  'url': {
+                    'url': 'https://www.amazon.com/music/prime'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/04256e526b5cc73ddf7679ed907ac0f89e01d7d6af3a9d1c9faba288468c03ff.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Brave Offers',
+                  'score': 67.3078806123441,
+                  'relativeTimeDescription': '235 days ago'
+                },
+                'offersCategory': 'Discounts'
+              }
+            },
+            {
+              article: undefined,
+              promotedArticle: undefined,
+              deal: {
+                'data': {
+                  'categoryName': 'Brave',
+                  'publishTime': {
+                    internalValue: BigInt('13258305902000000')
+                  },
+                  'title': 'Amazon Prime',
+                  'description': 'Enjoy exclusive Amazon Originals as well as popular movies and TV shows.',
+                  'url': {
+                    'url': 'https://www.amazon.com/amazonprime/146-1781179-3199520?_encoding=UTF8&camp=1789&creative=9325&linkCode=pf4&linkId=a402d5b2ca72ea0a267707ef10878979&primeCampaignId=prime_assoc_ft&ref_=assoc_tag_ph_1427739975520&tag=bravesoftware-20'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/c12d5200d342e72919e8420ccea6581ee4bf8e7ab510dd58bbc24d49ef22c36f.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Brave Offers',
+                  'score': 134.6157612254411,
+                  'relativeTimeDescription': '235 days ago'
+                },
+                'offersCategory': 'Discounts'
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Top News',
+                  'publishTime': {
+                    internalValue: BigInt('13278609481000000')
+                  },
+                  'title': '\'Havana Syndrome\' mystery expands with new cases at U.S. Embassy in Colombia',
+                  'description': 'U.S. Embassy personnel in Bogota, Colombia, have reported symptoms aligned with the mysterious “Havana Syndrome” that continues to plague U.S. spies and diplomats around the globe. U.S. officials said Tuesday that two cases were initially reported by embassy personnel in the capital city, but said several others may have been ...',
+                  'url': {
+                    'url': 'https://www.washingtontimes.com/news/2021/oct/13/havana-syndrome-mystery-expands-new-cases-us-embas/?utm_source=RSS_Feed&utm_medium=RSS'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/4caf1b03489028604884ce33a6ac6f427f117de3670f4fefb047d92dccd3706c.jpg.pad'
+                    }
+                  },
+                  'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'The Washington Times',
+                  'score': 304.21157985954886,
+                  'relativeTimeDescription': '4 hours ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 1,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Health',
+                  'publishTime': {
+                    internalValue: BigInt('13278602700000000')
+                  },
+                  'title': 'Tom Hardy Says He Was \'Really Overweight\' as Bane in \'Dark Knight Rises\'',
+                  'description': '\"I was just bald, slightly porky, and with pencil arms.\"',
+                  'url': {
+                    'url': 'https://www.menshealth.com/weight-loss/a37947676/tom-hardy-overweight-bane-transformation-dark-knight-rises/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/2e81e99a21735bb5f0d3b7c8ac030a368b6e35711809a3475ba2bc6bdf7e300a.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Men\'s Health',
+                  'score': 81223.05671641101,
+                  'relativeTimeDescription': '6 hours ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Entertainment',
+                  'publishTime': {
+                    internalValue: BigInt('13278618011000000')
+                  },
+                  'title': 'Jodi! Tina! \'The Challenge: All Stars\' Brings in Heavy Hitters for Season 2',
+                  'description': 'Welcome back! After the massive success of The Challenge: All Stars earlier this year, Paramount+’s reality show is back with another season and even more vets. TJ Lavin will return to host season 2, Parmount+ announced on Wednesday, October 13, with 24 cast members — some of whom haven’t competed in nearly 20 years. “With […]',
+                  'url': {
+                    'url': 'https://www.usmagazine.com/entertainment/pictures/the-challenge-all-stars-season-2-cast-includes-tina-jodi-and-more/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/c972ec42d40a1d2a5d2b180095407f119cd2c1b17ff41b5305c5b7987b7c0280.jpg.pad'
+                    }
+                  },
+                  'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Us Weekly',
+                  'score': 544.0267160210122,
+                  'relativeTimeDescription': '1 hour ago'
+                }
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      items: [
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Sports',
+                  'publishTime': {
+                    internalValue: BigInt('13278621600000000')
+                  },
+                  'title': 'USMNT vs Costa Rica: TV channel, live stream, team news & preview',
+                  'description': 'The Stars and Stripes tasted their first defeat since May when they fell to Panama on Sunday, but can quickly get back to winning ways',
+                  'url': {
+                    'url': 'https://www.goal.com/en/news/usmnt-vs-costa-rica-tv-channel-live-stream-team-news-preview/1ou1gnhu835jx174sq8yqn34os'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/ba5b2874d167e19150f3be8bf99a09717d912699a853321939dfbdef5bb9ff87.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Goal.com',
+                  'score': 14.381372591543293,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Culture',
+                  'publishTime': {
+                    internalValue: BigInt('13278621600000000')
+                  },
+                  'title': 'Tyga Turns Himself in to Police Following Domestic Violence Allegations From Ex-Girlfriend Camaryn Swanson',
+                  'description': 'Rapper Tyga turned himself in early Tuesday to the Los Angeles Police Department following a domestic violence allegation brought forth from his ex-girlfriend Camaryn Swanson.Read more...',
+                  'url': {
+                    'url': 'https://www.theroot.com/tyga-turns-himself-in-to-police-following-domestic-viol-1847854486'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/3816eb674df32251c4b9fbda44a33acfe85764931d36c26d1f5af0cd86a0a960.jpg.pad'
+                    }
+                  },
+                  'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'The Root',
+                  'score': 14.381375498821068,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 1,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Business',
+                  'publishTime': {
+                    internalValue: BigInt('13278621593000000')
+                  },
+                  'title': 'Fastenal Company 2021 Q3 - Results - Earnings Call Presentation',
+                  'description': '',
+                  'url': {
+                    'url': 'https://seekingalpha.com/article/4459715-fastenal-company-2021-q3-results-earnings-call-presentation?source=feed_all_articles'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/07fd83154e9157f70207bd1aa6dd7998ec3aa6a1b730aef93868a9ac950e912e.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Seeking Alpha',
+                  'score': 14.391950109691049,
+                  'relativeTimeDescription': '23 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Sports',
+                  'publishTime': {
+                    internalValue: BigInt('13278621564000000')
+                  },
+                  'title': 'One-handed CB Marshon Lattimore still playing lights-out: Saints takeaways vs. Washington',
+                  'description': 'Marshon Lattimore and WR Deonte Harris were standouts in the Saints\' 33-22 win over Washington, and they weren\'t the only ones.',
+                  'url': {
+                    'url': 'https://theathletic.com/2885011/2021/10/13/one-handed-cb-marshon-lattimore-still-playing-lights-out-saints-takeaways-vs-washington/?source=rss'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/dbb85cea85bf1cb02a2e31827af8f4621a7fe1e3cd465739db8cda2e5c45e5db.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'The Athletic',
+                  'score': 14.434964041654474,
+                  'relativeTimeDescription': '24 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 6,
+          'items': [
+            {
+              article: undefined,
+              deal: undefined,
+              promotedArticle: {
+                'data': {
+                  'categoryName': 'Brave Partners',
+                  'publishTime': {
+                    internalValue: BigInt('13278528021000000')
+                  },
+                  'title': 'The Beginner’s Guide to Account-Based Marketing (ABM)',
+                  'description': 'This leads to a common paradox—marketing can hit its goals by bringing in a high volume of leads, but sales can’t hit its goals because those same leads are poorly qualified. Account-based marketing (ABM) aims to fix that by tightly…Read more ›',
+                  'url': {
+                    'url': 'https://ahrefs.com/blog/account-based-marketing/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/9d2f7ab67a81520a1e281d9def23ce4f4fbcf46cac8be01707f0cd0fb24e597a.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Ahrefs',
+                  'score': 22.921395422138495,
+                  'relativeTimeDescription': '1 day ago'
+                },
+                'creativeInstanceId': '2626e169-a372-42ca-af14-b0df795d2819'
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 2,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Brave',
+                  'publishTime': {
+                    internalValue: BigInt('13276800071000000')
+                  },
+                  'title': 'Brave Launches Brave Talk for Privacy-Preserving Video Conferencing',
+                  'description': 'Today, Brave launched Brave Talk, a new privacy-focused video conferencing feature built directly into the Brave browser.\nThe post Brave Launches Brave Talk for Privacy-Preserving Video Conferencing appeared first on Brave Browser.',
+                  'url': {
+                    'url': 'https://brave.com/brave-talk-launch/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/8bc59275469ab8db7c8245e5269b5bfa84a8e77586de349dd1bce0435c27a6a5.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Brave Blog',
+                  'score': 28.831838413657156,
+                  'relativeTimeDescription': '21 days ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Brave',
+                  'publishTime': {
+                    internalValue: BigInt('13276723068000000')
+                  },
+                  'title': 'Research Paper: Privacy and Security Issues in Web 3.0',
+                  'description': 'We at Brave Research just published a technical report called “Privacy and Security Issues in Web 3.0” on arXiv. This blog post summarizes our findings and puts them in perspective for Brave users.\nThe post Research Paper: Privacy and Security Issues in Web 3.0 appeared first on Brave Browser.',
+                  'url': {
+                    'url': 'https://brave.com/research-paper-privacy-and-security-issues-in-web-3-0/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/260702227df254d2ada663cbdb14442933161f55da5b891d59f82335015a025d.jpg.pad'
+                    }
+                  },
+                  'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Brave Blog',
+                  'score': 57.82917689204489,
+                  'relativeTimeDescription': '22 days ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Brave',
+                  'publishTime': {
+                    internalValue: BigInt('13276712102000000')
+                  },
+                  'title': 'What’s Brave Done For My Privacy Lately? Episode #10: Custom Filter List Subscriptions',
+                  'description': 'This is the tenth in a series of blog posts on new Brave privacy features. This post describes work done by Anton Lazarev, Research Engineer. Authors: Peter Snyder and Anton Lazarev.\nThe post What’s Brave Done For My Privacy Lately? Episode #10: Custom Filter List Subscriptions appeared first on Brave Browser.',
+                  'url': {
+                    'url': 'https://brave.com/privacy-updates-10/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/2d9c785ca6d8dcdcf2d2046796d97a81cb99a002fb91895cca43a6846aeb3a2f.jpg.pad'
+                    }
+                  },
+                  'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Brave Blog',
+                  'score': 115.70439692971131,
+                  'relativeTimeDescription': '22 days ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Entertainment',
+                  'publishTime': {
+                    internalValue: BigInt('13278621540000000')
+                  },
+                  'title': 'We see, acknowledge, and connect with Larry David in the trailer for Curb Your Enthusiasm’s new season',
+                  'description': 'Larry David and his seemingly endless array of irritations are returning for another glorious season of Curb Your Enthusiasm on October 24. But you don’t have to wait until then to see how stupid things like prayers and toasts are. They’re all right here in the brand new trailer. Read more...',
+                  'url': {
+                    'url': 'https://www.avclub.com/we-see-acknowledge-and-connect-with-larry-david-in-th-1847856248'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/d299252e34751a7d534376404149e30c574809d4f2a297dfc8ef4ac97e55fa3d.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'The A.V. Club',
+                  'score': 14.469881193573206,
+                  'relativeTimeDescription': '24 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Business',
+                  'publishTime': {
+                    internalValue: BigInt('13278621540000000')
+                  },
+                  'title': 'Stocks Up Slightly After Inflation Data, Major Earnings',
+                  'description': 'U.S. share benchmarks ticked up as fresh consumer-price data boosted the view that the bout of elevated inflation might last longer.',
+                  'url': {
+                    'url': 'https://www.wsj.com/articles/global-stock-markets-dow-update-10-13-2021-11634110620?mod=rss_markets_main'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/9a51fc8831ae2c54f2a02293bc472e88abe2f9ded6310dc18506badcf581837a.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'WSJ - Markets',
+                  'score': 14.469883937507502,
+                  'relativeTimeDescription': '24 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 1,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Top News',
+                  'publishTime': {
+                    internalValue: BigInt('13278621508000000')
+                  },
+                  'title': 'Fox News Hosts Shout Down Liberal Panelist for Saying NYC Is No ‘Hellhole’',
+                  'description': 'Fox NewsFox News hosts Lisa “Kennedy” Montgomery and Julie Banderas on Wednesday took turns berating a liberal panelist for having the temerity to claim that dispute their claim that New York City is a “hellhole.”Kennedy and Banderas, in an effort to bolster their case that the city is a terrifying, crime-ridden wasteland, boasted that they “talk to cops” and read the New York Post as evidence for their claims. Besides whipping their viewers into a frenzy over vaccine mandates and critical race ',
+                  'url': {
+                    'url': 'https://www.thedailybeast.com/fox-news-hosts-kennedy-and-julie-banderas-shout-down-liberal-panelist-for-saying-nyc-is-no-hellhole?source=articles&via=rss&utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+thedailybeast%2Farticles+%28The+Daily+Beast+-+Latest+Articles%29'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/3cdc6866dee932665c37ac1ae515c360ff77b47c6a555c3f02a534a79bd49308.jpg.pad'
+                    }
+                  },
+                  'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'The Daily Beast',
+                  'score': 14.515511304097387,
+                  'relativeTimeDescription': '25 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Health',
+                  'publishTime': {
+                    internalValue: BigInt('13278621506000000')
+                  },
+                  'title': 'Hilarie Burton Morgan on the Problem With True Crime, Life on the Farm, and Her ‘One Tree Hill’ Podcast',
+                  'description': 'Plus how she\'s practicing self-care.',
+                  'url': {
+                    'url': 'https://www.self.com/story/hilarie-burton-morgan-interview'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/3d1c2c118390f7d72a6502148c8733a2cbcb3a4eb3795307ab5a6c8b43671f19.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'SELF',
+                  'score': 14.518330759046432,
+                  'relativeTimeDescription': '25 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 1,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Business',
+                  'publishTime': {
+                    internalValue: BigInt('13278621467000000')
+                  },
+                  'title': 'Plug Power jumps 13% after it partners with Airbus to study and develop hydrogen-powered air travel',
+                  'description': 'Airbus is working towards a goal of bringing zero-emission aircraft to market by 2035, and it thinks hydrogen could help achieve that objective.',
+                  'url': {
+                    'url': 'https://markets.businessinsider.com/news/stocks/plug-power-stock-price-airbus-partnership-hydrogen-airport-study-phillips-2021-10'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/932bcb6a3ce07dc885c0ce7b881c3dfeb9fb643e6d5ce968decf14d1983dbbdd.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Business Insider',
+                  'score': 14.572489911501611,
+                  'relativeTimeDescription': '25 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Top News',
+                  'publishTime': {
+                    internalValue: BigInt('13278621435000000')
+                  },
+                  'title': '60K Film and TV Workers May Strike Within Days as Industry Still Recovers From Pandemic',
+                  'description': '\"Without an end date, we could keep talking forever,\" said President of the International Alliance of Theatrical Stage Employees Matthew Loeb.',
+                  'url': {
+                    'url': 'https://www.newsweek.com/60k-film-tv-workers-may-strike-within-days-industry-still-recovers-pandemic-1638658'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/1e4526119064ccbd65d5fc372fe878ff60b64c1ba9047f3cb664b2afdeddf73f.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Newsweek',
+                  'score': 14.615857594582533,
+                  'relativeTimeDescription': '26 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 5,
+          'items': []
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Technology',
+                  'publishTime': {
+                    internalValue: BigInt('13278621421000000')
+                  },
+                  'title': 'Apple AirPods 3 rumored to debut alongside new MacBook Pros at October 18 Unleashed event',
+                  'description': ' Yesterday Apple confirmed a new “Unleashed” launch event scheduled on October 18. The stars of the show will almost certainly be  Apple’s next-generation ARM-based M-series chipset dubbed M1X and all-new 14” and 16” MacBook Pro laptops. Now Weibo leaker @PandaIsBald is also throwing in the long-rumored AirPods 3 to the mix.\n\n\n\n\nAirPods 3 leaked design (images: 52audio.com)\n\nApple’s regular non-Pro AirPods 2 have been out since March 2019 and are clearly due for an update. The third generation w',
+                  'url': {
+                    'url': 'https://www.gsmarena.com/apple_airpods_3_rumored_to_debut_alongside_new_macbook_pros_at_october_18_unleashed_event-news-51408.php'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/3352539771a4ac7482f4486de7900c458f052e11b605609fafcf206bb4634075.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'GSMArena',
+                  'score': 14.634541104175572,
+                  'relativeTimeDescription': '26 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Business',
+                  'publishTime': {
+                    internalValue: BigInt('13278621420000000')
+                  },
+                  'title': ': Starbucks and Netflix partner for series tied to Netflix’s book club',
+                  'description': 'Starbucks and Netflix have partnered for a series that will discuss how the streaming service\'s book club choices are transformed into movies and shows\n   \n',
+                  'url': {
+                    'url': 'https://www.marketwatch.com/story/starbucks-and-netflix-partner-for-series-tied-to-netflixs-book-club-11634130338?rss=1&siteid=rss'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/98683b85d91545ed868557351adee4d1b6fa45337082c356c36cedcc9a1c0085.jpg.pad'
+                    }
+                  },
+                  'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'MarketWatch',
+                  'score': 14.635871140907735,
+                  'relativeTimeDescription': '26 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 3,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Culture',
+                  'publishTime': {
+                    internalValue: BigInt('13278621400000000')
+                  },
+                  'title': 'Cheat Maker Is Not Afraid of Call of Duty’s New Kernel-Level Anti-Cheat',
+                  'description': 'Activision announced the launch of a kernel-level anti-cheat system called RICOCHET to fight cheaters.',
+                  'url': {
+                    'url': 'https://www.vice.com/en/article/z3xjqa/cheat-maker-is-so-far-not-afraid-of-call-of-dutys-new-kernel-level-anti-cheat'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/f2dbdd22cf97479e7c2bccae2d3becc8346edd6b603ca2350ee02c35546de347.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'VICE',
+                  'score': 14.662245395018518,
+                  'relativeTimeDescription': '27 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Culture',
+                  'publishTime': {
+                    internalValue: BigInt('13278620323000000')
+                  },
+                  'title': 'Airlines Are Already Defying the Texas Ban on Vaccine Mandates',
+                  'description': 'Gov. Greg Abbott made companies choose between state law and federal regulations, and Southwest and American Airlines made that choice pretty fast.',
+                  'url': {
+                    'url': 'https://www.vice.com/en/article/g5gzw7/airlines-are-defying-texas-ban-on-vaccine-mandates'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/39c1559de30f9abf91d6035ad655be5e8ba09f64ab4a73201010cb8921248068.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'VICE',
+                  'score': 31.45969721478307,
+                  'relativeTimeDescription': '45 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Culture',
+                  'publishTime': {
+                    internalValue: BigInt('13278620305000000')
+                  },
+                  'title': 'The Best Dog DNA Tests That Actually Work, According to the Dog-Obsessed',
+                  'description': 'Help your pup assume their rightful throne as king of the dog park with the best dog DNA tests, according to convinced and happy pet owners.',
+                  'url': {
+                    'url': 'https://www.vice.com/en/article/dyvad7/best-dog-dna-tests'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/c6147aad0103a239ba49c79fa7696593bbf82558ba08a5362462fbbeea0a195c.jpg.pad'
+                    }
+                  },
+                  'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'VICE',
+                  'score': 62.9745088197745,
+                  'relativeTimeDescription': '45 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 1,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Sports',
+                  'publishTime': {
+                    internalValue: BigInt('13278621373000000')
+                  },
+                  'title': 'Poor IPL run not a concern, Nicholas Pooran wants to just \'refocus and go again\'',
+                  'description': '\"We won two World Cups without getting singles\" - West Indies vice-captain says power-hitting will still be big on the team\'s agenda',
+                  'url': {
+                    'url': 'https://www.espncricinfo.com/story/t20-world-cup-west-indies-vice-captain-nicholas-pooran-wants-to-just-refocus-and-go-again-after-poor-ipl-2021-1282815?ex_cid=OTC-RSS'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/01dde228cf27287b3ef5d3c9b5293c7b8cdaa59e269aa856f080c535016b7e01.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'ESPN - Cricket',
+                  'score': 14.697300142885872,
+                  'relativeTimeDescription': '27 minutes ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Top News',
+                  'publishTime': {
+                    internalValue: BigInt('13278621361000000')
+                  },
+                  'title': 'Navy engineer smuggled secrets \'a few at a time\' and wanted to meet \'foreign spies\' for drinks',
+                  'description': 'Written communications between Jonathan Toebbe and an undercover FBI agent posing as a foreign spy show that he collected secret data over the years. Toebbe also planned to be extracted from the US.',
+                  'url': {
+                    'url': 'https://www.dailymail.co.uk/news/article-10087987/Navy-engineer-smuggled-secrets-time-wanted-meet-foreign-spies-drinks.html?ns_mchannel=rss&ns_campaign=1490&ito=1490'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/876f15ba1c5582a0bef82b3cd6b2d567d04d9394ef208dc3e3749a3d3da46df2.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Daily Mail',
+                  'score': 14.712686451514855,
+                  'relativeTimeDescription': '27 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Technology',
+                  'publishTime': {
+                    internalValue: BigInt('13278621350000000')
+                  },
+                  'title': 'How Quickbase is using low-code to streamline Daifuku’s supply chain',
+                  'description': 'At VentureBeat\'s Low-Code/No-Code Summit, Quickbase explained how its platform helps connect and automate systems, processes, and workloads.',
+                  'url': {
+                    'url': 'https://venturebeat.com/2021/10/13/how-quickbase-is-using-low-code-to-streamline-daifukus-supply-chain/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/e1bab8826e0dc937e0c1ee4f79a3e63d3fbc8caf11773259dbea1cb3202b9a1a.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'VentureBeat',
+                  'score': 14.726687401901625,
+                  'relativeTimeDescription': '27 minutes ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 4,
+          'items': [
+            {
+              article: undefined,
+              promotedArticle: undefined,
+              deal: {
+                'data': {
+                  'categoryName': 'Brave',
+                  'publishTime': {
+                    internalValue: BigInt('13256920996000000')
+                  },
+                  'title': 'Sony 55 Inch TV',
+                  'description': 'BRAVIA OLED 4K Ultra HD Smart TV with HDR and Alexa Compatibility',
+                  'url': {
+                    'url': 'https://www.amazon.com/dp/B084KQFNBX?tag=bravesoftware-20&linkCode=osi&th=1&psc=1&language=en_US&currency=USD'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/6b0de702b8c1596cb713c89f3b79b568959cfebf4af6611e63c54d39a43e0233.jpg.pad'
+                    }
+                  },
+                  'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Brave Offers',
+                  'score': 270.2865946654164,
+                  'relativeTimeDescription': '251 days ago'
+                },
+                'offersCategory': 'Electronics'
+              }
+            },
+            {
+              article: undefined,
+              promotedArticle: undefined,
+              deal: {
+                'data': {
+                  'categoryName': 'Brave',
+                  'publishTime': {
+                    internalValue: BigInt('13256920996000000')
+                  },
+                  'title': 'Samsung Galaxy Tab S7',
+                  'description': 'Go for hours on a single charge, and back to 100% with the fast-charging USB-C port.',
+                  'url': {
+                    'url': 'https://www.amazon.com/dp/B08FBN5STQ?tag=bravesoftware-20&linkCode=osi&th=1&psc=1&language=en_US&currency=USD'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/b8b0e9f54885248f635c620d638c716164972f0b7f72c5ec79357517e2d2a171.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Brave Offers',
+                  'score': 540.5731893340486,
+                  'relativeTimeDescription': '251 days ago'
+                },
+                'offersCategory': 'Electronics'
+              }
+            },
+            {
+              article: undefined,
+              promotedArticle: undefined,
+              deal: {
+                'data': {
+                  'categoryName': 'Brave',
+                  'publishTime': {
+                    internalValue: BigInt('13256920996000000')
+                  },
+                  'title': 'Samsung Curved LED-Lit Monitor',
+                  'description': 'A stylish design featuring a Black body metallic finish and sleek curves',
+                  'url': {
+                    'url': 'https://www.amazon.com/dp/B079K3MXWF?tag=bravesoftware-20&linkCode=osi&th=1&psc=1&language=en_US&currency=USD'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/e2bc4f0ca84cc9bc7183a92072bf41cbcdd4bd4e31da0a5d6e084a1da2c2c7fd.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Brave Offers',
+                  'score': 1081.146378673966,
+                  'relativeTimeDescription': '251 days ago'
+                },
+                'offersCategory': 'Electronics'
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 0,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Cars',
+                  'publishTime': {
+                    internalValue: BigInt('13278542934000000')
+                  },
+                  'title': 'Rivian’s first retail hub to open in Venice, CA, as ‘a space to gather’',
+                  'description': '\nFresh off the heels of delivering its flagship R1T electric pickup to first customers, Rivian has shared details of its first hub, centered in Venice, California. Rather than existing as solely a retail space, Rivian hopes this first of several hub locations will offer a space for public gatherings and encourages its community to visit and connect. If you happen to order a $70,000 EV while you’re there… well that’s a welcomed option as well.\n more…\nThe post Rivian’s first retail hub to open in ',
+                  'url': {
+                    'url': 'https://electrek.co/2021/10/12/rivians-first-retail-hub-to-open-in-venice-ca-as-a-space-to-gather/'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/c85762ffe3bd48886ed1ce58f868958989ad89b0723f5844a7ffe0fef57fa1c5.jpg.pad'
+                    }
+                  },
+                  'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Electrek',
+                  'score': 23121.416404237974,
+                  'relativeTimeDescription': '22 hours ago'
+                }
+              }
+            }
+          ]
+        },
+        {
+          'cardType': 1,
+          'items': [
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Business',
+                  'publishTime': {
+                    internalValue: BigInt('13278518400000000')
+                  },
+                  'title': 'Tech’s Exponential Growth – and How to Solve the Problems It’s Created',
+                  'description': 'Understanding and improving the impact that Big Tech has on society\n\n \n',
+                  'url': {
+                    'url': 'https://hbr.org/podcast/2021/10/techs-exponential-growth-and-how-to-solve-the-problems-its-created?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+harvardbusiness+%28HBR.org%29'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/703dace4d9ab2590c184826c2a7b39ed2249cace04101f891c011c31021a3b9d.jpg.pad'
+                    }
+                  },
+                  'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'Harvard Business Review',
+                  'score': 5917.313882859709,
+                  'relativeTimeDescription': '1 day ago'
+                }
+              }
+            },
+            {
+              promotedArticle: undefined,
+              deal: undefined,
+              article: {
+                'data': {
+                  'categoryName': 'Top News',
+                  'publishTime': {
+                    internalValue: BigInt('13278596700000000')
+                  },
+                  'title': 'Global Climate Pledges Off Track to Meet Paris Targets, IEA Says',
+                  'description': 'Whether lawmakers continue existing policies or make good on recent promises, rising temperatures will exceed the limit global leaders committed to in the Paris Agreement, the International Energy Agency said.',
+                  'url': {
+                    'url': 'https://www.wsj.com/articles/governments-climate-pledges-not-enough-to-meet-paris-agreement-targets-iea-says-11634097601'
+                  },
+                  'urlHash': '',
+                  'image': {
+                    imageUrl: undefined,
+                    paddedImageUrl: {
+                      'url': 'https://pcdn.brave.com/brave-today/cache/1261719cac8a7c5d7d5ab0d2cc3b5b6a43cf177b3fd0a103f366f59b397efd9d.jpg.pad'
+                    }
+                  },
+                  'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
+                  'publisherName': 'WSJ',
+                  'score': 325.5895923286794,
+                  'relativeTimeDescription': '7 hours ago'
+                }
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}
+
+export const mockBraveNewsController: Partial<BraveNewsControllerRemote> = {
+  async getLocale () {
+    return { locale: 'en-US' }
+  },
+
+  async getFeed () {
+    return { feed }
+  },
+
+  async getPublishers () {
+    return { publishers }
+  },
+
+  async getChannels () {
+    const channelNames = Object.values(publishers).reduce((prev, next) => {
+      for (const channel of next.channels) prev.add(channel)
+      prev.add(next.categoryName)
+      return prev
+    }, new Set<string>())
+
+    return {
+      channels: Array.from(channelNames).map(c => ({ channel: c, isSubscribed: false }))
+    }
+  },
+
+  async setChannelSubscribed (channelId, subscribed) {
+    return { updated: { ...(await mockBraveNewsController.getChannels!())[channelId], subscribed } }
+  },
+
+  async findFeeds () {
+    return { results: [] }
+  },
+
+  async subscribeToNewDirectFeed () {
+    return { isValidFeed: false, isDuplicate: false, publishers: await mockBraveNewsController.getChannels!() }
+  },
+
+  async setPublisherPref (publisherId, newStatus) {
+    publishers[publisherId].userEnabledStatus = newStatus
+    return {
+      newStatus
+    }
+  }
+}
+
+// @ts-expect-error
+window.storybookBraveNewsController = mockBraveNewsController
diff --git a/components/brave_new_tab_ui/stories/default/data/todayStorybookState.ts b/components/brave_new_tab_ui/stories/default/data/todayStorybookState.ts
index 647804399d30..58893bebeb74 100644
--- a/components/brave_new_tab_ui/stories/default/data/todayStorybookState.ts
+++ b/components/brave_new_tab_ui/stories/default/data/todayStorybookState.ts
@@ -1,31 +1,6 @@
 import { boolean } from '@storybook/addon-knobs'
-import * as BraveNews from '../../../api/brave_news'
 import { BraveTodayState } from '../../../reducers/today'
-
-// Generate feed page from real data in devtools:
-// let pids = [
-//   "5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
-//   "4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
-//   "a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
-//   "b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
-//   "c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
-//   "d4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
-//   "eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
-//   "fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5",
-//   "gd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5"
-// ]
-//
-// copy(newState.feed.pages[0].items.map( i => ({ ...i, items: i.items.map(ii => {
-//   let data = ii.article?.data || ii.promotedArticle?.data || ii.deal?.data
-//   if (ii.article) { data = ii.article.data }
-//   if (ii.promotedArticle) { data = ii.promotedArticle.data }
-//   data.publishTime.internalValue = data.publishTime.internalValue.toString()
-//   data.publisherId = pids[Math.floor(Math.random() * (pids.length - 1))]
-//   if (!ii.article) ii.article = "undefined"
-//   if (!ii.promotedArticle) ii.promotedArticle = "undefined"
-//   if (!ii.deal) ii.deal = "undefined"
-//   return ii
-// })})))
+import { feed, publishers } from './mockBraveNewsController'
 
 export default function getTodayState (): BraveTodayState {
   const hasDataError = boolean('Today data fetch error?', false)
@@ -36,1925 +11,7 @@ export default function getTodayState (): BraveTodayState {
     currentPageIndex: 10,
     cardsViewed: 0,
     cardsVisited: 0,
-    publishers: hasDataError ? undefined : {
-      'direct:https://example.com/feed': {
-        publisherId: 'direct:https://example.com/feed1',
-        publisherName: 'My Custom Feed 1',
-        categoryName: 'User feeds',
-        channels: ['User feeds'],
-        feedSource: { url: 'http://www.example.com/feed' },
-        siteUrl: { url: 'https://www.example.com' },
-        locales: ['en_US'],
-        type: BraveNews.PublisherType.DIRECT_SOURCE,
-        isEnabled: true,
-        userEnabledStatus: BraveNews.UserEnabled.ENABLED
-      },
-      'direct:https://example2.com/feed': {
-        publisherId: 'direct:https://example.com/feed2',
-        publisherName: 'My Custom Feed 2',
-        categoryName: 'User feeds',
-        channels: ['User feeds'],
-        feedSource: { url: 'http://www.example.com/feed' },
-        siteUrl: { url: 'https://www.example.com' },
-        locales: ['en_US'],
-        type: BraveNews.PublisherType.DIRECT_SOURCE,
-        isEnabled: true,
-        userEnabledStatus: BraveNews.UserEnabled.ENABLED
-      },
-      '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
-        publisherId: '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-        publisherName: 'Test Publisher 1',
-        categoryName: 'Tech',
-        channels: ['Tech'],
-        feedSource: { url: 'http://www.example.com/feed' },
-        siteUrl: { url: 'https://www.example.com' },
-        locales: ['en_US'],
-        type: BraveNews.PublisherType.COMBINED_SOURCE,
-        isEnabled: false,
-        userEnabledStatus: BraveNews.UserEnabled.ENABLED
-      },
-      '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
-        publisherId: '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-        publisherName: 'Test Publisher 2',
-        categoryName: 'Top News',
-        channels: ['Top News'],
-        feedSource: { url: 'http://www.example.com/feed' },
-        siteUrl: { url: 'https://www.example.com' },
-        locales: ['en_US'],
-        type: BraveNews.PublisherType.COMBINED_SOURCE,
-        isEnabled: false,
-        userEnabledStatus: BraveNews.UserEnabled.NOT_MODIFIED
-      },
-      'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
-        publisherId: '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-        publisherName: 'Test Publisher 3',
-        categoryName: 'Tech 2',
-        channels: ['Tech 2'],
-        feedSource: { url: 'http://www.example.com/feed' },
-        siteUrl: { url: 'https://www.example.com' },
-        locales: ['en_US'],
-        type: BraveNews.PublisherType.COMBINED_SOURCE,
-        isEnabled: false,
-        userEnabledStatus: BraveNews.UserEnabled.ENABLED
-      },
-      'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
-        publisherId: '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-        publisherName: 'Test Publisher 4',
-        categoryName: 'Top News 1',
-        channels: ['Top News 1'],
-        feedSource: { url: 'http://www.example.com/feed' },
-        siteUrl: { url: 'https://www.example.com' },
-        locales: ['en_US'],
-        type: BraveNews.PublisherType.COMBINED_SOURCE,
-        isEnabled: false,
-        userEnabledStatus: BraveNews.UserEnabled.NOT_MODIFIED
-      },
-      'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
-        publisherId: '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-        publisherName: 'Test Publisher 5 has A very very very very very very very very very very very very very very very very very very very very long publisher name',
-        categoryName: 'Tech 2',
-        channels: ['Tech 2'],
-        feedSource: { url: 'http://www.example.com/feed' },
-        siteUrl: { url: 'https://www.example.com' },
-        locales: ['en_US'],
-        type: BraveNews.PublisherType.COMBINED_SOURCE,
-        isEnabled: false,
-        userEnabledStatus: BraveNews.UserEnabled.ENABLED
-      },
-      'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
-        publisherId: '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-        publisherName: 'Test Publisher 6',
-        categoryName: 'Top News 2',
-        channels: ['Top News 2'],
-        feedSource: { url: 'http://www.example.com/feed' },
-        siteUrl: { url: 'https://www.example.com' },
-        locales: ['en_US'],
-        type: BraveNews.PublisherType.COMBINED_SOURCE,
-        isEnabled: false,
-        userEnabledStatus: BraveNews.UserEnabled.NOT_MODIFIED
-      },
-      'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
-        publisherId: '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-        publisherName: 'Test Publisher 7',
-        categoryName: 'Top News 3',
-        channels: ['Top News 3'],
-        feedSource: { url: 'http://www.example.com/feed' },
-        siteUrl: { url: 'https://www.example.com' },
-        locales: ['en_US'],
-        type: BraveNews.PublisherType.COMBINED_SOURCE,
-        isEnabled: false,
-        userEnabledStatus: BraveNews.UserEnabled.NOT_MODIFIED
-      },
-      'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
-        publisherId: '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-        publisherName: 'Test Publisher 8',
-        categoryName: 'Tech 3',
-        channels: ['Tech 3'],
-        feedSource: { url: 'http://www.example.com/feed' },
-        siteUrl: { url: 'https://www.example.com' },
-        locales: ['en_US'],
-        type: BraveNews.PublisherType.COMBINED_SOURCE,
-        isEnabled: false,
-        userEnabledStatus: BraveNews.UserEnabled.ENABLED
-      },
-      'gd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5': {
-        publisherId: '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-        publisherName: 'Test Publisher 9',
-        categoryName: 'Top News 4',
-        channels: ['Top News 4'],
-        feedSource: { url: 'http://www.example.com/feed' },
-        siteUrl: { url: 'https://www.example.com' },
-        locales: ['en_US'],
-        type: BraveNews.PublisherType.COMBINED_SOURCE,
-        isEnabled: false,
-        userEnabledStatus: BraveNews.UserEnabled.NOT_MODIFIED
-      }
-    },
-    feed: hasDataError ? undefined : {
-      hash: '123abc',
-      featuredItem: {
-        promotedArticle: undefined,
-        deal: undefined,
-        article: {
-          data: {
-            categoryName: 'Top News',
-            description: 'Here\'s everything you need to know about the Haunted Hallows event, including how to unlock the Batmobile.',
-            image: { imageUrl: { url: 'https://placekitten.com/1360/912' }, paddedImageUrl: undefined },
-            publishTime: { internalValue: BigInt('13278618001000000') },
-            publisherId: 'd75d65f0f747650ef1ea11adb0029f9d577c629a080b5f60ec80d125b2bf205b',
-            publisherName: 'Newsweek',
-            relativeTimeDescription: '1 hour ago',
-            urlHash: '',
-            score: 14.200669212327124,
-            title: '\'Rocket League\' Haunted Hallows 2021: Details Revealed and How to Unlock Batmobile Cars',
-            url: { url: 'https://www.newsweek.com/rocket-league-haunted-hallows-halloween-2021-batmobile-price-date-1638020' }
-          }
-        }
-      },
-      pages: [
-        {
-          items: [
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Sports',
-                      'publishTime': {
-                        internalValue: BigInt('13278621116000000')
-                      },
-                      'title': 'The agony of the feet: Why turf toe is such a dreaded injury in the NFL',
-                      'description': 'A misunderstood and often dismissed condition, a big toe hyperextension can cause crippling pain with every step, creating mental anguish and fatigue that take a huge toll on an athlete. After decades of occurrences, it\'s finally being taken seriously.',
-                      'url': {
-                        'url': 'https://www.espn.com/nfl/story/_/id/32379942/why-turf-toe-such-dreaded-injury-nfl'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/944ee78cb12ebda3d46c51a4fb91db1a961d3dee13b8eb1034798ae5ca2150dc.jpg.pad'
-                        }
-                      },
-                      'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'ESPN',
-                      'score': 10.00343277763486,
-                      'relativeTimeDescription': '31 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Sports',
-                      'publishTime': {
-                        internalValue: BigInt('13278620426000000')
-                      },
-                      'title': 'Spain didn\'t win Nations League but Oyarzabal  is a star',
-                      'description': 'Spain\'s latest super-group of teenagers has caught the imagination this week, but 24-year-old Real Sociedad winger Mikel Oyarzabal might be the one to lead them.',
-                      'url': {
-                        'url': 'https://www.espn.com/soccer/spain-esp/story/4495432/spain-didnt-win-nations-league-but-they-have-a-gem-in-mikel-oyarzabal'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/9bd848550d4f968a1f93c46a1c4f142cb293ad8220092d8d3017b32d38b08c67.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'ESPN - Football',
-                      'score': 10.649119373004728,
-                      'relativeTimeDescription': '43 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 1,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Technology',
-                      'publishTime': {
-                        internalValue: BigInt('13278621733000000')
-                      },
-                      'title': 'Twitter is launching a Spaces accelerator program to pay live audio creators',
-                      'description': '\n\nIllustration by Alex Castro / The Verge\n\nTwitter announced on Tuesday that it plans to support Twitter Spaces creators through a new three-month accelerator program called the Twitter Spaces Spark Program. Twitter’s plans follow a similar creator three-month program that Clubhouse launched in March 2021.\nThe Spark Program is designed to “discover and reward” around 150 Spaces creators with technical, financial, and marketing support, Twitter says. For anyone who applies and gets in, that inclu',
-                      'url': {
-                        'url': 'https://www.theverge.com/2021/10/13/22724450/twitter-spaces-accelerator-spark-clubhouse-creators'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/023e9e849e2a2af24c5271faa0ba5b25b15f4c90481a3583e948829ef40e881a.jpg.pad'
-                        }
-                      },
-                      'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'The Verge',
-                      'score': 14.170018256553691,
-                      'relativeTimeDescription': '21 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Science',
-                      'publishTime': {
-                        internalValue: BigInt('13278621699000000')
-                      },
-                      'title': 'Widespread masking nudges people to follow the crowd',
-                      'description': 'When wearing a mask to defend against the spread of COVID-19 becomes a trend, more people mask up themselves, a new study shows.',
-                      'url': {
-                        'url': 'https://www.futurity.org/covid-19-mask-viruses-2641802-2/?utm_source=rss&utm_medium=rss&utm_campaign=covid-19-mask-viruses-2641802-2'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/b735cb231cc73ce065177509ecda0ef35203e55bee5bfa798401a7bc67893182.jpg.pad'
-                        }
-                      },
-                      'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Futurity',
-                      'score': 14.226233174417557,
-                      'relativeTimeDescription': '22 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 6,
-              'items': [
-                {
-                  article: undefined,
-                  deal: undefined,
-                  promotedArticle: {
-                    'data': {
-                      'categoryName': 'Brave Partners',
-                      'publishTime': {
-                        internalValue: BigInt('13278621628000000')
-                      },
-                      'title': 'Audiovox (VOXX) Q2 2022 Earnings Call Transcript',
-                      'description': 'VOXX earnings call for the period ending September 30, 2021.',
-                      'url': {
-                        'url': 'https://www.fool.com/earnings/call-transcripts/2021/10/13/audiovox-voxx-q2-2022-earnings-call-transcript/?source=thebrave&utm_source=foo&utm_medium=feed&utm_campaign=article'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/5b3d8da219eee17bce800689085994a6a851545aa99b35c374874f42a93c672b.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'The Motley Fool',
-                      'score': 14.338672770645763,
-                      'relativeTimeDescription': '23 minutes ago'
-                    },
-                    'creativeInstanceId': 'd2d506aa-5531-4069-8f85-7d9052f1b640'
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 2,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Top News',
-                      'publishTime': {
-                        internalValue: BigInt('13278621613000000')
-                      },
-                      'title': 'Brexit: Most NI checks on British goods to be scrapped',
-                      'description': 'The proposals are a \"genuine response\" to address Brexit trade issues, says the European Commission.',
-                      'url': {
-                        'url': 'https://www.bbc.co.uk/news/uk-northern-ireland-58871221?at_medium=RSS&at_campaign=KARANGA'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/1d465c5238d91f25be576c554f691bd651be6d1346382888a9636c52258f2d67.jpg.pad'
-                        }
-                      },
-                      'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'BBC',
-                      'score': 14.361647694838718,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Top News',
-                      'publishTime': {
-                        internalValue: BigInt('13278621600000000')
-                      },
-                      'title': 'What needs to be done to fix the tax system?',
-                      'description': 'Death duties, hiking the GST and more taxes on housing are on the wish lists of the nation’s top economists.',
-                      'url': {
-                        'url': 'https://www.smh.com.au/politics/federal/what-needs-to-be-done-to-fix-the-tax-system-20211004-p58x26.html?ref=rss&utm_medium=rss&utm_source=rss_feed'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/40a3ae95c9d10d6988236d4e17e0533f2528259d67ae3ed4b44f8243b65f764e.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Sydney Morning Herald',
-                      'score': 14.381381289249747,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Top News',
-                      'publishTime': {
-                        internalValue: BigInt('13278621533000000')
-                      },
-                      'title': 'Woman Parades Through Airport Completely Naked, Makes Small Talk With Travelers',
-                      'description': '\'The woman asked travelers how they were doing and where they are from\'',
-                      'url': {
-                        'url': 'https://dailycaller.com/2021/10/13/denver-airport-naked-woman/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/e9f94baedccb0fe6aa4679dba6762ded76b6d4a412149c55b29d5090fff182c5.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Daily Caller',
-                      'score': 14.479957341206271,
-                      'relativeTimeDescription': '24 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Business',
-                      'publishTime': {
-                        internalValue: BigInt('13278621684000000')
-                      },
-                      'title': 'William Shatner emotionally describes spaceflight to Jeff Bezos: \'The most profound experience\'',
-                      'description': 'William Shatner, after returning to Earth, recounted his experience in an emotional talk with Blue Origin founder Jeff Bezos.',
-                      'url': {
-                        'url': 'https://www.cnbc.com/2021/10/13/william-shatner-speech-to-jeff-bezos-after-blue-origin-launch.html'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/c02a9c39546df2890a411e6afdac5f8a10ceded30947c4688fcfde43010c1d84.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'CNBC',
-                      'score': 14.250519019150758,
-                      'relativeTimeDescription': '22 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Cars',
-                      'publishTime': {
-                        internalValue: BigInt('13278621683000000')
-                      },
-                      'title': 'Lucid Air’s DreamDrive ADAS Suite Has LiDAR, 14 Cameras, And 32 Sensors For Future Proofing',
-                      'description': 'Lucid says that their overengineered tech suite will eventually be updated to include a \"hands-off, eyes-off\" driver assistance system.',
-                      'url': {
-                        'url': 'https://www.carscoops.com/2021/10/lucid-airs-dreamdrive-adas-suite-has-lidar-14-cameras-and-32-sensors-for-future-proofing/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/31b73f47c42c5323b6db05ff9907eee4b5217ca9a097e4aa810272609aebb06b.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Carscoops',
-                      'score': 14.252130607208834,
-                      'relativeTimeDescription': '22 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 1,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Home',
-                      'publishTime': {
-                        internalValue: BigInt('13278621634000000')
-                      },
-                      'title': 'DMTV Milkshake: Cultivating Elegance at Home With Melissa Lee',
-                      'description': 'Melissa Lee, a self-titled aesthete, shares the invisible element that can change a space drastically when it comes to interior design.',
-                      'url': {
-                        'url': 'https://design-milk.com/dmtv-milkshake-cultivating-elegance-at-home-with-melissa-lee/?utm_source=feedburner&utm_campaign=Feed%3A+design-milk+%28Design+Milk%29'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/d00bc1449477f06cf7640231fd898be6c4e6fbd9f6eda99f1b845bb739419376.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Design Milk',
-                      'score': 14.329404416919667,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Entertainment',
-                      'publishTime': {
-                        internalValue: BigInt('13278621632000000')
-                      },
-                      'title': '‘You’ Renewed For Season 4 By Netflix',
-                      'description': 'Ahead of the Season 3 premiere on Friday, Netflix has handed an early fourth season renewal to its hit drama series You. Casting news for the new season will be announced at a later date. Starring Penn Badgley and Victoria Pedretti, You is developed by Sera Gamble and Greg Berlanti, and Gamble also serves as […]',
-                      'url': {
-                        'url': 'https://deadline.com/2021/10/you-renewed-season-4-netflix-1234855244/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/3b6d9b50f065b320acd02393d96199d9f45028b14399c2b971a85590da89ae33.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Deadline',
-                      'score': 14.332498680036917,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 1,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Entertainment',
-                      'publishTime': {
-                        internalValue: BigInt('13278621625000000')
-                      },
-                      'title': 'AFI Fest Full Lineup: 2021 Festival Adds Pedro Almodovar’s ‘Parallel Mothers’ and More',
-                      'description': 'As previously announced, the awards-facing festival will open with the premiere of Lin-Manuel Miranda\'s \"Tick Tick Boom.\"',
-                      'url': {
-                        'url': 'https://www.indiewire.com/2021/10/afi-fest-full-lineup-2021-festival-1234671528/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/d42fe1b86e568d6dca5dc3623a2bb982f3fb337ff79ae338a3544b3cc4cab1b9.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'IndieWire',
-                      'score': 14.343289731415563,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Entertainment',
-                      'publishTime': {
-                        internalValue: BigInt('13278621617000000')
-                      },
-                      'title': 'YOU Renewed for Season 4 at Netflix — Watch Announcement Video',
-                      'description': 'Netflix’s Joe Goldberg obsession continues with a Season 4 renewal of YOU, TVLine has learned. This news comes just two days before the Penn Badgley thriller is set to premiere its third season on Friday, Oct. 15. Based on Caroline Kepnes’ series of novels, YOU is developed by executive producers Greg Berlanti and Sera Gamble, […]',
-                      'url': {
-                        'url': 'https://tvline.com/2021/10/13/you-renewed-season-4-teaser-video-netflix/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/cbf6594866c44ef06f3cd74ba057559fac2e8dc659e33fa406d11a3583f4b2ed.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'TVLine',
-                      'score': 14.355544195642704,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 5,
-              'items': []
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Science',
-                      'publishTime': {
-                        internalValue: BigInt('13278621608000000')
-                      },
-                      'title': 'First evidence of microtubules\' mechanosensitive behavior',
-                      'description': 'Inside cells, microtubules not only serve as a component of the cytoskeleton (cell skeleton) but also play a role in intracellular transport. In intracellular transport, microtubules act as rails for motor proteins such as kinesin and dynein. Microtubules, the most rigid cytoskeletal component, are constantly subjected to various mechanical stresses such as compression, tension, and bending during cellular activities. It has been hypothesized that microtubules also function as mechanosensors tha',
-                      'url': {
-                        'url': 'https://phys.org/news/2021-10-evidence-microtubules-mechanosensitive-behavior.html'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/66475a510a759c80d3ed6bfac562fa8c4dd802b510326c8d0cae28eaae250444.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Phys.org',
-                      'score': 14.369246557105962,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Sports',
-                      'publishTime': {
-                        internalValue: BigInt('13278621606000000')
-                      },
-                      'title': 'Fantasy Football Week 6 Rankings: Updated Overview for All Positions',
-                      'description': 'We\'ve reached a critical point in the  NFL  season for fantasy managers. Bye weeks are here, and the Atlanta Falcons, New Orleans Saints, New York Jets and San Francisco 49ers have the first off rotation of the year...',
-                      'url': {
-                        'url': 'https://bleacherreport.com/articles/2949345-fantasy-football-week-6-rankings-updated-overview-for-all-positions'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/191782169a17e5df634109ecd2bb76c24cb48faa48f876edb3a5b2694fa497ba.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Bleacher Report',
-                      'score': 14.372285656733615,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 3,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Entertainment',
-                      'publishTime': {
-                        internalValue: BigInt('13278621605000000')
-                      },
-                      'title': 'Alt-Rock Singer SK8 Shares How ‘Girl Next Door’ Represents The Evolution Of His Sound',
-                      'description': 'After first making a splash with hip-hop, SK8 has reconnected with his punk roots on \'Girls Next Door,\' and he shares how this new direction came about, what it\'s like running a label, and what\'s next.',
-                      'url': {
-                        'url': 'https://hollywoodlife.com/2021/10/13/sk8-girl-next-door-interview/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/2904d64d82725230da6b1531aab85f54ff91cc55328e61f35319bcb3e5ba5abf.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Hollywood Life',
-                      'score': 14.373802033258967,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Entertainment',
-                      'publishTime': {
-                        internalValue: BigInt('13278618574000000')
-                      },
-                      'title': 'Laverne Cox, 49, Rocks Plunging Black Swimsuit On Vacation: ‘Trans Is Beautiful’',
-                      'description': 'Laverne Cox made a trans-positive statement while looking fiery hot in a sexy swimsuit on a luxury vacation.',
-                      'url': {
-                        'url': 'https://hollywoodlife.com/2021/10/13/laverne-cox-plunging-swimsuit-pool-video/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/a071a47e75db68c74fc1eaf6931d9420b2345a0c12b1247cdb05da135c0d5735.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Hollywood Life',
-                      'score': 67.03023810006357,
-                      'relativeTimeDescription': '1 hour ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Entertainment',
-                      'publishTime': {
-                        internalValue: BigInt('13278617426000000')
-                      },
-                      'title': 'Elizabeth Warren Urges Congress To ‘Step Up’ & Protect Roe V. Wade Amidst Texas Abortion Law',
-                      'description': 'The Massachusetts senator also explained that the new law will be most harmful to people who don\'t have easy access to abortion while appearing on \'The View.\'',
-                      'url': {
-                        'url': 'https://hollywoodlife.com/2021/10/13/elizabeth-warren-roe-v-wade-the-view/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/d302f28efc872481f715f40ef457e419b7c35c03f514ca4a624aed099a8ec814.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Hollywood Life',
-                      'score': 137.80582500043627,
-                      'relativeTimeDescription': '2 hours ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 1,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Technology',
-                      'publishTime': {
-                        internalValue: BigInt('13278621600000000')
-                      },
-                      'title': 'Here are the best resin options for your SLA/DLP 3D printer',
-                      'description': 'Resin printing is a little more complex than standard filament printing. Not only do you need a few must-have 3D printing accessories, but you also need to pick the right resin. When faced with multiple colors and multiple types, it\'s also easy to get turned around when choosing the right 3D printing resin. You want it to print quickly but stay strong without becoming brittle. We\'ve used as many as possible to bring you some of the best you can buy, but our favorite is Siraya Tech Fast, which pr',
-                      'url': {
-                        'url': 'https://www.windowscentral.com/best-resin-your-3d-printer?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+wmexperts+%28Windows+Central%29'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/5afe29078068e7413a7f15a16657453217fc8ad630e8291ee1c66d69c2df6f48.jpg.pad'
-                        }
-                      },
-                      'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Windows Central',
-                      'score': 14.381363717462444,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Technology',
-                      'publishTime': {
-                        internalValue: BigInt('13278621600000000')
-                      },
-                      'title': 'These are the best office chairs you can buy at any budget',
-                      'description': 'The adage \"you get what you pay for\" definitely holds for certain categories of products, like shoes, mattresses, and yes, office chairs. The simple fact is, the more you have available to spend (up to a point), the better chair you can buy. The range of options for the best office chairs available is quite diverse and includes styles and features for just about any taste and preference. Our top pick is the AmazonBasics High-Back Leather Executive Chair. It\'s got the looks to fit in a corporate ',
-                      'url': {
-                        'url': 'https://www.androidcentral.com/best-office-chairs'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/b406b13e1fe493f9ab11140f5c33809a19125da6d5a3f1125810d299a9539da2.jpg.pad'
-                        }
-                      },
-                      'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Android Central',
-                      'score': 14.381366799582283,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Technology',
-                      'publishTime': {
-                        internalValue: BigInt('13278621600000000')
-                      },
-                      'title': 'Stop Using Playlists to Look Cool and Start Using Them to Share Your Feelings',
-                      'description': 'Do you struggle to express yourself with words? Consider turning to the one universal language we all share: emo playlists. I believe we, as a society, waste time trying to show off “aesthetic” music tastes. Instead, we should spend more time creating emotionally-charged, hyper-specific playlists. What’s more, we need…Read more...',
-                      'url': {
-                        'url': 'https://lifehacker.com/stop-using-playlists-to-look-cool-and-start-using-them-1847855875'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/87267b91579ebbf8ead3f305759376022fd50d3273209e851727cdf24b142304.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Lifehacker',
-                      'score': 14.38136972344708,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 4,
-              'items': [
-                {
-                  article: undefined,
-                  promotedArticle: undefined,
-                  deal: {
-                    'data': {
-                      'categoryName': 'Brave',
-                      'publishTime': {
-                        internalValue: BigInt('13258305902000000')
-                      },
-                      'title': 'Audible Plus',
-                      'description': 'Listen anytime, anywhere to an unmatched selection of audiobooks, premium podcasts, and more',
-                      'url': {
-                        'url': 'https://www.amazon.com/hz/audible/mlp/mdp/discovery?ref_=assoc_tag_ph_1524216631897&_encoding=UTF8&camp=1789&creative=9325&linkCode=pf4&tag=bravesoftware-20&linkId=c6d187d14da9ca69e1a1a950348e100e'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/a29e3a601efa77ba5f2f35e58b40037b527f4e577112ea9967ced44741dcce32.jpg.pad'
-                        }
-                      },
-                      'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Brave Offers',
-                      'score': 33.65394030598059,
-                      'relativeTimeDescription': '235 days ago'
-                    },
-                    'offersCategory': 'Discounts'
-                  }
-                },
-                {
-                  article: undefined,
-                  promotedArticle: undefined,
-                  deal: {
-                    'data': {
-                      'categoryName': 'Brave',
-                      'publishTime': {
-                        internalValue: BigInt('13258305902000000')
-                      },
-                      'title': 'Amazon Prime Music',
-                      'description': 'Listen to your favourite songs online from Brave.',
-                      'url': {
-                        'url': 'https://www.amazon.com/music/prime'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/04256e526b5cc73ddf7679ed907ac0f89e01d7d6af3a9d1c9faba288468c03ff.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Brave Offers',
-                      'score': 67.3078806123441,
-                      'relativeTimeDescription': '235 days ago'
-                    },
-                    'offersCategory': 'Discounts'
-                  }
-                },
-                {
-                  article: undefined,
-                  promotedArticle: undefined,
-                  deal: {
-                    'data': {
-                      'categoryName': 'Brave',
-                      'publishTime': {
-                        internalValue: BigInt('13258305902000000')
-                      },
-                      'title': 'Amazon Prime',
-                      'description': 'Enjoy exclusive Amazon Originals as well as popular movies and TV shows.',
-                      'url': {
-                        'url': 'https://www.amazon.com/amazonprime/146-1781179-3199520?_encoding=UTF8&camp=1789&creative=9325&linkCode=pf4&linkId=a402d5b2ca72ea0a267707ef10878979&primeCampaignId=prime_assoc_ft&ref_=assoc_tag_ph_1427739975520&tag=bravesoftware-20'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/c12d5200d342e72919e8420ccea6581ee4bf8e7ab510dd58bbc24d49ef22c36f.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Brave Offers',
-                      'score': 134.6157612254411,
-                      'relativeTimeDescription': '235 days ago'
-                    },
-                    'offersCategory': 'Discounts'
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Top News',
-                      'publishTime': {
-                        internalValue: BigInt('13278609481000000')
-                      },
-                      'title': '\'Havana Syndrome\' mystery expands with new cases at U.S. Embassy in Colombia',
-                      'description': 'U.S. Embassy personnel in Bogota, Colombia, have reported symptoms aligned with the mysterious “Havana Syndrome” that continues to plague U.S. spies and diplomats around the globe. U.S. officials said Tuesday that two cases were initially reported by embassy personnel in the capital city, but said several others may have been ...',
-                      'url': {
-                        'url': 'https://www.washingtontimes.com/news/2021/oct/13/havana-syndrome-mystery-expands-new-cases-us-embas/?utm_source=RSS_Feed&utm_medium=RSS'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/4caf1b03489028604884ce33a6ac6f427f117de3670f4fefb047d92dccd3706c.jpg.pad'
-                        }
-                      },
-                      'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'The Washington Times',
-                      'score': 304.21157985954886,
-                      'relativeTimeDescription': '4 hours ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 1,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Health',
-                      'publishTime': {
-                        internalValue: BigInt('13278602700000000')
-                      },
-                      'title': 'Tom Hardy Says He Was \'Really Overweight\' as Bane in \'Dark Knight Rises\'',
-                      'description': '\"I was just bald, slightly porky, and with pencil arms.\"',
-                      'url': {
-                        'url': 'https://www.menshealth.com/weight-loss/a37947676/tom-hardy-overweight-bane-transformation-dark-knight-rises/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/2e81e99a21735bb5f0d3b7c8ac030a368b6e35711809a3475ba2bc6bdf7e300a.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Men\'s Health',
-                      'score': 81223.05671641101,
-                      'relativeTimeDescription': '6 hours ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Entertainment',
-                      'publishTime': {
-                        internalValue: BigInt('13278618011000000')
-                      },
-                      'title': 'Jodi! Tina! \'The Challenge: All Stars\' Brings in Heavy Hitters for Season 2',
-                      'description': 'Welcome back! After the massive success of The Challenge: All Stars earlier this year, Paramount+’s reality show is back with another season and even more vets. TJ Lavin will return to host season 2, Parmount+ announced on Wednesday, October 13, with 24 cast members — some of whom haven’t competed in nearly 20 years. “With […]',
-                      'url': {
-                        'url': 'https://www.usmagazine.com/entertainment/pictures/the-challenge-all-stars-season-2-cast-includes-tina-jodi-and-more/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/c972ec42d40a1d2a5d2b180095407f119cd2c1b17ff41b5305c5b7987b7c0280.jpg.pad'
-                        }
-                      },
-                      'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Us Weekly',
-                      'score': 544.0267160210122,
-                      'relativeTimeDescription': '1 hour ago'
-                    }
-                  }
-                }
-              ]
-            }
-          ]
-        },
-        {
-          items: [
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Sports',
-                      'publishTime': {
-                        internalValue: BigInt('13278621600000000')
-                      },
-                      'title': 'USMNT vs Costa Rica: TV channel, live stream, team news & preview',
-                      'description': 'The Stars and Stripes tasted their first defeat since May when they fell to Panama on Sunday, but can quickly get back to winning ways',
-                      'url': {
-                        'url': 'https://www.goal.com/en/news/usmnt-vs-costa-rica-tv-channel-live-stream-team-news-preview/1ou1gnhu835jx174sq8yqn34os'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/ba5b2874d167e19150f3be8bf99a09717d912699a853321939dfbdef5bb9ff87.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Goal.com',
-                      'score': 14.381372591543293,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Culture',
-                      'publishTime': {
-                        internalValue: BigInt('13278621600000000')
-                      },
-                      'title': 'Tyga Turns Himself in to Police Following Domestic Violence Allegations From Ex-Girlfriend Camaryn Swanson',
-                      'description': 'Rapper Tyga turned himself in early Tuesday to the Los Angeles Police Department following a domestic violence allegation brought forth from his ex-girlfriend Camaryn Swanson.Read more...',
-                      'url': {
-                        'url': 'https://www.theroot.com/tyga-turns-himself-in-to-police-following-domestic-viol-1847854486'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/3816eb674df32251c4b9fbda44a33acfe85764931d36c26d1f5af0cd86a0a960.jpg.pad'
-                        }
-                      },
-                      'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'The Root',
-                      'score': 14.381375498821068,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 1,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Business',
-                      'publishTime': {
-                        internalValue: BigInt('13278621593000000')
-                      },
-                      'title': 'Fastenal Company 2021 Q3 - Results - Earnings Call Presentation',
-                      'description': '',
-                      'url': {
-                        'url': 'https://seekingalpha.com/article/4459715-fastenal-company-2021-q3-results-earnings-call-presentation?source=feed_all_articles'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/07fd83154e9157f70207bd1aa6dd7998ec3aa6a1b730aef93868a9ac950e912e.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Seeking Alpha',
-                      'score': 14.391950109691049,
-                      'relativeTimeDescription': '23 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Sports',
-                      'publishTime': {
-                        internalValue: BigInt('13278621564000000')
-                      },
-                      'title': 'One-handed CB Marshon Lattimore still playing lights-out: Saints takeaways vs. Washington',
-                      'description': 'Marshon Lattimore and WR Deonte Harris were standouts in the Saints\' 33-22 win over Washington, and they weren\'t the only ones.',
-                      'url': {
-                        'url': 'https://theathletic.com/2885011/2021/10/13/one-handed-cb-marshon-lattimore-still-playing-lights-out-saints-takeaways-vs-washington/?source=rss'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/dbb85cea85bf1cb02a2e31827af8f4621a7fe1e3cd465739db8cda2e5c45e5db.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'The Athletic',
-                      'score': 14.434964041654474,
-                      'relativeTimeDescription': '24 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 6,
-              'items': [
-                {
-                  article: undefined,
-                  deal: undefined,
-                  promotedArticle: {
-                    'data': {
-                      'categoryName': 'Brave Partners',
-                      'publishTime': {
-                        internalValue: BigInt('13278528021000000')
-                      },
-                      'title': 'The Beginner’s Guide to Account-Based Marketing (ABM)',
-                      'description': 'This leads to a common paradox—marketing can hit its goals by bringing in a high volume of leads, but sales can’t hit its goals because those same leads are poorly qualified. Account-based marketing (ABM) aims to fix that by tightly…Read more ›',
-                      'url': {
-                        'url': 'https://ahrefs.com/blog/account-based-marketing/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/9d2f7ab67a81520a1e281d9def23ce4f4fbcf46cac8be01707f0cd0fb24e597a.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Ahrefs',
-                      'score': 22.921395422138495,
-                      'relativeTimeDescription': '1 day ago'
-                    },
-                    'creativeInstanceId': '2626e169-a372-42ca-af14-b0df795d2819'
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 2,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Brave',
-                      'publishTime': {
-                        internalValue: BigInt('13276800071000000')
-                      },
-                      'title': 'Brave Launches Brave Talk for Privacy-Preserving Video Conferencing',
-                      'description': 'Today, Brave launched Brave Talk, a new privacy-focused video conferencing feature built directly into the Brave browser.\nThe post Brave Launches Brave Talk for Privacy-Preserving Video Conferencing appeared first on Brave Browser.',
-                      'url': {
-                        'url': 'https://brave.com/brave-talk-launch/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/8bc59275469ab8db7c8245e5269b5bfa84a8e77586de349dd1bce0435c27a6a5.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Brave Blog',
-                      'score': 28.831838413657156,
-                      'relativeTimeDescription': '21 days ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Brave',
-                      'publishTime': {
-                        internalValue: BigInt('13276723068000000')
-                      },
-                      'title': 'Research Paper: Privacy and Security Issues in Web 3.0',
-                      'description': 'We at Brave Research just published a technical report called “Privacy and Security Issues in Web 3.0” on arXiv. This blog post summarizes our findings and puts them in perspective for Brave users.\nThe post Research Paper: Privacy and Security Issues in Web 3.0 appeared first on Brave Browser.',
-                      'url': {
-                        'url': 'https://brave.com/research-paper-privacy-and-security-issues-in-web-3-0/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/260702227df254d2ada663cbdb14442933161f55da5b891d59f82335015a025d.jpg.pad'
-                        }
-                      },
-                      'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Brave Blog',
-                      'score': 57.82917689204489,
-                      'relativeTimeDescription': '22 days ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Brave',
-                      'publishTime': {
-                        internalValue: BigInt('13276712102000000')
-                      },
-                      'title': 'What’s Brave Done For My Privacy Lately? Episode #10: Custom Filter List Subscriptions',
-                      'description': 'This is the tenth in a series of blog posts on new Brave privacy features. This post describes work done by Anton Lazarev, Research Engineer. Authors: Peter Snyder and Anton Lazarev.\nThe post What’s Brave Done For My Privacy Lately? Episode #10: Custom Filter List Subscriptions appeared first on Brave Browser.',
-                      'url': {
-                        'url': 'https://brave.com/privacy-updates-10/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/2d9c785ca6d8dcdcf2d2046796d97a81cb99a002fb91895cca43a6846aeb3a2f.jpg.pad'
-                        }
-                      },
-                      'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Brave Blog',
-                      'score': 115.70439692971131,
-                      'relativeTimeDescription': '22 days ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Entertainment',
-                      'publishTime': {
-                        internalValue: BigInt('13278621540000000')
-                      },
-                      'title': 'We see, acknowledge, and connect with Larry David in the trailer for Curb Your Enthusiasm’s new season',
-                      'description': 'Larry David and his seemingly endless array of irritations are returning for another glorious season of Curb Your Enthusiasm on October 24. But you don’t have to wait until then to see how stupid things like prayers and toasts are. They’re all right here in the brand new trailer. Read more...',
-                      'url': {
-                        'url': 'https://www.avclub.com/we-see-acknowledge-and-connect-with-larry-david-in-th-1847856248'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/d299252e34751a7d534376404149e30c574809d4f2a297dfc8ef4ac97e55fa3d.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'd4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'The A.V. Club',
-                      'score': 14.469881193573206,
-                      'relativeTimeDescription': '24 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Business',
-                      'publishTime': {
-                        internalValue: BigInt('13278621540000000')
-                      },
-                      'title': 'Stocks Up Slightly After Inflation Data, Major Earnings',
-                      'description': 'U.S. share benchmarks ticked up as fresh consumer-price data boosted the view that the bout of elevated inflation might last longer.',
-                      'url': {
-                        'url': 'https://www.wsj.com/articles/global-stock-markets-dow-update-10-13-2021-11634110620?mod=rss_markets_main'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/9a51fc8831ae2c54f2a02293bc472e88abe2f9ded6310dc18506badcf581837a.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'WSJ - Markets',
-                      'score': 14.469883937507502,
-                      'relativeTimeDescription': '24 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 1,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Top News',
-                      'publishTime': {
-                        internalValue: BigInt('13278621508000000')
-                      },
-                      'title': 'Fox News Hosts Shout Down Liberal Panelist for Saying NYC Is No ‘Hellhole’',
-                      'description': 'Fox NewsFox News hosts Lisa “Kennedy” Montgomery and Julie Banderas on Wednesday took turns berating a liberal panelist for having the temerity to claim that dispute their claim that New York City is a “hellhole.”Kennedy and Banderas, in an effort to bolster their case that the city is a terrifying, crime-ridden wasteland, boasted that they “talk to cops” and read the New York Post as evidence for their claims. Besides whipping their viewers into a frenzy over vaccine mandates and critical race ',
-                      'url': {
-                        'url': 'https://www.thedailybeast.com/fox-news-hosts-kennedy-and-julie-banderas-shout-down-liberal-panelist-for-saying-nyc-is-no-hellhole?source=articles&via=rss&utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+thedailybeast%2Farticles+%28The+Daily+Beast+-+Latest+Articles%29'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/3cdc6866dee932665c37ac1ae515c360ff77b47c6a555c3f02a534a79bd49308.jpg.pad'
-                        }
-                      },
-                      'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'The Daily Beast',
-                      'score': 14.515511304097387,
-                      'relativeTimeDescription': '25 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Health',
-                      'publishTime': {
-                        internalValue: BigInt('13278621506000000')
-                      },
-                      'title': 'Hilarie Burton Morgan on the Problem With True Crime, Life on the Farm, and Her ‘One Tree Hill’ Podcast',
-                      'description': 'Plus how she\'s practicing self-care.',
-                      'url': {
-                        'url': 'https://www.self.com/story/hilarie-burton-morgan-interview'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/3d1c2c118390f7d72a6502148c8733a2cbcb3a4eb3795307ab5a6c8b43671f19.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'SELF',
-                      'score': 14.518330759046432,
-                      'relativeTimeDescription': '25 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 1,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Business',
-                      'publishTime': {
-                        internalValue: BigInt('13278621467000000')
-                      },
-                      'title': 'Plug Power jumps 13% after it partners with Airbus to study and develop hydrogen-powered air travel',
-                      'description': 'Airbus is working towards a goal of bringing zero-emission aircraft to market by 2035, and it thinks hydrogen could help achieve that objective.',
-                      'url': {
-                        'url': 'https://markets.businessinsider.com/news/stocks/plug-power-stock-price-airbus-partnership-hydrogen-airport-study-phillips-2021-10'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/932bcb6a3ce07dc885c0ce7b881c3dfeb9fb643e6d5ce968decf14d1983dbbdd.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Business Insider',
-                      'score': 14.572489911501611,
-                      'relativeTimeDescription': '25 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Top News',
-                      'publishTime': {
-                        internalValue: BigInt('13278621435000000')
-                      },
-                      'title': '60K Film and TV Workers May Strike Within Days as Industry Still Recovers From Pandemic',
-                      'description': '\"Without an end date, we could keep talking forever,\" said President of the International Alliance of Theatrical Stage Employees Matthew Loeb.',
-                      'url': {
-                        'url': 'https://www.newsweek.com/60k-film-tv-workers-may-strike-within-days-industry-still-recovers-pandemic-1638658'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/1e4526119064ccbd65d5fc372fe878ff60b64c1ba9047f3cb664b2afdeddf73f.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Newsweek',
-                      'score': 14.615857594582533,
-                      'relativeTimeDescription': '26 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 5,
-              'items': []
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Technology',
-                      'publishTime': {
-                        internalValue: BigInt('13278621421000000')
-                      },
-                      'title': 'Apple AirPods 3 rumored to debut alongside new MacBook Pros at October 18 Unleashed event',
-                      'description': ' Yesterday Apple confirmed a new “Unleashed” launch event scheduled on October 18. The stars of the show will almost certainly be  Apple’s next-generation ARM-based M-series chipset dubbed M1X and all-new 14” and 16” MacBook Pro laptops. Now Weibo leaker @PandaIsBald is also throwing in the long-rumored AirPods 3 to the mix.\n\n\n\n\nAirPods 3 leaked design (images: 52audio.com)\n\nApple’s regular non-Pro AirPods 2 have been out since March 2019 and are clearly due for an update. The third generation w',
-                      'url': {
-                        'url': 'https://www.gsmarena.com/apple_airpods_3_rumored_to_debut_alongside_new_macbook_pros_at_october_18_unleashed_event-news-51408.php'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/3352539771a4ac7482f4486de7900c458f052e11b605609fafcf206bb4634075.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'GSMArena',
-                      'score': 14.634541104175572,
-                      'relativeTimeDescription': '26 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Business',
-                      'publishTime': {
-                        internalValue: BigInt('13278621420000000')
-                      },
-                      'title': ': Starbucks and Netflix partner for series tied to Netflix’s book club',
-                      'description': 'Starbucks and Netflix have partnered for a series that will discuss how the streaming service\'s book club choices are transformed into movies and shows\n   \n',
-                      'url': {
-                        'url': 'https://www.marketwatch.com/story/starbucks-and-netflix-partner-for-series-tied-to-netflixs-book-club-11634130338?rss=1&siteid=rss'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/98683b85d91545ed868557351adee4d1b6fa45337082c356c36cedcc9a1c0085.jpg.pad'
-                        }
-                      },
-                      'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'MarketWatch',
-                      'score': 14.635871140907735,
-                      'relativeTimeDescription': '26 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 3,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Culture',
-                      'publishTime': {
-                        internalValue: BigInt('13278621400000000')
-                      },
-                      'title': 'Cheat Maker Is Not Afraid of Call of Duty’s New Kernel-Level Anti-Cheat',
-                      'description': 'Activision announced the launch of a kernel-level anti-cheat system called RICOCHET to fight cheaters.',
-                      'url': {
-                        'url': 'https://www.vice.com/en/article/z3xjqa/cheat-maker-is-so-far-not-afraid-of-call-of-dutys-new-kernel-level-anti-cheat'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/f2dbdd22cf97479e7c2bccae2d3becc8346edd6b603ca2350ee02c35546de347.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'VICE',
-                      'score': 14.662245395018518,
-                      'relativeTimeDescription': '27 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Culture',
-                      'publishTime': {
-                        internalValue: BigInt('13278620323000000')
-                      },
-                      'title': 'Airlines Are Already Defying the Texas Ban on Vaccine Mandates',
-                      'description': 'Gov. Greg Abbott made companies choose between state law and federal regulations, and Southwest and American Airlines made that choice pretty fast.',
-                      'url': {
-                        'url': 'https://www.vice.com/en/article/g5gzw7/airlines-are-defying-texas-ban-on-vaccine-mandates'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/39c1559de30f9abf91d6035ad655be5e8ba09f64ab4a73201010cb8921248068.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'VICE',
-                      'score': 31.45969721478307,
-                      'relativeTimeDescription': '45 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Culture',
-                      'publishTime': {
-                        internalValue: BigInt('13278620305000000')
-                      },
-                      'title': 'The Best Dog DNA Tests That Actually Work, According to the Dog-Obsessed',
-                      'description': 'Help your pup assume their rightful throne as king of the dog park with the best dog DNA tests, according to convinced and happy pet owners.',
-                      'url': {
-                        'url': 'https://www.vice.com/en/article/dyvad7/best-dog-dna-tests'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/c6147aad0103a239ba49c79fa7696593bbf82558ba08a5362462fbbeea0a195c.jpg.pad'
-                        }
-                      },
-                      'publisherId': '5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'VICE',
-                      'score': 62.9745088197745,
-                      'relativeTimeDescription': '45 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 1,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Sports',
-                      'publishTime': {
-                        internalValue: BigInt('13278621373000000')
-                      },
-                      'title': 'Poor IPL run not a concern, Nicholas Pooran wants to just \'refocus and go again\'',
-                      'description': '\"We won two World Cups without getting singles\" - West Indies vice-captain says power-hitting will still be big on the team\'s agenda',
-                      'url': {
-                        'url': 'https://www.espncricinfo.com/story/t20-world-cup-west-indies-vice-captain-nicholas-pooran-wants-to-just-refocus-and-go-again-after-poor-ipl-2021-1282815?ex_cid=OTC-RSS'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/01dde228cf27287b3ef5d3c9b5293c7b8cdaa59e269aa856f080c535016b7e01.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'ESPN - Cricket',
-                      'score': 14.697300142885872,
-                      'relativeTimeDescription': '27 minutes ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Top News',
-                      'publishTime': {
-                        internalValue: BigInt('13278621361000000')
-                      },
-                      'title': 'Navy engineer smuggled secrets \'a few at a time\' and wanted to meet \'foreign spies\' for drinks',
-                      'description': 'Written communications between Jonathan Toebbe and an undercover FBI agent posing as a foreign spy show that he collected secret data over the years. Toebbe also planned to be extracted from the US.',
-                      'url': {
-                        'url': 'https://www.dailymail.co.uk/news/article-10087987/Navy-engineer-smuggled-secrets-time-wanted-meet-foreign-spies-drinks.html?ns_mchannel=rss&ns_campaign=1490&ito=1490'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/876f15ba1c5582a0bef82b3cd6b2d567d04d9394ef208dc3e3749a3d3da46df2.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'c5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Daily Mail',
-                      'score': 14.712686451514855,
-                      'relativeTimeDescription': '27 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Technology',
-                      'publishTime': {
-                        internalValue: BigInt('13278621350000000')
-                      },
-                      'title': 'How Quickbase is using low-code to streamline Daifuku’s supply chain',
-                      'description': 'At VentureBeat\'s Low-Code/No-Code Summit, Quickbase explained how its platform helps connect and automate systems, processes, and workloads.',
-                      'url': {
-                        'url': 'https://venturebeat.com/2021/10/13/how-quickbase-is-using-low-code-to-streamline-daifukus-supply-chain/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/e1bab8826e0dc937e0c1ee4f79a3e63d3fbc8caf11773259dbea1cb3202b9a1a.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'a5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'VentureBeat',
-                      'score': 14.726687401901625,
-                      'relativeTimeDescription': '27 minutes ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 4,
-              'items': [
-                {
-                  article: undefined,
-                  promotedArticle: undefined,
-                  deal: {
-                    'data': {
-                      'categoryName': 'Brave',
-                      'publishTime': {
-                        internalValue: BigInt('13256920996000000')
-                      },
-                      'title': 'Sony 55 Inch TV',
-                      'description': 'BRAVIA OLED 4K Ultra HD Smart TV with HDR and Alexa Compatibility',
-                      'url': {
-                        'url': 'https://www.amazon.com/dp/B084KQFNBX?tag=bravesoftware-20&linkCode=osi&th=1&psc=1&language=en_US&currency=USD'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/6b0de702b8c1596cb713c89f3b79b568959cfebf4af6611e63c54d39a43e0233.jpg.pad'
-                        }
-                      },
-                      'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Brave Offers',
-                      'score': 270.2865946654164,
-                      'relativeTimeDescription': '251 days ago'
-                    },
-                    'offersCategory': 'Electronics'
-                  }
-                },
-                {
-                  article: undefined,
-                  promotedArticle: undefined,
-                  deal: {
-                    'data': {
-                      'categoryName': 'Brave',
-                      'publishTime': {
-                        internalValue: BigInt('13256920996000000')
-                      },
-                      'title': 'Samsung Galaxy Tab S7',
-                      'description': 'Go for hours on a single charge, and back to 100% with the fast-charging USB-C port.',
-                      'url': {
-                        'url': 'https://www.amazon.com/dp/B08FBN5STQ?tag=bravesoftware-20&linkCode=osi&th=1&psc=1&language=en_US&currency=USD'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/b8b0e9f54885248f635c620d638c716164972f0b7f72c5ec79357517e2d2a171.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'fc5eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Brave Offers',
-                      'score': 540.5731893340486,
-                      'relativeTimeDescription': '251 days ago'
-                    },
-                    'offersCategory': 'Electronics'
-                  }
-                },
-                {
-                  article: undefined,
-                  promotedArticle: undefined,
-                  deal: {
-                    'data': {
-                      'categoryName': 'Brave',
-                      'publishTime': {
-                        internalValue: BigInt('13256920996000000')
-                      },
-                      'title': 'Samsung Curved LED-Lit Monitor',
-                      'description': 'A stylish design featuring a Black body metallic finish and sleek curves',
-                      'url': {
-                        'url': 'https://www.amazon.com/dp/B079K3MXWF?tag=bravesoftware-20&linkCode=osi&th=1&psc=1&language=en_US&currency=USD'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/e2bc4f0ca84cc9bc7183a92072bf41cbcdd4bd4e31da0a5d6e084a1da2c2c7fd.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'b4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Brave Offers',
-                      'score': 1081.146378673966,
-                      'relativeTimeDescription': '251 days ago'
-                    },
-                    'offersCategory': 'Electronics'
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 0,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Cars',
-                      'publishTime': {
-                        internalValue: BigInt('13278542934000000')
-                      },
-                      'title': 'Rivian’s first retail hub to open in Venice, CA, as ‘a space to gather’',
-                      'description': '\nFresh off the heels of delivering its flagship R1T electric pickup to first customers, Rivian has shared details of its first hub, centered in Venice, California. Rather than existing as solely a retail space, Rivian hopes this first of several hub locations will offer a space for public gatherings and encourages its community to visit and connect. If you happen to order a $70,000 EV while you’re there… well that’s a welcomed option as well.\n more…\nThe post Rivian’s first retail hub to open in ',
-                      'url': {
-                        'url': 'https://electrek.co/2021/10/12/rivians-first-retail-hub-to-open-in-venice-ca-as-a-space-to-gather/'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/c85762ffe3bd48886ed1ce58f868958989ad89b0723f5844a7ffe0fef57fa1c5.jpg.pad'
-                        }
-                      },
-                      'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Electrek',
-                      'score': 23121.416404237974,
-                      'relativeTimeDescription': '22 hours ago'
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              'cardType': 1,
-              'items': [
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Business',
-                      'publishTime': {
-                        internalValue: BigInt('13278518400000000')
-                      },
-                      'title': 'Tech’s Exponential Growth – and How to Solve the Problems It’s Created',
-                      'description': 'Understanding and improving the impact that Big Tech has on society\n\n \n',
-                      'url': {
-                        'url': 'https://hbr.org/podcast/2021/10/techs-exponential-growth-and-how-to-solve-the-problems-its-created?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+harvardbusiness+%28HBR.org%29'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/703dace4d9ab2590c184826c2a7b39ed2249cace04101f891c011c31021a3b9d.jpg.pad'
-                        }
-                      },
-                      'publisherId': '4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'Harvard Business Review',
-                      'score': 5917.313882859709,
-                      'relativeTimeDescription': '1 day ago'
-                    }
-                  }
-                },
-                {
-                  promotedArticle: undefined,
-                  deal: undefined,
-                  article: {
-                    'data': {
-                      'categoryName': 'Top News',
-                      'publishTime': {
-                        internalValue: BigInt('13278596700000000')
-                      },
-                      'title': 'Global Climate Pledges Off Track to Meet Paris Targets, IEA Says',
-                      'description': 'Whether lawmakers continue existing policies or make good on recent promises, rising temperatures will exceed the limit global leaders committed to in the Paris Agreement, the International Energy Agency said.',
-                      'url': {
-                        'url': 'https://www.wsj.com/articles/governments-climate-pledges-not-enough-to-meet-paris-agreement-targets-iea-says-11634097601'
-                      },
-                      'urlHash': '',
-                      'image': {
-                        imageUrl: undefined,
-                        paddedImageUrl: {
-                          'url': 'https://pcdn.brave.com/brave-today/cache/1261719cac8a7c5d7d5ab0d2cc3b5b6a43cf177b3fd0a103f366f59b397efd9d.jpg.pad'
-                        }
-                      },
-                      'publisherId': 'eb4eece347713f329f156cd0204cf9b12629f1dc8f4ea3c1b67984cfbfd66cdca5',
-                      'publisherName': 'WSJ',
-                      'score': 325.5895923286794,
-                      'relativeTimeDescription': '7 hours ago'
-                    }
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
+    publishers: hasDataError ? undefined : publishers,
+    feed: hasDataError ? undefined : feed
   }
 }
diff --git a/components/brave_new_tab_ui/stories/regular.tsx b/components/brave_new_tab_ui/stories/regular.tsx
index 1b132cd9132f..d0921338cb6f 100644
--- a/components/brave_new_tab_ui/stories/regular.tsx
+++ b/components/brave_new_tab_ui/stories/regular.tsx
@@ -2,6 +2,9 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+// Import BraveNewsControllerMock first.
+import './default/data/mockBraveNewsController'
+
 import * as React from 'react'
 import { Dispatch } from 'redux'
 import { Provider as ReduxProvider } from 'react-redux'
diff --git a/components/brave_new_tab_ui/stories/today.tsx b/components/brave_new_tab_ui/stories/today.tsx
index 6d956f5b3891..b16be1ec0a38 100644
--- a/components/brave_new_tab_ui/stories/today.tsx
+++ b/components/brave_new_tab_ui/stories/today.tsx
@@ -52,6 +52,9 @@ export const Publisher = () => (
         categoryName: 'Top News',
         channels: ['Top News', 'Top Sources'],
         feedSource: { url: 'http://www.example.com/feed' },
+        backgroundColor: undefined,
+        coverUrl: undefined,
+        faviconUrl: undefined,
         siteUrl: { url: 'https://www.example.com' },
         locales: ['en_US'],
         type: BraveNews.PublisherType.COMBINED_SOURCE,
@@ -67,6 +70,9 @@ export const Publisher = () => (
         categoryName: 'Top News',
         channels: ['Top News', 'Top Sources'],
         feedSource: { url: 'http://www.example.com/feed' },
+        backgroundColor: undefined,
+        coverUrl: undefined,
+        faviconUrl: undefined,
         siteUrl: { url: 'https://www.example.com' },
         locales: ['en_US'],
         type: BraveNews.PublisherType.COMBINED_SOURCE,
diff --git a/components/brave_today/browser/brave_news_controller.cc b/components/brave_today/browser/brave_news_controller.cc
index 12ddf894a061..566cfc97340c 100644
--- a/components/brave_today/browser/brave_news_controller.cc
+++ b/components/brave_today/browser/brave_news_controller.cc
@@ -111,6 +111,10 @@ BraveNewsController::BraveNewsController(
       prefs::kBraveTodayOptedIn,
       base::BindRepeating(&BraveNewsController::ConditionallyStartOrStopTimer,
                           base::Unretained(this)));
+  pref_change_registrar_.Add(
+      prefs::kBraveNewsChannels,
+      base::BindRepeating(&BraveNewsController::HandleSubscriptionsChanged,
+                          base::Unretained(this)));
 
   if (base::FeatureList::IsEnabled(
           brave_today::features::kBraveNewsV2Feature)) {
@@ -505,10 +509,7 @@ void BraveNewsController::Prefetch() {
 
 void BraveNewsController::ConditionallyStartOrStopTimer() {
   // Refresh data on an interval only if Brave News is enabled
-  bool should_show = prefs_->GetBoolean(prefs::kNewTabPageShowToday);
-  bool opted_in = prefs_->GetBoolean(prefs::kBraveTodayOptedIn);
-  bool is_enabled = (should_show && opted_in);
-  if (is_enabled) {
+  if (GetIsEnabled()) {
     VLOG(1) << "STARTING TIMERS";
     if (!timer_feed_update_.IsRunning()) {
       timer_feed_update_.Start(FROM_HERE, base::Hours(3), this,
@@ -534,4 +535,20 @@ void BraveNewsController::ConditionallyStartOrStopTimer() {
   }
 }
 
+bool BraveNewsController::GetIsEnabled() {
+  bool should_show = prefs_->GetBoolean(prefs::kNewTabPageShowToday);
+  bool opted_in = prefs_->GetBoolean(prefs::kBraveTodayOptedIn);
+  bool is_enabled = (should_show && opted_in);
+  return is_enabled;
+}
+
+void BraveNewsController::HandleSubscriptionsChanged() {
+  if (GetIsEnabled()) {
+    VLOG(1) << "HandleSubscriptionsChanged: Ensuring feed is updated";
+    feed_controller_.EnsureFeedIsUpdating();
+  } else {
+    VLOG(1) << "HandleSubscriptionsChanged: News not enabled, doing nothing.";
+  }
+}
+
 }  // namespace brave_news
diff --git a/components/brave_today/browser/brave_news_controller.h b/components/brave_today/browser/brave_news_controller.h
index 79a16c889a9e..8851ff36a50c 100644
--- a/components/brave_today/browser/brave_news_controller.h
+++ b/components/brave_today/browser/brave_news_controller.h
@@ -113,6 +113,8 @@ class BraveNewsController : public KeyedService,
   void ConditionallyStartOrStopTimer();
   void CheckForFeedsUpdate();
   void CheckForPublishersUpdate();
+  bool GetIsEnabled();
+  void HandleSubscriptionsChanged();
   void Prefetch();
 
   raw_ptr<PrefService> prefs_ = nullptr;
diff --git a/components/brave_today/browser/channels_controller.cc b/components/brave_today/browser/channels_controller.cc
index 860a36b8437d..b9b2ad6bfcb1 100644
--- a/components/brave_today/browser/channels_controller.cc
+++ b/components/brave_today/browser/channels_controller.cc
@@ -93,6 +93,7 @@ mojom::ChannelPtr ChannelsController::SetChannelSubscribed(
   auto result = mojom::Channel::New();
   result->channel_name = channel_id;
   result->subscribed = subscribed;
+
   return result;
 }
 
diff --git a/components/brave_today/browser/channels_controller.h b/components/brave_today/browser/channels_controller.h
index fc0b7c4e5b18..d465e3c37d82 100644
--- a/components/brave_today/browser/channels_controller.h
+++ b/components/brave_today/browser/channels_controller.h
@@ -11,6 +11,7 @@
 
 #include "base/callback_forward.h"
 #include "base/containers/flat_map.h"
+#include "base/memory/raw_ptr.h"
 #include "brave/components/brave_today/browser/publishers_controller.h"
 #include "brave/components/brave_today/common/brave_news.mojom-forward.h"
 #include "components/prefs/pref_service.h"
diff --git a/components/brave_today/browser/feed_building_unittest.cc b/components/brave_today/browser/feed_building_unittest.cc
index 5974f26a0960..1fe9c5921021 100644
--- a/components/brave_today/browser/feed_building_unittest.cc
+++ b/components/brave_today/browser/feed_building_unittest.cc
@@ -23,6 +23,7 @@
 #include "chrome/test/base/testing_profile.h"
 #include "content/public/test/browser_task_environment.h"
 #include "testing/gtest/include/gtest/gtest.h"
+#include "third_party/abseil-cpp/absl/types/optional.h"
 #include "url/mojom/url.mojom.h"
 
 namespace brave_news {
@@ -101,18 +102,21 @@ void PopulatePublishers(Publishers* publisher_list) {
       "111", mojom::PublisherType::COMBINED_SOURCE, "First Publisher",
       "Top News", std::vector<std::string>{"Top News"}, true,
       std::vector<std::string>{"en_US"}, GURL("https://www.example.com"),
+      absl::nullopt, absl::nullopt, absl::nullopt,
       GURL("https://first-publisher.com/feed.xml"),
       mojom::UserEnabled::NOT_MODIFIED);
   auto publisher2 = mojom::Publisher::New(
       "222", mojom::PublisherType::COMBINED_SOURCE, "Second Publisher",
       "Top News", std::vector<std::string>{"Top News"}, true,
       std::vector<std::string>{"en_US"}, GURL("https://www.example.com"),
+      absl::nullopt, absl::nullopt, absl::nullopt,
       GURL("https://second-publisher.com/feed.xml"),
       mojom::UserEnabled::NOT_MODIFIED);
   auto publisher3 = mojom::Publisher::New(
       "333", mojom::PublisherType::COMBINED_SOURCE, "Third Publisher",
       "Top News", std::vector<std::string>{"Top News"}, true,
       std::vector<std::string>{"en_US"}, GURL("https://www.example.com"),
+      absl::nullopt, absl::nullopt, absl::nullopt,
       GURL("https://third-publisher.com/feed.xml"),
       mojom::UserEnabled::NOT_MODIFIED);
   publisher_list->insert_or_assign(publisher1->publisher_id,
diff --git a/components/brave_today/browser/publishers_controller.cc b/components/brave_today/browser/publishers_controller.cc
index 91546cd0e330..04b38ecc1dca 100644
--- a/components/brave_today/browser/publishers_controller.cc
+++ b/components/brave_today/browser/publishers_controller.cc
@@ -142,8 +142,10 @@ void PublishersController::EnsurePublishersIsUpdating() {
     return;
   }
   is_update_in_progress_ = true;
+  std::string region_part = brave_today::GetRegionUrlPart();
   GURL sources_url("https://" + brave_today::GetHostname() + "/sources." +
-                   brave_today::GetRegionUrlPart() + "json");
+                   region_part + "json");
+
   auto onRequest = base::BindOnce(
       [](PublishersController* controller,
          api_request_helper::APIRequestResult api_request_result) {
diff --git a/components/brave_today/browser/publishers_parsing.cc b/components/brave_today/browser/publishers_parsing.cc
index 99d0bcd491d1..d5cb18dcf266 100644
--- a/components/brave_today/browser/publishers_parsing.cc
+++ b/components/brave_today/browser/publishers_parsing.cc
@@ -14,6 +14,7 @@
 #include "base/values.h"
 #include "brave/components/brave_today/common/brave_news.mojom.h"
 #include "brave/components/brave_today/common/pref_names.h"
+#include "third_party/abseil-cpp/absl/types/optional.h"
 #include "url/gurl.h"
 
 namespace brave_news {
@@ -32,26 +33,28 @@ bool ParseCombinedPublisherList(const std::string& json,
     return false;
   }
   for (const base::Value& publisher_raw : records_v->GetList()) {
+    const auto& publisher_dict = publisher_raw.GetDict();
+
     auto publisher = brave_news::mojom::Publisher::New();
-    publisher->publisher_id = *publisher_raw.FindStringKey("publisher_id");
+    publisher->publisher_id = *publisher_dict.FindString("publisher_id");
     publisher->type = mojom::PublisherType::COMBINED_SOURCE;
-    publisher->publisher_name = *publisher_raw.FindStringKey("publisher_name");
+    publisher->publisher_name = *publisher_dict.FindString("publisher_name");
 
-    publisher->category_name = *publisher_raw.FindStringKey("category");
-    auto* channels_raw = publisher_raw.GetDict().FindList("channels");
+    publisher->category_name = *publisher_dict.FindString("category");
+    auto* channels_raw = publisher_dict.FindList("channels");
     if (channels_raw) {
       for (const auto& channel : *channels_raw) {
         publisher->channels.push_back(channel.GetString());
       }
     }
 
-    publisher->is_enabled = publisher_raw.FindBoolKey("enabled").value_or(true);
-    GURL feed_source(*publisher_raw.FindStringKey("feed_url"));
+    publisher->is_enabled = publisher_dict.FindBool("enabled").value_or(true);
+    GURL feed_source(*publisher_dict.FindString("feed_url"));
     if (feed_source.is_valid()) {
       publisher->feed_source = feed_source;
     }
 
-    auto* locales_raw = publisher_raw.GetDict().FindList("locales");
+    auto* locales_raw = publisher_dict.FindList("locales");
     if (locales_raw) {
       for (const auto& locale : *locales_raw) {
         if (!locale.is_string())
@@ -60,7 +63,7 @@ bool ParseCombinedPublisherList(const std::string& json,
       }
     }
 
-    std::string site_url_raw = *publisher_raw.FindStringKey("site_url");
+    std::string site_url_raw = *publisher_dict.FindString("site_url");
     if (!base::StartsWith(site_url_raw, "https://")) {
       site_url_raw = "https://" + site_url_raw;
     }
@@ -71,6 +74,26 @@ bool ParseCombinedPublisherList(const std::string& json,
       continue;
     }
     publisher->site_url = site_url;
+
+    auto* favicon_url_raw = publisher_dict.FindString("favicon_url");
+    if (favicon_url_raw) {
+      if (GURL favicon_url(*favicon_url_raw); favicon_url.is_valid()) {
+        publisher->favicon_url = favicon_url;
+      }
+    }
+
+    auto* cover_url_raw = publisher_dict.FindString("cover_url");
+    if (cover_url_raw) {
+      if (GURL cover_url(*cover_url_raw); cover_url.is_valid()) {
+        publisher->cover_url = cover_url;
+      }
+    }
+
+    auto* background_color = publisher_dict.FindString("background_color");
+    if (background_color) {
+      publisher->background_color = *background_color;
+    }
+
     // TODO(petemill): Validate
     publishers->insert_or_assign(publisher->publisher_id, std::move(publisher));
   }
diff --git a/components/brave_today/browser/urls.cc b/components/brave_today/browser/urls.cc
index 17485c59e3cf..80366035072b 100644
--- a/components/brave_today/browser/urls.cc
+++ b/components/brave_today/browser/urls.cc
@@ -17,6 +17,12 @@
 #include "brave/components/l10n/common/locale_util.h"
 
 namespace brave_today {
+namespace {
+// TODO(petemill): Have a remotely-updatable list of supported language
+// variations.
+const base::flat_set<std::string> kSupportedLocales = {"en_US", "ja_JP",
+                                                       "en_ES", "en_MX"};
+}  // namespace
 
 std::string GetHostname() {
   std::string from_switch =
diff --git a/components/brave_today/common/brave_news.mojom b/components/brave_today/common/brave_news.mojom
index 9036f5906f99..1b7284e6eabb 100644
--- a/components/brave_today/common/brave_news.mojom
+++ b/components/brave_today/common/brave_news.mojom
@@ -107,6 +107,15 @@ struct Publisher {
   // feed.
   url.mojom.Url feed_source;
 
+  // The favicon url for this publisher.
+  url.mojom.Url? favicon_url;
+
+  // The cover url for this publisher.
+  url.mojom.Url? cover_url;
+
+  // The background color for this publisher (in hex).
+  string? background_color;
+
   // The url of the site. Used to determine whether the user is subscribed to
   // a site when viewing a webcontents.
   url.mojom.Url site_url;
diff --git a/components/resources/brave_components_strings.grd b/components/resources/brave_components_strings.grd
index 738b63da04df..aca244521db9 100644
--- a/components/resources/brave_components_strings.grd
+++ b/components/resources/brave_components_strings.grd
@@ -351,6 +351,64 @@
         Ad
       </message>
 
+      <message name="IDS_BRAVE_NEWS_BACK_TO_DASHBOARD" desc="Label for the back to dashboard button">
+        Back to <ph name="BEGIN_BOLD">$1</ph>Dashboard<ph name="END_BOLD">$2</ph>
+      </message>
+      <message name="IDS_BRAVE_NEWS_DISABLED_PLACEHOLDER_HEADER" desc="Header for the brave news disabled placeholder">
+        Turn on Brave News, and never miss a story
+      </message>
+      <message name="IDS_BRAVE_NEWS_DISABLED_PLACEHOLDER_SUBTITLE" desc="Subtitle for the brave news disabled placeholder">
+        Customized news feeds, from leading sources, delivered right to your browser. All 100% private.
+      </message>
+      <message name="IDS_BRAVE_NEWS_DISABLED_PLACEHOLDER_ENABLE_BUTTON" desc="Label for the button to reenable Brave News from the disabled placeholder">
+        Turn on Brave News
+      </message>
+      <message name="IDS_BRAVE_NEWS_SEARCH_PLACEHOLDER_LABEL" desc="Label that displays in the searchbox when the user hasn't entered anything">
+        Search for news, site, topic or RSS feed
+      </message>
+      <message name="IDS_BRAVE_NEWS_BROWSE_CHANNELS_HEADER" desc="Header for the channel section">
+        Channels
+      </message>
+      <message name="IDS_BRAVE_NEWS_LOAD_MORE_CATEGORIES_BUTTON" desc="Label for the button to show more categories">
+        Show more
+      </message>
+      <message name="IDS_BRAVE_NEWS_ALL_SOURCES_HEADER" desc="Header for the all sources section">
+        Sources
+      </message>
+      <message name="IDS_BRAVE_NEWS_FEEDS_HEADING" desc="The heading for the feeds contianer">
+        Following
+      </message>
+      <message name="IDS_BRAVE_NEWS_SOURCE_COUNT" desc="Label saying how many sources you currently have. [ICU Syntax]">
+        {FEED_COUNT, plural,
+          =1 {# source}
+          other {# sources}
+        }
+      </message>
+      <message name="IDS_BRAVE_NEWS_FOLLOW_BUTTON_FOLLOWING" desc="Label for the follow button to be display when following the feed">
+        Following
+      </message>
+      <message name="IDS_BRAVE_NEWS_FOLLOW_BUTTON_NOT_FOLLOWING" desc="Label for the follow button when the publisher is not currently followed">
+        Follow
+      </message>
+      <message name="IDS_BRAVE_NEWS_DIRECT_SEARCH_BUTTON" desc="Label for the button which will search a Url for a feed">
+        Get feeds from <ph name="URL">$1<ex>https://example.com</ex></ph>
+      </message>
+      <message name="IDS_BRAVE_NEWS_DIRECT_SEARCH_NO_RESULTS" desc="Label displayed when there are no direct feed results">
+        No feeds found at <ph name="URL">$1<ex>https://example.com</ex></ph>
+      </message>
+      <message name="IDS_BRAVE_NEWS_SEARCH_RESULTS_NO_RESULTS" desc="Label displayed when there are no results">
+        There's nothing here :'(
+      </message>
+      <message name="IDS_BRAVE_NEWS_SEARCH_RESULTS_LOCAL_RESULTS" desc="Label displayed above results from the combined feed">
+        Results
+      </message>
+      <message name="IDS_BRAVE_NEWS_SEARCH_RESULTS_DIRECT_RESULTS" desc="Label displayed above direct RSS results">
+        Direct Results
+      </message>
+      <message name="IDS_BRAVE_NEWS_SEARCH_QUERY_TOO_SHORT" desc="Message displayed when there are no results due to search query being too short">
+        Keep typing to search sources
+      </message>
+
       <message name="IDS_BRAVE_NEW_TAB_STATS_TAB" desc="Brave Stats title">Brave Stats</message>
       <message name="IDS_BRAVE_NEW_TAB_CLOCK_TAB" desc="Clock title">Clock</message>
       <message name="IDS_BRAVE_NEW_TAB_TOP_SITES_TAB" desc="Top Sites title">Top Sites</message>
diff --git a/components/test/brave_new_tab_ui/components/settings_test.tsx b/components/test/brave_new_tab_ui/components/settings_test.tsx
index 8860bf70b44b..e8ebecc59185 100644
--- a/components/test/brave_new_tab_ui/components/settings_test.tsx
+++ b/components/test/brave_new_tab_ui/components/settings_test.tsx
@@ -1,4 +1,8 @@
 import * as React from 'react'
+
+// Note: this needs to be imported before any Settings components, to ensure the mock is set up.
+import '../../../../components/brave_new_tab_ui/stories/default/data/mockBraveNewsController'
+
 import { shallow } from 'enzyme'
 import { SettingsMenu } from '../../../../components/brave_new_tab_ui/components/default'
 import Settings, { Props } from '../../../../components/brave_new_tab_ui/containers/newTab/settings'
diff --git a/components/web-components/button/index.tsx b/components/web-components/button/index.tsx
index 26d3dca2d21e..d2925c3a33f4 100644
--- a/components/web-components/button/index.tsx
+++ b/components/web-components/button/index.tsx
@@ -6,7 +6,7 @@ import style from './button.module.scss'
 
 type Scale = 'tiny' | 'small' | 'regular' | 'large' | 'jumbo'
 
-interface Props {
+export interface ButtonProps {
   scale?: Scale
   isPrimary?: boolean
   isTertiary?: boolean
@@ -39,7 +39,7 @@ export function ButtonIconContainer (props: React.PropsWithChildren<{}>) {
   )
 }
 
-export default function Button (props: Props) {
+export default function Button (props: ButtonProps) {
   const { scale = 'regular' } = props
   return (
     <button
diff --git a/components/web-components/input/index.tsx b/components/web-components/input/index.tsx
index ee068a459615..9c0bf9e2dd6b 100644
--- a/components/web-components/input/index.tsx
+++ b/components/web-components/input/index.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react'
 import classNames from '$web-common/classnames'
 import styles from './input.module.scss'
+import '../app.global.scss'
 
 type CustomProps = {
   label?: string
diff --git a/jest.config.js b/jest.config.js
index 68f6e99e8854..b7cb04a2b3bc 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -66,7 +66,7 @@ module.exports = {
   ],
   moduleNameMapper: {
     "\\.(jpg|jpeg|png|gif|eot|otf|svg|ttf|woff|woff2)$": "<rootDir>/components/test/fileMock.ts",
-    "\\.(css|less)$": "identity-obj-proxy",
+    "\\.(css|less|scss)$": "identity-obj-proxy",
     "^\\$web-common\\/(.*)": "<rootDir>/components/common/$1",
     "^\\$web-components\\/(.*)": "<rootDir>/components/web-components/$1",
     "^brave-ui$": "<rootDir>/node_modules/brave-ui/src",