SingleColumnSection.tsx17 lines · main

1	import type { GoSingleColumnSection } from '../schemas'
2
3	export default function SingleColumnSection({ section }: { section: GoSingleColumnSection }) {
4	return (
5	<section>
6	<div className="max-w-7xl mx-auto flex flex-col items-center gap-4 text-center text-balance px-8">
7	<h2 className="text-2xl md:text-3xl lg:text-4xl leading-tight tracking-tight">
8	{section.title}
9	</h2>
10	{section.description && (
11	<p className="text-foreground-light text-lg max-w-2xl">{section.description}</p>
12	)}
13	</div>
14	{section.children && <div className="max-w-7xl mx-auto mt-10 px-8">{section.children}</div>}
15	</section>
16	)
17	}