mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 01:45:10 +03:00
Francesco Sansalvadore
90ef7ea874
Define and clean up standard container width definition for marketing website. PR breakdown of #43455 Related: #47227 #47228 #47236
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="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
|