diff --git a/apps/storefront/components/Banner/Banner.module.css b/apps/storefront/components/Banner/Banner.module.css
deleted file mode 100644
index aa979070b5..0000000000
--- a/apps/storefront/components/Banner/Banner.module.css
+++ /dev/null
@@ -1,158 +0,0 @@
-.banner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: var(--ds-spacing-6);
-  min-height: 460px;
-  padding-top: var(--ds-spacing-5);
-  padding-bottom: var(--ds-spacing-12);
-}
-
-.left {
-  flex-basis: calc(53% - (var(--ds-spacing-6) / 2));
-  flex-grow: 1;
-}
-
-.right {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-basis: calc(47% - (var(--ds-spacing-6) / 2));
-  flex-grow: 1;
-  height: 275px;
-}
-
-.title {
-  display: flex;
-  align-items: center;
-  margin-bottom: var(--ds-spacing-3);
-  font: var(--ds-typography-heading-lg);
-}
-
-.title > span {
-  margin-left: var(--ds-spacing-4);
-}
-
-.desc {
-  padding-right: var(--ds-spacing-7);
-  margin-bottom: 0;
-  font: var(--ds-typography-ingress-sm);
-}
-
-.shapes {
-  height: 200px;
-  width: 200px;
-  position: relative;
-  animation: test 1.55s forwards ease-out;
-}
-
-.shape {
-  height: 92px;
-  width: 92px;
-  border-radius: 8px;
-  border: 5px solid transparent;
-  position: absolute;
-}
-
-.one {
-  top: 0;
-  left: 0;
-  border-color: var(--ds-color-brand1-6);
-  animation: one 1.5s forwards ease-out;
-}
-
-.two {
-  top: 0;
-  right: 0;
-  border-color: var(--ds-color-brand3-6);
-  animation: two 1.5s forwards ease-out;
-}
-
-.three {
-  right: 0;
-  bottom: 0;
-  border-color: var(--ds-color-neutral-border-strong);
-  animation: three 1.5s forwards ease-out;
-}
-
-.four {
-  left: 0;
-  bottom: 0;
-  border-color: var(--ds-color-brand2-6);
-  animation: four 1.5s forwards ease-out;
-}
-
-@keyframes one {
-  0% {
-    top: -100px;
-    opacity: 0;
-  }
-
-  100% {
-    top: 0;
-    opacity: 1;
-  }
-}
-
-@keyframes two {
-  0% {
-    right: -100px;
-    opacity: 0;
-  }
-
-  100% {
-    right: 0;
-    opacity: 1;
-  }
-}
-
-@keyframes three {
-  0% {
-    bottom: -100px;
-    opacity: 0;
-  }
-
-  100% {
-    bottom: 0;
-    opacity: 1;
-  }
-}
-
-@keyframes four {
-  0% {
-    left: -100px;
-    opacity: 0;
-  }
-
-  100% {
-    left: 0;
-    opacity: 1;
-  }
-}
-
-@keyframes test {
-  0% {
-    transform: rotate(0deg) scale(1);
-  }
-
-  88% {
-    transform: rotate(45deg) scale(0.95);
-  }
-
-  94% {
-    transform: rotate(45deg) scale(1.05);
-  }
-
-  100% {
-    transform: rotate(45deg) scale(1);
-  }
-}
-
-@media (max-width: 991.98px) {
-  .imgContainer {
-    height: 300px;
-    width: 300px;
-    margin: 0 auto;
-  }
-}
diff --git a/apps/storefront/components/Banner/Banner.tsx b/apps/storefront/components/Banner/Banner.tsx
deleted file mode 100644
index 4b3a88dd92..0000000000
--- a/apps/storefront/components/Banner/Banner.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import cl from 'clsx';
-
-import { Tag } from '../Tag/Tag';
-import { Container } from '../Container/Container';
-
-import classes from './Banner.module.css';
-
-interface BannerProps {
-  title: string;
-  desc: string;
-}
-
-const Banner = ({ title, desc }: BannerProps) => {
-  return (
-    <Container className={classes.banner}>
-      <div className={classes.left}>
-        <h1 className={classes.title}>
-          {title}{' '}
-          <Tag
-            type='Beta'
-            color='purple'
-            size='large'
-          />
-        </h1>
-        <p className={classes.desc}>{desc}</p>
-      </div>
-
-      <div className={classes.right}>
-        <div className={classes.shapes}>
-          <div className={cl(classes.shape, classes.one)}></div>
-          <div className={cl(classes.shape, classes.two)}></div>
-          <div className={cl(classes.shape, classes.three)}></div>
-          <div className={cl(classes.shape, classes.four)}></div>
-        </div>
-      </div>
-    </Container>
-  );
-};
-
-export { Banner };
diff --git a/apps/storefront/components/Banner/index.ts b/apps/storefront/components/Banner/index.ts
deleted file mode 100644
index f4930c0719..0000000000
--- a/apps/storefront/components/Banner/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Banner } from './Banner';
diff --git a/apps/storefront/components/Tag/Tag.module.css b/apps/storefront/components/Tag/Tag.module.css
deleted file mode 100644
index a2c65e4a17..0000000000
--- a/apps/storefront/components/Tag/Tag.module.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.tag {
-  padding: 3px 6px;
-  margin-left: 4px;
-  border-radius: 3px;
-  font: var(--ds-typography-paragraph-sm);
-  font-weight: 500;
-  text-transform: capitalize;
-}
-
-.purple {
-  background-color: var(--color-beta);
-}
-
-.large {
-  padding: 4px 11px;
-  font: var(--ds-typography-paragraph-lg);
-  font-weight: 500;
-}
diff --git a/apps/storefront/components/Tag/Tag.tsx b/apps/storefront/components/Tag/Tag.tsx
deleted file mode 100644
index 7df3f6a06e..0000000000
--- a/apps/storefront/components/Tag/Tag.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import cl from 'clsx';
-
-import { capitalizeString } from '../../utils/StringHelpers';
-
-import classes from './Tag.module.css';
-
-interface TagProps {
-  color: string;
-  type: string;
-  size?: 'small' | 'medium' | 'large';
-}
-
-const Tag = ({ color, type, size = 'medium' }: TagProps) => {
-  return (
-    <span className={cl(classes.tag, classes[color], classes[size])}>
-      {capitalizeString(type)}
-    </span>
-  );
-};
-
-export { Tag };
diff --git a/apps/storefront/components/Tag/index.ts b/apps/storefront/components/Tag/index.ts
deleted file mode 100644
index ba2338b7be..0000000000
--- a/apps/storefront/components/Tag/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Tag } from './Tag';
diff --git a/apps/storefront/components/index.ts b/apps/storefront/components/index.ts
index c7a02615d0..8c0bf4f9eb 100644
--- a/apps/storefront/components/index.ts
+++ b/apps/storefront/components/index.ts
@@ -1,4 +1,3 @@
-export { Banner } from './Banner';
 export { ClipboardBtn } from './ClipboardBtn';
 export { CodeSnippet } from './CodeSnippet';
 export { Container } from './Container';
@@ -18,7 +17,6 @@ export type { NavigationCardProps } from './NavigationCard';
 export { ResponsiveIframe } from './ResponsiveIframe';
 export { Section } from './Section';
 export { SidebarMenu } from './SidebarMenu';
-export { Tag } from './Tag';
 export { TeaserCard } from './TeaserCard';
 export { TokenList } from './Tokens';
 export { Image } from './Image';
diff --git a/apps/storefront/layouts/NavMenuPageLayout/NavMenuPageLayout.tsx b/apps/storefront/layouts/NavMenuPageLayout/NavMenuPageLayout.tsx
index 52a3b6f3b0..4620b6863f 100644
--- a/apps/storefront/layouts/NavMenuPageLayout/NavMenuPageLayout.tsx
+++ b/apps/storefront/layouts/NavMenuPageLayout/NavMenuPageLayout.tsx
@@ -36,7 +36,7 @@ const NavMenuPageLayout = ({ content, banner }: NavMenuPageLayoutProps) => {
           id='main'
           className={classes.right}
         >
-          <div className={classes.content}>
+          <div>
             <MdxContent>{content}</MdxContent>
           </div>
         </main>