fix(SW-190): moved Intro component to components folder and removed 'duplicate'

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() {

components/ContentType/LoyaltyPage/Intro/index.tsx

@@ -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>
-  )
-}

components/ContentType/LoyaltyPage/Intro/intro.module.css

@@ -1,10 +0,0 @@
-.content {
-  display: grid;
-  gap: var(--Spacing-x2);
-}
-
-@media (min-width: 768px) {
-  .content {
-    gap: var(--Spacing-x3);
-  }
-}

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() {