Saas-Teamspace-2/src/features/landing/CenteredHero.tsx
2024-11-25 19:28:40 -05:00

22 lines
567 B
TypeScript

export const CenteredHero = (props: {
banner: React.ReactNode;
title: React.ReactNode;
description: string;
buttons: React.ReactNode;
}) => (
<>
<div className="text-center">{props.banner}</div>
<div className="mt-3 text-center text-5xl font-bold tracking-tight">
{props.title}
</div>
<div className="mx-auto mt-5 max-w-screen-md text-center text-xl text-muted-foreground">
{props.description}
</div>
<div className="mt-8 flex justify-center gap-x-5 gap-y-3 max-sm:flex-col">
{props.buttons}
</div>
</>
);