mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 23:29:08 +03:00
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import Link from 'next/link'
|
|
import { Button, cn } from 'ui'
|
|
|
|
interface Props {
|
|
className?: string
|
|
darkerBg?: boolean
|
|
}
|
|
|
|
const CTABanner = ({ darkerBg, className }: Props) => {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
`bg-background grid grid-cols-12 items-center gap-4 border-t py-32 text-center px-16`,
|
|
darkerBg && 'bg-alternative',
|
|
className
|
|
)}
|
|
>
|
|
<div className="col-span-12">
|
|
<h2 className="h2">
|
|
<span className="text-foreground-lighter">Build in a weekend,</span>
|
|
<span className="text-foreground block sm:inline"> scale to millions</span>
|
|
</h2>
|
|
</div>
|
|
<div className="flex items-center justify-center gap-2 col-span-12 mt-4">
|
|
<Button asChild size="medium">
|
|
<Link href="https://supabase.com/dashboard">Start your project</Link>
|
|
</Button>
|
|
<Button asChild size="medium" type="default">
|
|
<Link href="/contact/sales">Request a demo</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default CTABanner
|