mirror of
https://github.com/supabase/supabase.git
synced 2026-10-13 21:29:08 +03:00
CoppleandJonathan Summers-Muir
9115577baa
* mocks up a basic company skeleton * Mocks up some logos * Adds some initial investor data * Adds some of the investors * Updates the investor tagline * Adds a team section * Active employees only * chore: update the company page. see commit description • added team data, with twitter, github and linkedin links (no linkedin urls added yet) • added logos of developer signups • removed some redundant code • adjusted the stats for community to be non clickable / static text, now with logos/icons • text added for headers there's an issue with tailwind, seems to be missing a lot of classes. fix will be in following commit * sorry joshen * clean up team * chore: update tailwind * fix: issues with border colors * chore: invert color of logo * fix: alt name * chore: update to NextJS/image * modifies the layout a bit * fixed image issue * chore: add company to footer * fixes responsiveness * chore: Added ImageGrid component * fix container issue on header * chore: add imageGrid to mdx parser * update images * Adds a draft for series A * Adds companies * Adds another layer of titles * remove image grid * fix warnings * Finalizes the blog post - for review * spell check * updates investors * Adds an OG image * Updates the date * Adds all investors with sorting * clean up duplicate investors * Adding that there are more investors * Redirect to the blog post instead of TC * cleaner way of saying this * fix RSS date on blog post Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
69 lines
1.6 KiB
TypeScript
69 lines
1.6 KiB
TypeScript
import { Card, Space, Typography } from '@supabase/ui'
|
|
import DeveloperSignups from 'data/DeveloperSignups'
|
|
|
|
type CommunityItem = {
|
|
title: string
|
|
stat: string
|
|
statLabel: string
|
|
img: string
|
|
detail: any // some component to show when selected
|
|
invertImgDarkMode?: boolean
|
|
}
|
|
|
|
const data: CommunityItem[] = [
|
|
{
|
|
title: 'Developers',
|
|
stat: '40,000+',
|
|
statLabel: 'Registered developers',
|
|
img: 'supabase.png',
|
|
detail: () => (
|
|
<div className="mt-5 max-w-lg mx-auto grid gap-0 sm:grid-cols-3 lg:grid-cols-4 lg:max-w-none text-center border border-dashed rounded-lg overflow-hidden ">
|
|
{DeveloperSignups.map((signup) => (
|
|
<div
|
|
key={signup.title}
|
|
className="col-span-1 flex justify-center py-8 px-8 border border-dashed"
|
|
>
|
|
<img key={signup.title} className="max-h-12" src={signup.img} alt={signup.title} />
|
|
</div>
|
|
))}
|
|
</div>
|
|
),
|
|
},
|
|
{
|
|
title: 'GitHub',
|
|
stat: '20,000+',
|
|
statLabel: 'Github stars',
|
|
img: 'github.png',
|
|
invertImgDarkMode: true,
|
|
detail: () => (
|
|
<div>
|
|
<Typography.Text>Some growth chart?</Typography.Text>
|
|
</div>
|
|
),
|
|
},
|
|
{
|
|
title: 'Twitter',
|
|
stat: '17,000+',
|
|
statLabel: 'Followers',
|
|
img: 'twitter.png',
|
|
detail: () => (
|
|
<div>
|
|
<Typography.Text>Some twitter callouts</Typography.Text>
|
|
</div>
|
|
),
|
|
},
|
|
{
|
|
title: 'Discord',
|
|
stat: '4,000+',
|
|
statLabel: 'SuperTroopers',
|
|
img: 'discord.png',
|
|
detail: () => (
|
|
<div>
|
|
<Typography.Text>Something great</Typography.Text>
|
|
</div>
|
|
),
|
|
},
|
|
]
|
|
|
|
export default data
|