Skip to content

Sponsor & Support pages update #442

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 4 commits into
base: develop
Choose a base branch
from
Draft

Sponsor & Support pages update #442

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a0ae00e
update support page
jemgillam Jul 24, 2025
e5687f9
begin tweaks
jemgillam Jul 24, 2025
513857c
initial tiers added
jemgillam Jul 24, 2025
d5b77d7
change a color
jemgillam Jul 25, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions src/components/Layout/index.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1119,3 +1119,16 @@ svg.MarketingDivide {
.text-center2 {
text-align: center;
}

// ----------------------------------------
// Sponsor Page

.tier-row {
}

.tier {
}

.tier a {
color: #4a68b4;
}
58 changes: 58 additions & 0 deletions src/components/MarketingTier.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
import React from "react";

export default function MarketingTiers({ children }) {
return (
<div
className="tier-row"
style={{
display: "flex",
flexDirection: "row",
gap: "1rem",
alignItems: "stretch",
}}
>
{children}
</div>
);
}

export class Tier extends React.Component {
render() {
const { name, price, tagline, href, description } = this.props;

return (
<div
className="tier"
style={{
display: "flex",
flexDirection: "column",
justifyItems: "space-between",
alignContent: "flex-start",
backgroundColor: "white",
margin: "0.5em",
padding: "1rem",
borderRadius: "12px",
border: "4px solid #1b1b3d",
color: "#1b3955",
flex: "0 0 33%",
}}
>
<h3>{name}</h3>
<span>
<span style={{ fontSize: "1.5rem" }}>{price}</span>{" "}
<span style={{ fontSize: "0.8rem" }}>/month</span>
</span>
<div className="tc">
<a className="button--solid" href={href}>
Join on GitHub Sponsors{" "}
<span className="fas fa-fw fa-external-link-square-alt" />
</a>
</div>
<h4>{tagline}</h4>
<div>
<span>{description}</span>
</div>
</div>
);
}
}
131 changes: 112 additions & 19 deletions src/pages/sponsor.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,11 +16,12 @@ import MarketingProduct from "$components/MarketingProduct";
import postgresPostgraphileGraphql from "$images/postgres_postgraphile_graphql.png";
import Testimonial from "$components/MarketingTestimonial";
import Sponsors, { Sponsor } from "$components/MarketingSponsor";
import Tiers, { Tier } from "$components/MarketingTier";

<MarketingLayout blue>
<Hero bg="medium">

# Sponsor Graphile's Open Source Software
# Sponsor Graphile’s Open Source Software

</Hero>

Expand All @@ -30,7 +31,7 @@ import Sponsors, { Sponsor } from "$components/MarketingSponsor";

<div style={{maxWidth: '48rem', margin: '0 auto'}}>

We're extremely grateful to the following individuals and businesses that help
We’re extremely grateful to the following individuals and businesses that help
to fund ongoing development on the Graphile suite through sponsorship. **THANK
YOU!**

Expand Down Expand Up @@ -143,7 +144,7 @@ YOU!**

<div class="flex">
<a class="button--solid" href="https://github.com/users/benjie/sponsorship">
Sponsor Graphile's Open Source Software{" "}
Sponsor Graphile’s Open Source Software{" "}
<span class="fas fa-fw fa-external-link-square-alt" />
</a>
</div>
Expand Down Expand Up @@ -203,39 +204,131 @@ advancement without adding additional time burdens.

<MarketingSection bg="dark" left maxWidth>

### Why "crowd-funded open-source project"?
### Why “crowd-funded open-source project”?

Many of our projects are open-source to give users great freedom in how they use
the software, and to enable the community to have influence over how the
projects progress to make it appropriate for a wide range of use-cases. To
ensure users can rely on these projects for years to come, they need to be well
directed and financially sustainable.

**The absolute best way to support Graphile is to become a sponsor.**
Crowd-sourced funding enables us to spend the most time directly working on
improving the software, which you and other users then benefit from.

<div class="flex">
<a class="button--solid" href="https://github.com/users/benjie/sponsorship">
Become a Sponsor <span class="fas fa-fw fa-external-link-square-alt" />
</a>
</div>
**The best way to ensure that Graphile software is something you can depend on for years
to come is through monthly sponsorship.** Crowd-sourced funding enables us to spend the
most time directly working on improving the software, which you and other users then benefit from.

</MarketingSection>
<MarketingDivide from="dark" to="medium" />
<MarketingDivide from="dark" to="medium" via="light" down/>
<MarketingSection bg="medium" left maxWidth>

### Sponsor tiers and benefits

As well as ensuring the sustainability and longevity of PostGraphile and the wider Graphile
suite of developer tooling, sponsorship also gives you or your company some additional benefits
such as access to security announcements and being featured in the README files of Graphile’s
main open source projects. Choose the tier which matches your funding goal, higher tiers come
with more benefits.

</MarketingSection>

<MarketingSection bg="medium" left>

<Tiers>
<Tier
name="Supporter"
price="$25"
tagline="Thank you!"
href="https://github.com/sponsors/benjie/sponsorships?tier_id=369"
description={<ul>
<li>Your name on the Graphile Sponsors page</li>
<li>Graphile stickers</li>
<li>Your name among those randomly featured in the PostGraphile CLI</li>
<li>Post job opportunities to our Discord community</li>
<li>Access to the #supporter-lounge on Discord</li>
<li>The warm feeling from knowing you’re supporting Open Source Software</li>
</ul>}
/>
<Tier
name="Production Sponsor"
price="$100"
tagline="Support sustainability"
href="https://github.com/sponsors/benjie/sponsorships?tier_id=368"
description={<ul>
<li>The Supporter tier benefits and...</li>
<li>
Access to <strong>private security announcements</strong>
</li>
<li>
Free access to <a href="https://postgraphile.org/pricing"><strong>PostGraphile V4 Pro</strong></a> and <a href="https://worker.graphile.org/pricing"><strong>Worker Pro</strong></a>
</li>
<li>Access to <a href="https://github.com/graphile-pro"><strong>graphile-pro</strong></a></li>
<li>
Your name and <strong>avatar/logo</strong> featured on our websites
</li>
<li>
Your name <strong>more frequently featured</strong> in the
PostGraphile CLI
</li>
<li>
The warm feeling that comes from knowing you’re making a difference
to the sustainability of the Graphile suite of tooling
</li>
</ul>}
/>
<Tier
name="Featured Sponsor"
price="$500"
tagline="Get featured in the project"
href="https://github.com/sponsors/benjie/sponsorships?tier_id=367"
description={<ul>
<li>The Production tier benefits and...</li>
<li>
Your name and avatar/logo <strong>
featured in the READMEs of Graphile’s main OSS projects</strong> (shown on GitHub and npm)
</li>
<li>
Your name and <strong>avatar/logo prominently featured </strong>on our websites
</li>
<li>
Your name <strong>even more frequently featured</strong> in the PostGraphile CLI
</li>
<li>
Access to <strong>#vip-lounge</strong> on Discord
</li>
<li>
Free access to <strong>
<a href="https://pgrita.com">pgRITA</a>
</strong>
</li>
<li>
The warm feeling that comes from knowing{" "}
<strong>
you’re making a significant difference to the development and sustainability of
PostGraphile, Gra<em>fast</em>, and the wider suite of Graphile developer tooling</strong>
</li>
</ul>}
/>
</Tiers>





</MarketingSection>
<MarketingDivide from="medium" to="dark" via="light" down/>
<MarketingSection bg="dark" left maxWidth>


### How is sponsorship money spent?

Sponsorship money is used to fund software development, testing, documentation
and releases of PostGraphile and the Graphile suite. A small amount is also used
to send rewards such as stickers and learning materials to our backers.

</MarketingSection>
<MarketingDivide from="medium" to="dark" down />
<MarketingSection bg="dark" left maxWidth>
<MarketingDivide from="dark" to="medium" down />
<MarketingSection bg="medium" left maxWidth>

### Is sponsorship required to use Graphile's OSS?
### Is sponsorship required to use Graphile’s OSS?

Users are not legally required to give back to the Graphile project, but it is
in their interest to do so.
Expand All @@ -247,8 +340,8 @@ savings back, enabling the projects to advance more rapidly, and result in even
greater savings for your organization.

</MarketingSection>
<MarketingDivide from="dark" to="medium" via="light" />
<MarketingSection bg="medium" left maxWidth>
<MarketingDivide from="medium" to="dark" via="light" />
<MarketingSection bg="dark" left maxWidth>

### How can I sponsor?

Expand Down
51 changes: 8 additions & 43 deletions src/pages/support/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ import TeamBio from '$components/MarketingTeamBio';
<MarketingBullets single big bullets={[
"One-on-one time with Graphile's maintainer",
'Same-day slots often available',
'One hour of voice / screensharing for $500',
'One hour of voice / screensharing for $375',
'Book directly from the calendar using a credit or debit card',
]}/>

Expand Down Expand Up @@ -79,27 +79,27 @@ import TeamBio from '$components/MarketingTeamBio';

</MarketingSection>

<MarketingDivide from="nodes" to="medium" />
<MarketingDivide from="nodes" to="dark" />

<MarketingSection bg="medium">
<MarketingSection bg="dark">

<div className="f4 tl" style={{maxWidth: '50rem', margin: '0 auto'}}>
Development Support gives your organisation access to the knowledge and
Development Support gives your organization access to the knowledge and
experience of the Graphile team for any issues you have with
PostGraphile, the Graphile suite and other tools in the ecosystem
such as TypeScript, SQL, Node.js, GraphQL and more. If you're
running any of the Graphile tools, you won't find anyone more qualified
to help.

From $1,500/month, paid monthly through GitHub sponsors, or
From $999/month, paid monthly through GitHub sponsors, or
quarterly/annually through invoicing (+ VAT where applicable). T&Cs apply.
</div>

</MarketingSection>

<MarketingDivide from="medium" to="dark" via="light" down/>
<MarketingDivide from="dark" to="medium" via="light" down/>

<MarketingSection bg="dark">
<MarketingSection bg="medium">

<div className="f4 b tl" style={{maxWidth: '54rem', margin: '0 auto'}}>
<div class="mw9 ph3-ns flex flex-wrap justify-between">
Expand All @@ -119,42 +119,7 @@ for faster, safer and more robust software development and practices.

</MarketingSection>

<MarketingDivide from="dark" to="nodes" via="light"/>

<MarketingSection bg="nodes">

<div className="f4 tl" style={{maxWidth: '50rem', margin: '0 auto'}}>

## Want more?

### Our Consultancy Retainer includes the benefits above, plus:

<MarketingBullets single big bullets={[
'Schedule calls directly on our calendar, no additional fee',
<>Longer and deeper discussions:<ul className="ul-check">
<li>planning product features</li>
<li>designing your database or GraphQL schema</li>
<li>solving (or avoiding) performance issues</li>
<li>debugging</li></ul></>,
'Targeted code review'
]}/>

<div className="f4 tl" style={{maxWidth: '50rem', margin: '0 auto'}}>
From $6,000/month, cancel any time, no minimum term.

</div>

<p class='flex'>
<a class='button--solid' href='mailto:[email protected]?subject=Support%20plan%20enquiry'>Get in touch <span class='fas fa-fw fa-arrow-right' /></a>
</p>

*T&Cs apply - calls may be up to 3 hours, at most one per day, subject to availability -
prices quoted for teams containing up to 10 engineers - pay monthly through GitHub Sponsors, or through
quarterly/annual invoicing (+ VAT where applicable).*
</div>
</MarketingSection>

<MarketingDivide from="nodes" to="dark" via="light"/>
<MarketingDivide from="medium" to="dark" via="light"/>

<MarketingSection bg="dark">

Expand Down