update: homepage and sponsor details (#405)

* Update homepage

* New image for Starter

* Tweaks to sponsor page

* Update src/pages/index.mdx

Co-authored-by: Benjie <[email protected]>

* Apply suggestions from code review

Co-authored-by: Benjie <[email protected]>

* Update src/pages/index.mdx

Co-authored-by: Benjie <[email protected]>

---------

Co-authored-by: Benjie <[email protected]>

Author: jemgillam

src/pages/index.mdx

@@ -37,21 +37,11 @@ headline="The next-generation planning and execution engine for GraphQL"
 
 Enables greater performance and efficiency via deeper integration into your existing Node.js or remote business logic, no matter the shape of your GraphQL schema.
 
-**Gra<em>fast</em> and PostGraphile V5 are in sponsors-only alpha; sponsor at any
-tier, then reach out for access.**
+**[Gra<em>fast</em>](https://grafast.org) and [PostGraphile V5](https://postgraphile.org) are in beta, funded by the Graphile community.**
 
 <div class='df flex-row justify-center' style={{height: '3rem'}}>
 <div class='ph2 df flex-column justify-center'>
-<a class='button--outline' href='/sponsor/'><span class='fas fa-heart' /> Sponsor for access</a>{ ' '}
-</div>
-</div>
-
-
-Add yourself to our mailing list to be notified when Gra<em>fast</em> is made generally available under the MIT license.
-  
-<div class='df flex-row justify-center' style={{height: '3rem'}}>
-<div class='ph2 df flex-column justify-center'>
-<a class='button--solid' href='https://grafast.org' target="_new">mailing list at grafast.org <span class='fas fa-external-link-square-alt' /></a>{ ' '}
+<a class='button--outline' href='/sponsor/'><span class='fas fa-heart' /> Support Grafast</a>{ ' '}
 </div>
 </div>
 </MarketingProduct>
@@ -111,10 +101,10 @@ Migrate.
 
 <div class='df flex-row justify-center' style={{height: '3rem'}}>
   <div class='ph2 df flex-column justify-center'>
-  <a class='button--outline' href='/postgraphile/introduction/'><span class='fas fa-book-open' /> Documentation</a>{ ' '}
+  <a class='button--outline' href='/postgraphile/introduction/'><span class='fas fa-book-open' /> V4 Documentation</a>{ ' '}
   </div>
   <div class='ph2 df flex-column justify-center'>
-  <a class='button--solid' href='/postgraphile/'><span class='fas fa-arrow-right' /> Learn More</a>{ ' '}
+  <a class='button--solid' href='https://postgraphile.org'>PostGraphile.org (V5)</a>{ ' '}
   </div>
   <div class='ph2 df h-100 flex-column justify-center'>
   <GitHubButton
@@ -129,16 +119,16 @@ Migrate.
 
 </MarketingSection>
 
-<MarketingDivide from="white" to="medium" via="light" down />
+<MarketingDivide from="white" to="dark" via="light" down />
 
-<MarketingSection bg="medium">
+<MarketingSection bg="dark">
 
 
 <Flex>
 <Col span="6">
 
 <img
-src="/images/graphile.optimized.svg"
+src="/images/graphile-starter-logo-light.svg"
 alt="Graphile Heart"
 class='mw5 pt4'
 />
@@ -160,16 +150,16 @@ Graphile Starter includes the foundations of a modern web application, with a fu
 
 
 </MarketingSection>
-<MarketingDivide from="medium" to="dark" via="light" down/>
+<MarketingDivide from="dark" to="medium" via="light" down/>
 
-<MarketingSection bg="dark">
+<MarketingSection bg="medium">
 
 ## Database tools
 
 <Flex>
 <Col span="6">
 
-<MarketingProduct name="Graphile Worker" headline="High performance Node.js/PostgreSQL job queue" docs="https://github.com/graphile/worker"
+<MarketingProduct name="Graphile Worker" headline="High performance Node.js/PostgreSQL job queue" docs="https://worker.graphile.org"
 github="https://github.com/graphile/worker">
 Run jobs (e.g. sending emails, generating PDFs, …) "in the background" so
 that your HTTP response code is not held up. Starts jobs almost instantly (2ms latency).
@@ -195,7 +185,7 @@ Experimental, being developed in the open. Focusses on fast iteration speed.
 
 </MarketingSection>
 
-<MarketingDivide from="dark" to="nodes" via="light" />
+<MarketingDivide from="medium" to="nodes" via="dark" />
 
 <MarketingSection bg="nodes">
 <MarketingProduct big name="Development Support" headline="Priority text support straight from the maintainer" more="/support/">
@@ -221,13 +211,13 @@ class='mw5 pt4'
 <Col span="6">
 <MarketingProduct
 big
-name="Graphile Engine"
+name="Graphile Build"
 headline="Build high-performance easily-extensible GraphQL schemas by combining plugins"
 docs="/graphile-build/getting-started/"
 more="/graphile-build/"
 >
 
-Graphile Engine is the database-independent heart of PostGraphile — it's an
+Graphile Build is the database-independent heart of PostGraphile — it's an
 extremely powerful way to build extensible automatic GraphQL APIs over any
 data source.
 

src/pages/sponsor.mdx

@@ -203,14 +203,16 @@ YOU!**
 <Col span="6">
 <MarketingProduct
 big
-name={<span>Early access to Gra<em>fast</em> and PostGraphile V5</span>}
+name={<span>Support Gra<em>fast</em> and PostGraphile V5</span>}
 headline="The next-generation planning and execution engine for GraphQL"
 >
 
-Gra<em>fast</em> and PostGraphile Version 5 are available as a preview to
-Graphile sponsors; sign up as a sponsor to get access to the binaries and
-documentation (sponsor at the Featured Tier for access to the repository, issues
-and support!)
+Gra<em>fast</em> and PostGraphile Version 5 are now in open beta thanks
+in large part to the support given through sponsorship.
+
+Sponsorship is the most effective way to support our open source projects &mdash; it enables
+us to invest time directly into their maintenance and advancement without adding additional
+time burdens.
 
 <div class="df flex-row justify-center" style={{ height: "3rem" }}>
   <div class="ph2 df flex-column justify-center">
@@ -261,7 +263,7 @@ improving the software, which you and other users then benefit from.
 ### How is sponsorship money spent?
 
 Sponsorship money is used to fund software development, testing, documentation
-and releases of the PostGraphile and Graphile suite. A small amount is also used
+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>
@@ -295,12 +297,11 @@ all fees:
   </a>
 </div>
 
-If you prefer, you may instead sponsor us
-[via Patreon](https://www.patreon.com/benjie). If you wish to sponsor through
+If you wish to sponsor through
 other means, please get in touch with team@graphile, or DM Benjie or Jem
 [on Discord](http://discord.gg/graphile).
 
-# 🙏 Thank you, sponsors! 🙏
+# 💙 Thank you, sponsors! ❤️
 
 </MarketingSection>
 </MarketingLayout>