Files
supabase/apps/www/data/Community.tsx
ShaneandDanny White 586ed82270 content(www): update company page metrics, investors, and press (#47700)
## Summary

- Updated community stats: 10M+ developers, 100K+ GitHub stars, 200K+
followers, 50K+ SupaTroopers
- Updated funding copy from \"over \$116 million\" to \"\$1 Billion\"
- Added Supabase Series F blog post to Press section
- Changed press articles grid from 3-column to 4-column to match
podcasts layout
- Reduced community stats font size (text-4xl → text-3xl) and added
right padding to prevent overlap with dividers

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

## Summary by CodeRabbit

* **Bug Fixes**
* Improved spacing and borders in the community stats grid for cleaner
end-of-list alignment.

* **Style**
  * Reduced the community stat number size for better readability.
* Updated the Press articles layout on large screens to show more items
per row.

* **Content Updates**
* Refreshed community stat counts for Developers, GitHub, Twitter, and
Discord.
  * Updated “Our investors” copy to **$1 billion**.
  * Added **“Supabase Series F”** as the first Press article.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Danny White <3104761+dnywh@users.noreply.github.com>
2026-07-07 12:00:46 -05:00

68 lines
1.5 KiB
TypeScript

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: '10,000,000+',
statLabel: 'Registered developers',
img: 'supabase.png',
detail: () => (
<div className="mx-auto mt-5 grid max-w-lg gap-0 overflow-hidden rounded-lg border border-dashed text-center sm:grid-cols-3 lg:max-w-none lg:grid-cols-4 ">
{DeveloperSignups.map((signup) => (
<div
key={signup.title}
className="col-span-1 flex justify-center border border-dashed py-8 px-8"
>
<img key={signup.title} className="max-h-12" src={signup.img} alt={signup.title} />
</div>
))}
</div>
),
},
{
title: 'GitHub',
stat: '100,000+',
statLabel: 'GitHub stars',
img: 'github.png',
invertImgDarkMode: true,
detail: () => (
<div>
<p>Some growth chart?</p>
</div>
),
},
{
title: 'Twitter',
stat: '200,000+',
statLabel: 'Followers',
img: 'twitter.png',
detail: () => (
<div>
<p>Some twitter callouts</p>
</div>
),
},
{
title: 'Discord',
stat: '50,000+',
statLabel: 'SupaTroopers',
img: 'discord.png',
detail: () => (
<div>
<p>Something great</p>
</div>
),
},
]
export default data