From 4bfc4de956bde98fcdb40fff61131f65a9dee652 Mon Sep 17 00:00:00 2001
From: Andy Charlwood <andrew.charlwood@gmail.com>
Date: Sat, 14 Feb 2026 17:55:59 +0000
Subject: [PATCH] feat: US-004 - Create ParentSection component for
 hierarchical layout

---
 src/components/ParentSection.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/components/ParentSection.tsx

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