diff --git a/src/components/Layout/index.scss b/src/components/Layout/index.scss index 30c956add..0f61e9d77 100644 --- a/src/components/Layout/index.scss +++ b/src/components/Layout/index.scss @@ -1119,3 +1119,16 @@ svg.MarketingDivide { .text-center2 { text-align: center; } + +// ---------------------------------------- +// Sponsor Page + +.tier-row { +} + +.tier { +} + +.tier a { + color: #4a68b4; +} diff --git a/src/components/MarketingTier.js b/src/components/MarketingTier.js new file mode 100644 index 000000000..5bfe6ba1a --- /dev/null +++ b/src/components/MarketingTier.js @@ -0,0 +1,58 @@ +import React from "react"; + +export default function MarketingTiers({ children }) { + return ( +
+ {children} +
+ ); +} + +export class Tier extends React.Component { + render() { + const { name, price, tagline, href, description } = this.props; + + return ( +
+

{name}

+ + {price}{" "} + /month + +
+ + Join on GitHub Sponsors{" "} + + +
+

{tagline}

+
+ {description} +
+
+ ); + } +} diff --git a/src/pages/sponsor.mdx b/src/pages/sponsor.mdx index 924c9264e..99fa1a758 100644 --- a/src/pages/sponsor.mdx +++ b/src/pages/sponsor.mdx @@ -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"; -# Sponsor Graphile's Open Source Software +# Sponsor Graphile’s Open Source Software @@ -30,7 +31,7 @@ import Sponsors, { Sponsor } from "$components/MarketingSponsor";
-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!** @@ -143,7 +144,7 @@ YOU!**
- Sponsor Graphile's Open Source Software{" "} + Sponsor Graphile’s Open Source Software{" "}
@@ -203,7 +204,7 @@ advancement without adding additional time burdens. -### 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 @@ -211,20 +212,112 @@ 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. - -
- - Become a Sponsor - -
+**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. - + +### 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. + + + + + + + +
  • Your name on the Graphile Sponsors page
    • +
  • Graphile stickers
    • +
  • Your name among those randomly featured in the PostGraphile CLI
    • +
  • Post job opportunities to our Discord community
    • +
  • Access to the #supporter-lounge on Discord
    • +
  • The warm feeling from knowing you’re supporting Open Source Software
    • + } + /> + +
  • The Supporter tier benefits and...
    • +
  • + Access to private security announcements +
    • +
  • + Free access to PostGraphile V4 Pro and Worker Pro +
    • +
  • Access to graphile-pro
    • +
  • + Your name and avatar/logo featured on our websites +
    • +
  • + Your name more frequently featured in the + PostGraphile CLI +
    • +
  • + The warm feeling that comes from knowing you’re making a difference + to the sustainability of the Graphile suite of tooling +
    • + } + /> + +
  • The Production tier benefits and...
    • +
  • + Your name and avatar/logo + featured in the READMEs of Graphile’s main OSS projects (shown on GitHub and npm) +
    • +
  • + Your name and avatar/logo prominently featured on our websites +
    • +
  • + Your name even more frequently featured in the PostGraphile CLI +
    • +
  • + Access to #vip-lounge on Discord +
    • +
  • + Free access to + pgRITA + +
    • +
  • + The warm feeling that comes from knowing{" "} + + you’re making a significant difference to the development and sustainability of + PostGraphile, Grafast, and the wider suite of Graphile developer tooling +
    • + } + /> +     + + + + + +     + + + + ### How is sponsorship money spent? Sponsorship money is used to fund software development, testing, documentation @@ -232,10 +325,10 @@ 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. - - + + -### 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. @@ -247,8 +340,8 @@ savings back, enabling the projects to advance more rapidly, and result in even greater savings for your organization. - - + + ### How can I sponsor? diff --git a/src/pages/support/index.mdx b/src/pages/support/index.mdx index 95b3982c2..95e575ebe 100644 --- a/src/pages/support/index.mdx +++ b/src/pages/support/index.mdx @@ -40,7 +40,7 @@ import TeamBio from '$components/MarketingTeamBio'; @@ -79,27 +79,27 @@ import TeamBio from '$components/MarketingTeamBio'; - + - +
    -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.
    - + - +
    @@ -119,42 +119,7 @@ for faster, safer and more robust software development and practices. - - - - -
    - -## Want more? - -### Our Consultancy Retainer includes the benefits above, plus: - -Longer and deeper discussions:
      -
    • planning product features
      • -
    • designing your database or GraphQL schema
      • -
    • solving (or avoiding) performance issues
      • -
    • debugging
    , -'Targeted code review' -]}/> - -
    -From $6,000/month, cancel any time, no minimum term. - -
    - -

    -Get in touch -

    - -*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).* -
    -     - - +