Services: consolidate into header + alternating SplitSections

Author: MMesch

src/pages/services.tsx

@@ -1,14 +1,14 @@
 import Layout from "@theme/Layout";
 import BrowserOnly from "@docusaurus/BrowserOnly";
 import Footer from "../components/footer/Footer";
-import Section from "../components/layout/Section";
 import SectionSeparator from "../components/layout/SectionSeparator";
 import SplitSection from "../components/layout/SplitSection";
 import Banner from "../components/layout/Banner";
 import LinkToContact from "../components/LinkToContact";
 
 import SupportIllustration from "/img/illustrations/support.svg";
 import SpecialProjectsIllustration from "@site/static/img/illustrations/special_projects.svg";
+import FundedIllustration from "/img/illustrations/contact.svg";
 
 function ServicesContent() {
   return (
@@ -26,10 +26,9 @@ function ServicesContent() {
 
       <SectionSeparator variant={4} />
 
-      {/* ── Support Retainer ──────────────────────────────────────────────── */}
+      {/* ── Services ──────────────────────────────────────────────────────── */}
       <SplitSection
         ratio="50/50"
-        reverse
         image={
           <SupportIllustration
             height="280px"
@@ -38,10 +37,6 @@ function ServicesContent() {
         }
       >
         <h2>Support Retainer</h2>
-        <p>
-          We support organizations that build on Jupyter, Mamba, conda-forge, Apache Arrow,
-          or the broader PyData stack.
-        </p>
         <p>
           A QuantStack support retainer gives you direct access to the upstream maintainers —
           not a helpdesk. We triage issues, review pull requests, advise on architecture, and
@@ -55,12 +50,9 @@ function ServicesContent() {
         </p>
       </SplitSection>
 
-      <SectionSeparator variant={5} />
-
-      {/* ── Custom Engineering ────────────────────────────────────────────── */}
       <SplitSection
         ratio="50/50"
-        bg="white"
+        reverse
         image={
           <SpecialProjectsIllustration
             alt="Illustration of a group of people working together."
@@ -79,16 +71,21 @@ function ServicesContent() {
           Engines; notebook.link, our browser-native Jupyter product built on JupyterLite.
         </p>
         <p>
-          These projects are built on our open-source stack and contributed back to the community
-          wherever possible. If you have a hard problem at the intersection of open-source,
-          scientific computing, and engineering — we want to hear about it.
+          Everything we build goes back upstream wherever possible. If you have a hard problem
+          at the intersection of open-source, scientific computing, and engineering — we want
+          to hear about it.
         </p>
       </SplitSection>
 
-      <SectionSeparator variant={6} />
-
-      {/* ── Funded Development ────────────────────────────────────────────── */}
-      <Section>
+      <SplitSection
+        ratio="50/50"
+        image={
+          <FundedIllustration
+            height="280px"
+            alt="Illustration for funded development."
+          />
+        }
+      >
         <h2>Funded Development</h2>
         <p>
           Need a specific fix or feature in Mamba, JupyterLab, Arrow, or another project we
@@ -99,7 +96,7 @@ function ServicesContent() {
           maintenance burden on your team. This is the most efficient way to get exactly what
           you need from a project you already depend on.
         </p>
-      </Section>
+      </SplitSection>
 
       {/* ── CTA ───────────────────────────────────────────────────────────── */}
       <Banner