Add homepage patch support notice

src/pages/index.module.scss

@@ -0,0 +1,14 @@
+.patchSupport {
+  background: var(--ifm-color-emphasis-100);
+  border-block: 1px solid var(--ifm-color-emphasis-300);
+  padding-block: 2rem;
+
+  h2 {
+    margin-bottom: 0.5rem;
+  }
+
+  p {
+    font-size: 1.05rem;
+    max-width: 760px;
+  }
+}

src/pages/index.tsx

@@ -13,16 +13,40 @@ function HomepageHeader() {
 
 }
 
+function PatchSupportNotice() {
+  return (
+    <section className={styles.patchSupport} aria-labelledby="patch-support-title">
+      <div className="container">
+        <Heading as="h2" id="patch-support-title">
+          Patch Support
+        </Heading>
+        <p>
+          OKD publishes community patch releases through the stable update
+          channel after release verification passes. Not every patch number is
+          produced, so use the cluster update graph and the latest stable OKD
+          release when planning upgrades.
+        </p>
+        <a
+          className="button button--primary"
+          href="https://docs.okd.io/latest/updating/index.html">
+          Review OKD update guidance
+        </a>
+      </div>
+    </section>
+  );
+}
+
 export default function Home(): JSX.Element {
   return (
     <Layout
       title={`Kubernetes at Scale on any Infrastructure`}
       description="Bringing together 100+ components to provide comprehensive
-       tooling for administrators and developers, we've made choices so you 
-       don't have to. Deploy in-cloud or on-prem and join a community 
+       tooling for administrators and developers, we've made choices so you
+       don't have to. Deploy in-cloud or on-prem and join a community
        embracing the latest in cloud emerging technologies.">
       <HomepageHero />
       <main>
+        <PatchSupportNotice />
         <HomepageSoWhatIsOKD/>
         <HomepageFeatures />
         <HomagepageInsideOKD />