diff --git a/components/ContentType/ContentPage/index.tsx b/components/ContentType/ContentPage/index.tsx
index 04ae39ba9..699e378df 100644
--- a/components/ContentType/ContentPage/index.tsx
+++ b/components/ContentType/ContentPage/index.tsx
@@ -1,12 +1,11 @@
 import { serverClient } from "@/lib/trpc/server"
 
 import Hero from "@/components/Hero"
+import Intro from "@/components/Intro"
 import Preamble from "@/components/TempDesignSystem/Text/Preamble"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import TrackingSDK from "@/components/TrackingSDK"
 
-import Intro from "./Intro"
-
 import styles from "./contentPage.module.css"
 
 export default async function ContentPage() {
diff --git a/components/ContentType/LoyaltyPage/Intro/index.tsx b/components/ContentType/LoyaltyPage/Intro/index.tsx
deleted file mode 100644
index 5ad4db448..000000000
--- a/components/ContentType/LoyaltyPage/Intro/index.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { PropsWithChildren } from "react"
-
-import MaxWidth from "@/components/MaxWidth"
-
-import styles from "./intro.module.css"
-
-export default async function Intro({ children }: PropsWithChildren) {
-  return (
-    <MaxWidth variant="content" tag="div">
-      <MaxWidth
-        className={styles.content}
-        variant="text"
-        align="left"
-        tag="div"
-      >
-        {children}
-      </MaxWidth>
-    </MaxWidth>
-  )
-}
diff --git a/components/ContentType/LoyaltyPage/Intro/intro.module.css b/components/ContentType/LoyaltyPage/Intro/intro.module.css
deleted file mode 100644
index f64d9daaa..000000000
--- a/components/ContentType/LoyaltyPage/Intro/intro.module.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.content {
-  display: grid;
-  gap: var(--Spacing-x2);
-}
-
-@media (min-width: 768px) {
-  .content {
-    gap: var(--Spacing-x3);
-  }
-}
diff --git a/components/ContentType/LoyaltyPage/index.tsx b/components/ContentType/LoyaltyPage/index.tsx
index 68ebfae3c..252fca097 100644
--- a/components/ContentType/LoyaltyPage/index.tsx
+++ b/components/ContentType/LoyaltyPage/index.tsx
@@ -1,6 +1,7 @@
 import { serverClient } from "@/lib/trpc/server"
 
 import Hero from "@/components/Hero"
+import Intro from "@/components/Intro"
 import { Blocks } from "@/components/Loyalty/Blocks"
 import Sidebar from "@/components/Loyalty/Sidebar"
 import MaxWidth from "@/components/MaxWidth"
@@ -8,8 +9,6 @@ import Preamble from "@/components/TempDesignSystem/Text/Preamble"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import TrackingSDK from "@/components/TrackingSDK"
 
-import Intro from "./Intro"
-
 import styles from "./loyaltyPage.module.css"
 
 export default async function LoyaltyPage() {
diff --git a/components/ContentType/ContentPage/Intro/index.tsx b/components/Intro/index.tsx
similarity index 100%
rename from components/ContentType/ContentPage/Intro/index.tsx
rename to components/Intro/index.tsx
diff --git a/components/ContentType/ContentPage/Intro/intro.module.css b/components/Intro/intro.module.css
similarity index 100%
rename from components/ContentType/ContentPage/Intro/intro.module.css
rename to components/Intro/intro.module.css