diff --git a/src/components/BannerGrid/BannerGrid.stories.tsx b/src/components/BannerGrid/BannerGrid.stories.tsx
deleted file mode 100644
index e3c824d1159..00000000000
--- a/src/components/BannerGrid/BannerGrid.stories.tsx
+++ /dev/null
@@ -1,181 +0,0 @@
-import { Info } from "lucide-react"
-import { useTranslations } from "next-intl"
-import { Meta, StoryObj } from "@storybook/react"
-
-import { ChildOnlyProp } from "@/lib/types"
-
-import { Image } from "@/components/Image"
-import Tooltip from "@/components/Tooltip"
-import InlineLink from "@/components/ui/Link"
-
-import { langViewportModes } from "../../../.storybook/modes"
-import { ContentContainer } from "../MdComponents"
-
-import {
-  Banner as BannerComponent,
-  BannerBody as BannerBodyComponent,
-  BannerGrid as BannerGridComponent,
-  BannerGridCell as BannerGridCellComponent,
-  BannerImage as BannerImageComponent,
-} from "."
-
-import stats from "@/public/images/upgrades/newrings.png"
-
-const meta = {
-  title: "Molecules / Display Content / Banner Grid",
-  component: BannerComponent,
-  parameters: {
-    layout: "fullscreen",
-    chromatic: {
-      modes: {
-        ...langViewportModes,
-      },
-    },
-  },
-  decorators: [
-    (Story) => (
-      <div className="relative w-full">
-        <ContentContainer>
-          <Story />
-        </ContentContainer>
-      </div>
-    ),
-  ],
-} satisfies Meta<typeof BannerComponent>
-
-export default meta
-
-type Story = StoryObj<typeof meta>
-
-const PAGE_WHAT_IS_ETH = "page-what-is-ethereum"
-
-const tooltipContent = ({ apiUrl, apiProvider, ariaLabel }) => {
-  const t = useTranslations("common")
-
-  return (
-    <div>
-      {t("data-provided-by")}{" "}
-      <InlineLink href={apiUrl} aria-label={ariaLabel}>
-        {apiProvider}
-      </InlineLink>
-    </div>
-  )
-}
-
-const StatPrimary = (props: ChildOnlyProp) => (
-  <div className="mb-4 text-5xl leading-none" {...props} />
-)
-
-const StatDescription = (props: ChildOnlyProp) => (
-  <div className="text-md text-[#666] dark:text-[#b2b2b2]" {...props} />
-)
-
-export const Banner: Story = {
-  render: () => {
-    return (
-      <BannerComponent>
-        <div className="text-md text-[#666] dark:text-[#b2b2b2]">Banner</div>
-      </BannerComponent>
-    )
-  },
-}
-
-export const BannerBody: Story = {
-  render: () => {
-    return (
-      <BannerComponent>
-        <BannerBodyComponent>
-          <div className="text-md text-[#666] dark:text-[#b2b2b2]">
-            Banner Body
-          </div>
-        </BannerBodyComponent>
-      </BannerComponent>
-    )
-  },
-}
-
-export const BannerImage: Story = {
-  render: () => {
-    return (
-      <BannerComponent>
-        <BannerImageComponent>
-          <Image src={stats} alt="" width={400} />
-        </BannerImageComponent>
-      </BannerComponent>
-    )
-  },
-}
-
-export const BannerGridCell: Story = {
-  render: () => {
-    const t = useTranslations(PAGE_WHAT_IS_ETH)
-
-    return (
-      <BannerComponent>
-        <BannerBodyComponent>
-          <BannerGridCellComponent>
-            <StatPrimary>4k+</StatPrimary>
-            <StatDescription>
-              {t("page-what-is-ethereum-ethereum-in-numbers-stat-1-desc")}
-              <span className="whitespace-nowrap">
-                &nbsp;
-                <Tooltip
-                  content={tooltipContent({
-                    apiUrl: "https://dappradar.com/rankings/protocol/ethereum",
-                    apiProvider: "State of the dapps",
-                    ariaLabel: "Read more about Ethereum projects stats",
-                  })}
-                >
-                  <span>
-                    <Info className="-mb-0.5 size-[0.875em]" />
-                  </span>
-                </Tooltip>
-              </span>
-            </StatDescription>
-          </BannerGridCellComponent>
-        </BannerBodyComponent>
-      </BannerComponent>
-    )
-  },
-}
-
-export const BannerGrid: Story = {
-  render: () => {
-    const t = useTranslations(PAGE_WHAT_IS_ETH)
-
-    return (
-      <BannerComponent>
-        <BannerBodyComponent>
-          <BannerGridComponent>
-            {Array.from({ length: 6 }, (_, i) => i + 1).map((item) => (
-              <BannerGridCellComponent key={item}>
-                <StatPrimary>{item}k+</StatPrimary>
-                <StatDescription>
-                  {t("page-what-is-ethereum-ethereum-in-numbers-stat-1-desc")}
-                  <span className="whitespace-nowrap">
-                    &nbsp;
-                    <Tooltip
-                      content={tooltipContent({
-                        apiUrl:
-                          "https://dappradar.com/rankings/protocol/ethereum",
-                        apiProvider: "State of the dapps",
-                        ariaLabel: "Read more about Ethereum projects stats",
-                      })}
-                    >
-                      <span>
-                        <Info className="-mb-0.5 size-[0.875em]" />
-                      </span>
-                    </Tooltip>
-                  </span>
-                </StatDescription>
-              </BannerGridCellComponent>
-            ))}
-          </BannerGridComponent>
-        </BannerBodyComponent>
-        <BannerImageComponent>
-          <Image src={stats} alt="" width={400} />
-        </BannerImageComponent>
-      </BannerComponent>
-    )
-  },
-}
diff --git a/src/components/BannerGrid/index.tsx b/src/components/BannerGrid/index.tsx
deleted file mode 100644
index a461be9381f..00000000000
--- a/src/components/BannerGrid/index.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from "react"
-
-import { ChildOnlyProp } from "@/lib/types"
-
-import { Flex } from "@/components/ui/flex"
-
-import { cn } from "@/lib/utils/cn"
-
-export const Banner = ({ children }: ChildOnlyProp) => {
-  return (
-    <Flex className="w-full flex-col flex-nowrap bg-banner-grid-gradient lg:flex-row [&_h2]:mt-0 [&_ul]:mb-0">
-      {children}
-    </Flex>
-  )
-}
-
-export const BannerBody = ({ children }: ChildOnlyProp) => {
-  return <div className="w-full flex-[4] p-10">{children}</div>
-}
-
-export const BannerImage = ({ children }: ChildOnlyProp) => {
-  return <Flex className="flex-[2] justify-end self-end">{children}</Flex>
-}
-
-export const BannerGrid = ({ children }: ChildOnlyProp) => {
-  return (
-    <div className="md:grid-rows-[repeat(3, 1fr)] lg:grid-rows-[repeat(2, 1fr)] grid w-full grid-cols-[repeat(1,1fr)] gap-0 md:grid-cols-[repeat(2,1fr)] lg:grid-cols-[repeat(3,1fr)]">
-      {children}
-    </div>
-  )
-}
-
-export const BannerGridCell = ({ children }: ChildOnlyProp) => {
-  return (
-    <Flex
-      className={cn(
-        "px-0 py-8 md:px-12",
-        "flex-col",
-        "border-t border-t-search-background",
-        "md:border-s md:border-s-search-background",
-        "first:border-t-0",
-        "lg:[&:first-child]:border-s-0",
-        "md:[&:nth-child(-n+2)]:border-t-0 lg:[&:nth-child(-n+2)]:border-t lg:[&:nth-child(-n+2)]:border-t-search-background",
-        "md:[&:nth-child(2n+1)]:border-s-0 lg:[&:nth-child(2n+1)]:border-s lg:[&:nth-child(2n+1)]:border-s-search-background",
-        "lg:[&:nth-child(-n+3)]:justify-start lg:[&:nth-child(-n+3)]:border-t-0 lg:[&:nth-child(-n+3)]:pt-0",
-        "lg:[&:nth-child(3n+1)]:border-s-0 lg:[&:nth-child(3n+1)]:ps-0",
-        "lg:[&:nth-child(n+4)]:justify-start lg:[&:nth-child(n+4)]:pb-0"
-      )}
-    >
-      {children}
-    </Flex>
-  )
-}