Files
supabase/apps/www/components/UI/SectionHeader.tsx
Francesco Sansalvadore e76aa11508 homepage cleanup (#29295)
* new homepage logos marquee

* add products claim

* logos spacing

* dashboard table editor demo

* dashboard table editor demo

* dashboard recordings

* rls policies

* update hp frameworks

* add dataAPIs to homepage bento

* tweet section update

* padding

* hp products update

* new customer stories hp section

* height

* finish homepage details

* update logos

* fix database visual

* improve functions visual ux

* animate data-apis visual

* realtime visual update

* reduce-motion and update chatbase logo

* lighter heading paragraph

* improve video tabs components

* add priority to offsetted images

* video plays inline

* fix mobile tweets spacing

* smoll

* load video slightly before the component enters the viewport

* fix product pointer-events

* theme based and light weight dashboard video

* testimonials margin

* remove yellow tint from light mode recordings

* fix vitest window-matchMedia error

* fix vitest window-matchMedia error

* fix url type

* remove tweet
2024-09-17 11:07:38 +02:00

23 lines
679 B
TypeScript

const SectionHeader = (props: any) => {
return (
<div className={props.className}>
<div className="space-y-4">
<span className="text-foreground-lighter block font-mono text-xs uppercase tracking-widest">
{props.subtitle}
</span>
<h3 className="h2 lg:max-w-md">
<span>{props.title}</span>
{props.title_alt && (
<span className="text-foreground-light inline">{props.title_alt}</span>
)}
</h3>
</div>
{props.paragraph && (
<p className="text-foreground-lighter max-w-3xl text-lg sm:mt-4">{props.paragraph}</p>
)}
</div>
)
}
export default SectionHeader