Files
supabase/www/components/UI/SectionHeader.tsx
T
CoppleandJonathan Summers-Muir 9115577baa supabase.com/company (#3600)
* 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>
2021-10-29 21:59:53 +08:00

31 lines
1.0 KiB
TypeScript

import { Typography } from '@supabase/ui'
const SectionHeader = (props: any) => {
return (
<div className={'grid grid-cols-12 gap-1 sm:gap-8 ' + props.className}>
<div className="relative grid py-12 col-span-12 grid-cols-12">
<div className="col-span-12">
<span className="col-span-12 block mb-6 text-sm tracking-widest uppercase text-gray-300 font-mono dark:text-gray-300">
{props.subtitle}
</span>
<Typography.Title level={2}>
<span>{props.title}</span>
{props.title_alt && (
<span className="text-gray-400 dark:text-gray-300 inline">{props.title_alt}</span>
)}
</Typography.Title>
</div>
<div className="col-span-12 lg:col-span-7">
{props.paragraph && (
<Typography.Text type="secondary">
<p className="mt-3 mx-auto text-xl sm:mt-4">{props.paragraph}</p>
</Typography.Text>
)}
</div>
</div>
</div>
)
}
export default SectionHeader