TwoColumnLayoutHeader.tsx raw
1 type Props = {
2 title: string;
3 description: string;
4 pageTitle?: string;
5 };
6
7 export default function TwoColumnLayoutHeader({
8 title,
9 description,
10 pageTitle,
11 }: Props) {
12 return (
13 <>
14 {pageTitle && <title>{`${pageTitle} ยท Alby Hub`}</title>}
15 <div className="grid gap-2 text-center">
16 <h1 className="text-2xl font-semibold">{title}</h1>
17 <p className="text-muted-foreground">{description}</p>
18 </div>
19 </>
20 );
21 }
22