mirror of
https://github.com/supabase/supabase.git
synced 2026-07-26 17:32:31 -04:00
Ivan Vasilov
56de26fe22
This PR migrates the whole monorepo to use Tailwind v4: - Removed `@tailwindcss/container-queries` plugin since it's included by default in v4, - Bump all instances of Tailwind to v4. Made minimal changes to the shared config to remove non-supported features (`alpha` mentions), - Migrate all apps to be compatible with v4 configs, - Fix the `typography.css` import in 3 apps, - Add missing rules which were included by default in v3, - Run `pnpm dlx @tailwindcss/upgrade` on all apps, which renames a lot of classes - Rename all misnamed classes according to https://tailwindcss.com/docs/upgrade-guide#renamed-utilities in all apps. --------- Co-authored-by: Jordi Enric <jordi.err@gmail.com>
60 lines
2.2 KiB
TypeScript
60 lines
2.2 KiB
TypeScript
import React, { FC } from 'react'
|
|
import { cn } from 'ui'
|
|
import { TextLink } from 'ui-patterns/TextLink'
|
|
|
|
import TalkToPartnershipTeamForm from '@/components/Forms/TalkToPartnershipTeamForm'
|
|
import SectionContainer from '@/components/Layouts/SectionContainer'
|
|
|
|
interface Props {}
|
|
|
|
const UseCases: FC<Props> = () => {
|
|
return (
|
|
<SectionContainer
|
|
id="talk-to-partnerships-team"
|
|
className="text grid gap-8 lg:gap-12 md:grid-cols-2 xl:pt-20 scroll-mt-20"
|
|
>
|
|
<div className="md:h-full w-full flex flex-col justify-between gap-4 lg:gap-8">
|
|
<div className="flex flex-col gap-2 md:max-w-md">
|
|
<h1 className="h1 m-0!">
|
|
Talk to our
|
|
<br className="hidden md:block" /> Partnerships team
|
|
</h1>
|
|
<p className="md:text-lg text-foreground-lighter">
|
|
Explore custom pricing and infrastructure options.
|
|
</p>
|
|
</div>
|
|
<PlatformConnectCallout className="hidden md:flex" />
|
|
<OAuthConnectCallout className="hidden md:flex" />
|
|
</div>
|
|
<PlatformConnectCallout className="md:hidden" />
|
|
<OAuthConnectCallout className="md:hidden" />
|
|
<TalkToPartnershipTeamForm />
|
|
</SectionContainer>
|
|
)
|
|
}
|
|
|
|
const PlatformConnectCallout: FC<{ className?: string }> = ({ className }) => (
|
|
<div className={cn('border rounded-lg p-4 md:p-6 bg-surface-75 flex flex-col gap-2', className)}>
|
|
<h5>Supabase for Platforms</h5>
|
|
<p className="text-foreground-lighter">
|
|
White label Supabase backends for your platform or tools.
|
|
</p>
|
|
<TextLink url="/docs/guides/integrations/supabase-for-platforms" label="View docs" />
|
|
</div>
|
|
)
|
|
|
|
const OAuthConnectCallout: FC<{ className?: string }> = ({ className }) => (
|
|
<div className={cn('border rounded-lg p-4 md:p-6 bg-surface-75 flex flex-col gap-2', className)}>
|
|
<h5>Connect your app to your user's Supabase org now</h5>
|
|
<p className="text-foreground-lighter">
|
|
Set up a Supabase OAuth app so you can start interacting with your user's Supabase project.
|
|
</p>
|
|
<TextLink
|
|
url="https://supabase.com/docs/guides/integrations/build-a-supabase-integration"
|
|
label="View docs"
|
|
/>
|
|
</div>
|
|
)
|
|
|
|
export default UseCases
|