54d6b4897f
* Enhance Marketing Pages and UI Components - Updated the marketing homepage to include an Ecosystem Showcase component, improving the presentation of the SaaS Starter Kit. - Refined various UI components, including adjustments to spacing, typography, and layout for better visual consistency. - Improved accessibility by adding aria-labels and ensuring proper semantic structure in components. - Adjusted styles across multiple components to enhance responsiveness and user experience. - Updated the pricing table and feature cards to align with the new design standards, ensuring a cohesive look and feel throughout the application. - Updated plan picker design
48 lines
914 B
TypeScript
48 lines
914 B
TypeScript
import { cn } from '@kit/ui/utils';
|
|
|
|
export function SitePageHeader({
|
|
title,
|
|
subtitle,
|
|
container = true,
|
|
className = '',
|
|
}: {
|
|
title: string;
|
|
subtitle: string;
|
|
container?: boolean;
|
|
className?: string;
|
|
}) {
|
|
const containerClass = container ? 'container' : '';
|
|
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'border-border/40 border-b py-6 xl:py-8 2xl:py-10',
|
|
className,
|
|
)}
|
|
>
|
|
<div
|
|
className={cn(
|
|
'flex flex-col items-center gap-y-2 lg:gap-y-3',
|
|
containerClass,
|
|
)}
|
|
>
|
|
<h1
|
|
className={
|
|
'font-heading text-3xl tracking-tighter xl:text-5xl dark:text-white'
|
|
}
|
|
>
|
|
{title}
|
|
</h1>
|
|
|
|
<h2
|
|
className={
|
|
'text-muted-foreground text-lg tracking-tight 2xl:text-2xl'
|
|
}
|
|
>
|
|
{subtitle}
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|