init Block UI component

src/components/UI/Block.tsx

@@ -0,0 +1,26 @@
+import {cn} from '@/lib/utils'
+import Text from '#/UI/Text'
+
+interface Props {
+  children: React.ReactNode
+  token: string
+  heading: string
+  text?: string
+  className?: string
+}
+
+export default function Block({children, token, heading, text, className}: Props) {
+  return (
+    <section data-section={token} className={cn('space-y-6', className)}>
+      <div className="space-y-3 group w-fit">
+        <Text type="heading" className="flex items-center">
+          {heading}
+        </Text>
+
+        {text && <Text>{text}</Text>}
+      </div>
+
+      {children}
+    </section>
+  )
+}