mirror of
https://github.com/supabase/supabase.git
synced 2026-10-18 15:49:09 +03:00
Francesco Sansalvadore
e76aa11508
* 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
44 lines
1.6 KiB
TypeScript
44 lines
1.6 KiB
TypeScript
import Link from 'next/link'
|
|
import { MessageCircle } from 'lucide-react'
|
|
import { Button } from 'ui'
|
|
import SectionContainer from './Layouts/SectionContainer'
|
|
import TwitterSocialProof from './Sections/TwitterSocialProof'
|
|
import TwitterSocialProofMobile from './Sections/TwitterSocialProofMobile'
|
|
|
|
import Tweets from '~/data/tweets/Tweets.json'
|
|
|
|
const TwitterSocialSection = () => {
|
|
const tweets = Tweets.slice(0, 18)
|
|
|
|
return (
|
|
<>
|
|
<SectionContainer className="w-full text-center !pb-0">
|
|
<h3 className="h2">Join the community</h3>
|
|
<p className="p">Discover what our community has to say about their Supabase experience.</p>
|
|
<div className="my-8 flex justify-center gap-2">
|
|
<Button asChild size="small" iconRight={<MessageCircle size={14} />} type="default">
|
|
<Link
|
|
href={'https://github.com/supabase/supabase/discussions'}
|
|
target="_blank"
|
|
tabIndex={-1}
|
|
>
|
|
GitHub discussions
|
|
</Link>
|
|
</Button>
|
|
<Button asChild type="default" size="small" iconRight={<MessageCircle size={14} />}>
|
|
<Link href={'https://discord.supabase.com/'} target="_blank" tabIndex={-1}>
|
|
Discord
|
|
</Link>
|
|
</Button>
|
|
</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-24" tweets={tweets} />
|
|
<TwitterSocialProof className="hidden lg:flex" />
|
|
</SectionContainer>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default TwitterSocialSection
|