diff --git a/src/components/ParentSection.tsx b/src/components/ParentSection.tsx
new file mode 100644
index 0000000..d5c151c
--- /dev/null
+++ b/src/components/ParentSection.tsx
@@ -0,0 +1,29 @@
+import React from 'react'
+import { Card } from './Card'
+
+interface ParentSectionProps {
+  title: string
+  children: React.ReactNode
+  className?: string
+  tileId?: string
+}
+
+export function ParentSection({ title, children, className, tileId }: ParentSectionProps) {
+  return (
+    <Card full className={className} tileId={tileId}>
+      <h2
+        style={{
+          fontSize: '2.4rem',
+          fontWeight: 700,
+          color: 'var(--text-primary)',
+          lineHeight: 1.1,
+          margin: 0,
+          paddingBottom: '1.333rem',
+        }}
+      >
+        {title}
+      </h2>
+      {children}
+    </Card>
+  )
+}