Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-18 10:42:01 +10:00
Code Issues Packages Projects Releases Wiki Activity

chore: restructure open page

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2024-03-20 10:31:19 +00:00
parent 2facc0e331
commit 48858cfdd0
2 changed files with 31 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
apps/marketing/src/app/(marketing)/open/page.tsx
View File

@ -164,7 +164,7 @@ export default async function OpenPage() {
</p> </p>
</div> </div>
<div className="mt-12 grid grid-cols-12 gap-8"> <div className="my-12 grid grid-cols-12 gap-8">
<div className="col-span-12 grid grid-cols-4 gap-4"> <div className="col-span-12 grid grid-cols-4 gap-4">
<MetricCard <MetricCard
className="col-span-2 lg:col-span-1" className="col-span-2 lg:col-span-1"
@ -191,20 +191,17 @@ export default async function OpenPage() {
<TeamMembers className="col-span-12" /> <TeamMembers className="col-span-12" />
<SalaryBands className="col-span-12" /> <SalaryBands className="col-span-12" />
</div>
<h2 className="px-4 text-2xl font-semibold">Finances</h2>
<div className="mb-12 mt-4 grid grid-cols-12 gap-8">
<FundingRaised data={FUNDING_RAISED} className="col-span-12 lg:col-span-6" /> <FundingRaised data={FUNDING_RAISED} className="col-span-12 lg:col-span-6" />
<CapTable className="col-span-12 lg:col-span-6" /> <CapTable className="col-span-12 lg:col-span-6" />
</div>
<BarMetric<EarlyAdoptersType> <h2 className="px-4 text-2xl font-semibold">Community</h2>
data={EARLY_ADOPTERS_DATA} <div className="mb-12 mt-4 grid grid-cols-12 gap-8">
metricKey="earlyAdopters"
title="Early Adopters"
label="Early Adopters"
className="col-span-12 lg:col-span-6"
extraInfo={<OpenPageTooltip />}
/>
<BarMetric<StargazersType> <BarMetric<StargazersType>
data={STARGAZERS_DATA} data={STARGAZERS_DATA}
metricKey="stars" metricKey="stars"
@ -240,6 +237,20 @@ export default async function OpenPage() {
className="col-span-12 lg:col-span-6" className="col-span-12 lg:col-span-6"
/> />
<Typefully className="col-span-12 lg:col-span-6" />
</div>
<h2 className="px-4 text-2xl font-semibold">Growth</h2>
<div className="mb-12 mt-4 grid grid-cols-12 gap-8">
<BarMetric<EarlyAdoptersType>
data={EARLY_ADOPTERS_DATA}
metricKey="earlyAdopters"
title="Early Adopters"
label="Early Adopters"
className="col-span-12 lg:col-span-6"
extraInfo={<OpenPageTooltip />}
/>
<MonthlyTotalUsersChart data={MONTHLY_USERS} className="col-span-12 lg:col-span-6" /> <MonthlyTotalUsersChart data={MONTHLY_USERS} className="col-span-12 lg:col-span-6" />
<MonthlyNewUsersChart data={MONTHLY_USERS} className="col-span-12 lg:col-span-6" /> <MonthlyNewUsersChart data={MONTHLY_USERS} className="col-span-12 lg:col-span-6" />
@ -247,19 +258,17 @@ export default async function OpenPage() {
data={MONTHLY_COMPLETED_DOCUMENTS} data={MONTHLY_COMPLETED_DOCUMENTS}
className="col-span-12 lg:col-span-6" className="col-span-12 lg:col-span-6"
/> />
</div>
<Typefully className="col-span-12 lg:col-span-6" /> </div>
<div className="col-span-12 mt-12 flex flex-col items-center justify-center"> <div className="col-span-12 mt-12 flex flex-col items-center justify-center">
<h2 className="text-2xl font-bold">Where's the rest?</h2> <h2 className="text-2xl font-bold">Where's the rest?</h2>
<p className="text-muted-foreground mt-4 max-w-[55ch] text-center text-lg leading-normal"> <p className="text-muted-foreground mt-4 max-w-[55ch] text-center text-lg leading-normal">
We're still working on getting all our metrics together. We'll update this page as We're still working on getting all our metrics together. We'll update this page as soon as
soon as we have more to share. we have more to share.
</p> </p>
</div> </div>
</div>
</div>
<CallToAction className="mt-12" utmSource="open-page" /> <CallToAction className="mt-12" utmSource="open-page" />
</div> </div>

2
apps/marketing/src/app/(marketing)/open/team-members.tsx
View File

@ -1,4 +1,4 @@
import { HTMLAttributes } from 'react'; import type { HTMLAttributes } from 'react';
import { cn } from '@documenso/ui/lib/utils'; import { cn } from '@documenso/ui/lib/utils';
import { import {