Files
myeasycms-v2/apps/web/app/(marketing)/_components/site-page-header.tsx
giancarlo e7f2660032 Update UI design across multiple pages and components
Several changes have been made to improve the user interface and enhance the user experience. This includes redesigning Auth buttons, modifying website layouts and routing, tweaking heading and text sizes for clarity, and revamping the marketing, documentation, and pricing pages. These changes collectively contribute to a cleaner, more concise and navigable interface.
2024-04-09 13:35:12 +08:00

24 lines
611 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-4'}>
<h1 className={'text-3xl font-semibold xl:text-5xl'}>{props.title}</h1>
<h2
className={
'text-base text-secondary-foreground xl:text-lg 2xl:text-xl'
}
>
<span className={'font-normal'}>{props.subtitle}</span>
</h2>
</div>
</div>
);
}