refactor: components struture

packages/ui/src/Home/Interests/InterestItem.tsx

@@ -0,0 +1,26 @@
+import { Typography } from "../../Design/Typography/Typography"
+
+export interface InterestItemProps {
+  title: string
+  description: React.ReactNode
+}
+
+export const InterestItem: React.FC<InterestItemProps> = (props) => {
+  const { title, description } = props
+
+  return (
+    <div className="my-6 text-center">
+      <Typography as="h3" variant="h4">
+        {title}
+      </Typography>
+
+      <Typography
+        as="p"
+        variant="text1"
+        className="dark:text-gray my-2 text-black"
+      >
+        {description}
+      </Typography>
+    </div>
+  )
+}