Skip to content

Commit eaf6923

Browse files
jemgillamjemgillam
authored
Support 2022 (#338)
* Initial commit * Team biography component * Note about Node version * Begin changing copy * Wording finished * sorting out images * Wording tweaks, less repetition * Change last block
1 parent 63620bb commit eaf6923

File tree

4 files changed

+107
-70
lines changed

4 files changed

+107
-70
lines changed

‎README.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,12 @@ You can view the website in browser at http://localhost:8000/
1313

1414
## Troubleshooting
1515

16+
Use node 12
17+
18+
```bash
19+
nvm use 12
20+
```
21+
1622
Gatsby sometimes goes wrong/gets confused. First port of call is to kill it,
1723
then clear the `.cache` and `public` folders:
1824

‎src/components/MarketingTeamBio.js

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import React from "react";
2+
export default function MarketingTeamBio({
3+
name,
4+
role,
5+
children,
6+
imageAlt,
7+
imageSrc,
8+
}) {
9+
return (
10+
<article
11+
className="pa1 black bg-white pa4-ns mv3 mh2 ba b--black-10"
12+
style={{ flex: "1 0 20rem" }}
13+
>
14+
<div className="tc">
15+
<span className="f3 b">{name}</span>
16+
<br />
17+
<span className="i f5 b">{role}</span>{" "}
18+
<hr className="mw3 bb bw1 b--black-10 db" />
19+
</div>
20+
<p className="lh-copy measure center f6 black-70">{children}</p>
21+
<img alt={imageAlt} src={imageSrc} width="800" />
22+
</article>
23+
);
24+
}

‎src/pages/support/index.mdx

Lines changed: 77 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -8,30 +8,31 @@ import MarketingLayout from '$components/MarketingLayout';
88
import Hero from '$components/Hero';
99
import MarketingSection from '$components/MarketingSection';
1010
import MarketingDivide from '$components/MarketingDivide';
11-
import MarketingCodebox from '$components/MarketingCodebox';
1211
import MarketingBullets from '$components/MarketingBullets';
13-
import Testimonial from '$components/MarketingTestimonial';
12+
import TeamBio from '$components/MarketingTeamBio';
1413

1514
<MarketingLayout blue>
1615

1716
<!-- **************************************** -->
1817

19-
<Hero bg="nodes">
18+
<Hero bg="white">
2019

2120
## Professional Support
2221

23-
### From the team behind PostGraphile and Graphile Engine
22+
### From the team behind PostGraphile, Graphile Worker and the Graphile suite
2423

2524
<div class='flex'>
2625
<a class='mr3 button--solid-light' href='mailto:[email protected]?subject=Support%20enquiry'>Get in touch <span class='fas fa-fw fa-arrow-right' /></a>
2726
<a class='mr3 button--solid' target="_blank" href='https://benjie.dev/'>Consult with Benjie ASAP <span class='fas fa-fw fa-external-link-alt' /></a>
2827
</div>
2928

3029
</Hero>
31-
<MarketingSection bg="nodes">
30+
31+
<MarketingSection bg="white">
3232

3333
<div className="f4 b tl" style={{maxWidth: '54rem', margin: '0 auto'}}>
3434

35+
3536
## On Demand Consultancy
3637

3738
### For timely help when you don't have a support plan
@@ -46,123 +47,129 @@ import Testimonial from '$components/MarketingTestimonial';
4647
<div class='flex'>
4748
<a class='mr3 button--solid' target="_blank" href='https://benjie.dev/'>Consult with Benjie ASAP <span class='fas fa-fw fa-external-link-alt' /></a>
4849
</div>
49-
50-
5150
</div>
5251

5352
</MarketingSection>
5453

55-
<MarketingDivide from="nodes" to="dark" down />
56-
<MarketingDivide from="dark" to="nodes" down />
54+
<MarketingDivide from="white" to="light" down />
55+
<MarketingDivide from="light" to="nodes" via="medium" down />
56+
5757

5858
<MarketingSection bg="nodes">
5959

6060
<div className="f4 b tl" style={{maxWidth: '54rem', margin: '0 auto'}}>
6161

62-
## Support Plan
62+
## Development Support
6363

64-
### Timely access to the Graphile team throughout the year
64+
### One-to-one access to the Graphile team throughout the year
6565

6666
<MarketingBullets single big bullets={[
67-
'Prioritised tickets for issues you have with the Graphile suite',
68-
'Guaranteed response to critical issues in under 2 business days',
69-
//'Support provided via email, chat and VoIP',
70-
//'From the team behind the Graphile suite of tools',
67+
'Priority text support straight from the maintainer',
68+
'Add the Graphile team to your chat server for timely responses',
69+
'Reference your code verbatim',
70+
'Add the team to your GitHub/GitLab organisation','Calls arranged as required',
71+
<>The benefits of sponsorship included & free access to <a href="https://pgrita.com" target="_blank">pgRITA</a></>,
7172
'NDA available',
7273
]}/>
7374

7475
<div class='flex'>
75-
<a class='button--solid' href='mailto:[email protected]?subject=Support%20plan%20enquiry'>Get in touch <span class='fas fa-fw fa-arrow-right' /></a>
76+
<a class='button--solid' href='mailto:[email protected]?subject=Support%20plan%20enquiry'>Get in touch <span class='fas fa-fw fa-arrow-right' /></a>
7677
</div>
77-
7878
</div>
7979

8080
</MarketingSection>
8181

8282
<MarketingDivide from="nodes" to="medium" />
8383

8484
<MarketingSection bg="medium">
85-
<div className="f4 tl" style={{maxWidth: '50rem', margin: '0 auto'}}>
8685

87-
Our Support Plan gives your team access to the knowledge and
86+
<div className="f4 tl" style={{maxWidth: '50rem', margin: '0 auto'}}>
87+
Development Support gives your organisation access to the knowledge and
8888
experience of the Graphile team for any issues you have with
89-
PostGraphile and the Graphile suite.
90-
91-
Price: $300/mo, paid quarterly or annually (+ VAT where applicable)
89+
PostGraphile, the Graphile suite and other tools in the ecosystem
90+
such as TypeScript, SQL, Node.js, GraphQL and more. If you're
91+
running any of the Graphile tools, you won't find anyone more qualified
92+
to help.
9293

94+
From $1,500/month, paid monthly through GitHub sponsors, or
95+
quarterly/annually through invoicing (+ VAT where applicable). T&Cs apply.
9396
</div>
97+
9498
</MarketingSection>
9599

96-
<MarketingDivide from="medium" to="dark" via="light"/>
100+
<MarketingDivide from="medium" to="dark" via="light" down/>
97101

98102
<MarketingSection bg="dark">
99-
<div className="f4 tl pb5" style={{maxWidth: '50rem', margin: '0 auto'}}>
100103

101-
## FAQ
102-
103-
### What are the response times?
104+
<div className="f4 b tl" style={{maxWidth: '54rem', margin: '0 auto'}}>
105+
<div class="mw9 ph3-ns flex flex-wrap justify-between">
106+
<TeamBio
107+
name="Benjie"
108+
role="Maintainer of Graphile and GraphQL TSC member"
109+
imageAlt="Benjie at Reactive Conf 2019"
110+
imageSrc="/images/support/makeitfast.jpg"
111+
>
112+
Maintainer of Graphile, GraphQL TSC member and keynote speaker, Benjie
113+
is at the forefront of GraphQL development. Together with the Graphile
114+
team, he will lend his expertise to your in-house development and push
115+
for faster, safer and more robust software development and practices.
116+
</TeamBio>
117+
</div>
118+
</div>
104119

105-
Response times are guaranteed based on the severity of the
106-
incoming support request:
120+
</MarketingSection>
107121

108-
- **critical**: 2 business days
109-
- all other classes of severity: 5 business days
122+
<MarketingDivide from="dark" to="nodes" via="light"/>
110123

111-
### How is severity classified?
124+
<MarketingSection bg="nodes">
112125

113-
We classify the severity of incoming support requests according to these classes:
126+
<div className="f4 tl" style={{maxWidth: '50rem', margin: '0 auto'}}>
114127

115-
- **critical**: the Software is inoperable or a core function of the Software is unavailable or a critical security vulnerability in the Software is discovered;
116-
- **serious**: a core function of the Software is significantly impaired;
117-
- **moderate**: a core function of the Software is impaired, where the impairment does not constitute a serious issue; or a non-core function of the Software is significantly impaired; and
118-
- **minor**: any impairment of the Software not falling into the above categories; and any cosmetic issue affecting the Software or its documentation.
128+
## Want more?
119129

120-
### Does the support plan cover large/complex deployments, and multi-stage QA pipelines?
130+
### Our Consultancy Retainer includes the benefits above, plus:
121131

122-
The advertised fee is not affected by how you deploy, or how many development
123-
environments you have. However, you should note that the support plan
124-
covers issues with the Graphile suite only, it does not cover external concerns such as
125-
your servers, routing, proxying and deployment — we cannot help you debug your
126-
Kubernetes cluster, or help spot an issue in your nginx config.
132+
<MarketingBullets single big bullets={[
133+
'Schedule calls directly on our calendar, no additional fee',
134+
<>Longer and deeper discussions:<ul className="ul-check">
135+
<li>planning product features</li>
136+
<li>designing your database or GraphQL schema</li>
137+
<li>solving (or avoiding) performance issues</li>
138+
<li>debugging</li></ul></>,
139+
'Targeted code review'
140+
]}/>
127141

128-
### What kind of things can the support be used for?
142+
<div className="f4 tl" style={{maxWidth: '50rem', margin: '0 auto'}}>
143+
From $6,000/month, cancel any time, no minimum term.
129144

130-
The main use case for Graphile support is that if you hit a bug in
131-
PostGraphile or the Graphile suite of tools, we can help you to understand it, and advise you on how to work
132-
around the issue until a fix is available. Given PostGraphile's MIT license
133-
(which disclaims all liabilities), having the guarantee of a rapid response
134-
to production or development issues is the main value proposition of the
135-
support plan.
145+
</div>
136146

137-
A secondary use case is if the documentation is unclear or
138-
lacking in a particular area, we can prioritise fixing it, and can provide
139-
you with a solution/explanation in the interim.
147+
<p class='flex'>
148+
<a class='button--solid' href='mailto:[email protected]?subject=Support%20plan%20enquiry'>Get in touch <span class='fas fa-fw fa-arrow-right' /></a>
149+
</p>
140150

141-
Experimental features of PostGraphile (these are marked with 'experimental'
142-
or 'EXPERIMENTAL' in the documentation) are not officially covered under the
143-
support agreement, but if we're able we will try and help you with these
144-
also.
151+
*T&Cs apply - calls may be up to 3 hours, at most one per day, subject to availability -
152+
prices quoted for teams containing up to 10 engineers - pay monthly through GitHub Sponsors, or through
153+
quarterly/annual invoicing (+ VAT where applicable).*
154+
</div>
155+
</MarketingSection>
145156

146-
Support requests **cannot** be used:
157+
<MarketingDivide from="nodes" to="dark" via="light"/>
147158

148-
- for general consulting,
149-
- for brainstorming,
150-
- for development of new features or plugins.
159+
<MarketingSection bg="dark">
151160

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

153-
### What other benefits does a support plan give me?
163+
### Help us to keep our software free and open source!
154164

155-
On [our Discord chat](http://discord.gg/graphile), members are given coloured
156-
name badges if they support our open source endeavours in some way (sponsorship, support
157-
plan, etc). Unofficially, we can allocate more time to helping these
158-
members with coloured name badges.
165+
In addition to helping your developers advance your business directly, your Development Support plan also helps
166+
fund advancement of the Graphile open source projects you rely on (as well as related projects such as the
167+
GraphQL Specification).
159168

160-
<div class='flex'>
161-
<a class='button--solid' href='mailto:[email protected]?subject=Support%20plan%20enquiry'>Get in touch <span class='fas fa-fw fa-arrow-right' /></a>
162-
</div>
169+
By enabling Graphile to pursue improvements that benefit all parties in the ecosystem, you are ensuring
170+
the software remains relevant and something you'll be able to rely on for years to come.
163171

164172
</div>
165173
</MarketingSection>
166174

167-
168175
</MarketingLayout>

‎static/images/support/makeitfast.jpg

342 KB
Loading

0 commit comments

Comments
 (0)