website: New sponsor page order

src/pages/sponsor.mdx

@@ -18,83 +18,12 @@ import Testimonial from "$components/MarketingTestimonial";
 import Sponsors, { Sponsor } from "$components/MarketingSponsor";
 
 <MarketingLayout blue>
-<Hero bg="white">
+<Hero bg="medium">
 
 # Sponsor Graphile's Open Source Software
 
 </Hero>
 
-<MarketingSection bg="white" left maxWidth>
-<h3>
-  Graphile has a number of crowd-funded open-source projects, licensed under
-  the permissive MIT license, including PostGraphile, Graphile Worker,
-  Graphile Migrate and Graphile Starter. Sponsorship increases the rate of
-  fixes, documentation improvements, and feature development on these and
-  other projects.
-</h3>
-
-<div class="flex">
-  <a class="button--solid" href="https://github.com/users/benjie/sponsorship">
-    Sponsor Graphile's Open Source Software{" "}
-    <span class="fas fa-fw fa-external-link-square-alt" />
-  </a>
-</div>
-
-</MarketingSection>
-
-<MarketingDivide from="white" to="dark" via="light" />
-
-<MarketingSection bg="dark">
-
-</MarketingSection>
-
-<MarketingSection bg="dark">
-
-<Flex>
-<Col span="6">
-
-<img
-  src="/images/grafast-hero.png"
-  alt="A suited man reveals the Grafast heart logo on his chest, in the style of Superman"
-  class="br2"
-  style={{ borderRadius: "10px", border: "2px solid #1b1b3d" }}
-/>
-
-</Col>
-<Col span="6">
-<MarketingProduct
-big
-name={<span>Early access to 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!)
-
-<div class="df flex-row justify-center" style={{ height: "3rem" }}>
-  <div class="ph2 df flex-column justify-center">
-    <a class="button--solid" href="https://github.com/users/benjie/sponsorship">
-      <span class="fas fa-heart" /> Sponsor on GitHub{" "}
-      <span class="fas fa-external-link-square-alt" />
-    </a>{" "}
-  </div>
-  <div class="ph2 df flex-column justify-center">
-    <a class="button--solid" href="https://grafast.org" target="_new">
-      grafast.org <span class="fas fa-external-link-square-alt" />
-    </a>{" "}
-  </div>
-</div>
-
-</MarketingProduct>
-</Col>
-</Flex>
-
-</MarketingSection>
-
-<MarketingDivide from="dark" to="medium" via="light" />
-
 <MarketingSection bg="medium">
 
 ### Who sponsors Graphile?
@@ -237,7 +166,75 @@ YOU!**
 <!-- SPONSORS_END -->
 
 </MarketingSection>
-<MarketingDivide from="medium" to="dark" via="light" down />
+
+<MarketingDivide from="medium" to="white" via="light" />
+
+<MarketingSection bg="white" left maxWidth>
+<h3>
+  Graphile has a number of crowd-funded open-source projects, licensed under
+  the permissive MIT license, including PostGraphile, Graphile Worker,
+  Graphile Migrate and Graphile Starter. Sponsorship increases the rate of
+  fixes, documentation improvements, and feature development on these and
+  other projects.
+</h3>
+
+<div class="flex">
+  <a class="button--solid" href="https://github.com/users/benjie/sponsorship">
+    Sponsor Graphile's Open Source Software{" "}
+    <span class="fas fa-fw fa-external-link-square-alt" />
+  </a>
+</div>
+
+</MarketingSection>
+
+<MarketingDivide from="white" to="medium" via="light" />
+
+<MarketingSection bg="medium">
+
+<Flex>
+<Col span="6">
+
+<img
+  src="/images/grafast-hero.png"
+  alt="A suited man reveals the Grafast heart logo on his chest, in the style of Superman"
+  class="br2"
+  style={{ borderRadius: "10px", border: "2px solid #1b1b3d" }}
+/>
+
+</Col>
+<Col span="6">
+<MarketingProduct
+big
+name={<span>Early access to 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!)
+
+<div class="df flex-row justify-center" style={{ height: "3rem" }}>
+  <div class="ph2 df flex-column justify-center">
+    <a class="button--solid" href="https://github.com/users/benjie/sponsorship">
+      <span class="fas fa-heart" /> Sponsor on GitHub{" "}
+      <span class="fas fa-external-link-square-alt" />
+    </a>{" "}
+  </div>
+  <div class="ph2 df flex-column justify-center">
+    <a class="button--solid" href="https://grafast.org" target="_new">
+      grafast.org <span class="fas fa-external-link-square-alt" />
+    </a>{" "}
+  </div>
+</div>
+
+</MarketingProduct>
+</Col>
+</Flex>
+
+</MarketingSection>
+
+<MarketingDivide from="medium" to="dark" via="light" />
 
 <MarketingSection bg="dark" left maxWidth>