26db7d9a0e
The styling of multiple components has been updated for consistency and readability. A new heading font has been added to improve visual hierarchy. Changes include updating font sizes, adding a new heading font, and adjusting borders and padding over several components.
22 lines
555 B
TypeScript
22 lines
555 B
TypeScript
import { cn } from '@kit/ui/utils';
|
|
|
|
export function SitePageHeader(props: {
|
|
title: string;
|
|
subtitle: string;
|
|
className?: string;
|
|
}) {
|
|
return (
|
|
<div className={cn('border-b py-8 xl:py-12 2xl:py-14', props.className)}>
|
|
<div className={'container flex flex-col space-y-2 lg:space-y-4'}>
|
|
<h1 className={'font-base font-heading text-3xl xl:text-5xl'}>
|
|
{props.title}
|
|
</h1>
|
|
|
|
<h2 className={'text-lg text-muted-foreground 2xl:text-2xl'}>
|
|
{props.subtitle}
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|