ThreeColumnSection.tsx25 lines · main

1	import type { GoThreeColumnSection } from '../schemas'
2
3	export default function ThreeColumnSection({ section }: { section: GoThreeColumnSection }) {
4	return (
5	<section>
6	{(section.title || section.description) && (
7	<div className="max-w-7xl mx-auto flex flex-col items-center gap-4 text-center text-balance px-8 mb-10">
8	{section.title && (
9	<h2 className="text-2xl md:text-3xl lg:text-4xl leading-tight tracking-tight">
10	{section.title}
11	</h2>
12	)}
13	{section.description && (
14	<p className="text-foreground-light text-lg max-w-2xl">{section.description}</p>
15	)}
16	</div>
17	)}
18	{section.children && (
19	<div className="max-w-7xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 px-8">
20	{section.children}
21	</div>
22	)}
23	</section>
24	)
25	}