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

components/Intro/index.tsx

@@ -0,0 +1,20 @@
+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/Intro/intro.module.css

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