mirror of
https://github.com/supabase/supabase.git
synced 2026-10-11 04:15:04 +03:00
* solutions: supabse for beginner * solutions: supabse for beginner * solutions: supabse for beginner * solutions: supabse for beginner * solutions: supabase for developers * solutions: supabase for postgres developers * solutions: supabase for no-coders * solutions: no code builders * solutions: sticky nav * solutions pages * fix metadata * add ai prompts to no code page * prerify * Solutions dropdown nav * update footer * update mobile menu * fix visual * chore: add startups solution page * chore: startups page * chore: metadata * chore: update solutions labels * chore: remove old export * fix footer links
27 lines
1.0 KiB
TypeScript
27 lines
1.0 KiB
TypeScript
import SectionContainer from './Layouts/SectionContainer'
|
|
import TwitterSocialProof from './Sections/TwitterSocialProof'
|
|
import TwitterSocialProofMobile from './Sections/TwitterSocialProofMobile'
|
|
|
|
export interface TwitterSocialSectionProps {
|
|
heading: string
|
|
subheading: string
|
|
ctas: React.ReactNode
|
|
tweets: any[]
|
|
}
|
|
|
|
const TwitterSocialSection = (props: TwitterSocialSectionProps) => (
|
|
<>
|
|
<SectionContainer className="w-full text-center flex flex-col items-center !pb-0">
|
|
<h3 className="h2">{props.heading}</h3>
|
|
<p className="p max-w-[300px] md:max-w-none">{props.subheading}</p>
|
|
{props.ctas && <div className="my-4 flex justify-center gap-2">{props.ctas}</div>}
|
|
</SectionContainer>
|
|
<SectionContainer className="relative w-full !px-0 lg:!px-16 xl:!px-0 !pb-0 mb-16 md:mb-12 lg:mb-12 !pt-6 max-w-[1400px]">
|
|
<TwitterSocialProofMobile className="lg:hidden -mb-32" tweets={props.tweets} />
|
|
<TwitterSocialProof className="hidden lg:flex" />
|
|
</SectionContainer>
|
|
</>
|
|
)
|
|
|
|
export default TwitterSocialSection
|