Add intro text to Ships page

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: ashleywolf

components/ships/Ships.jsx

@@ -26,6 +26,10 @@ const Ships = ({ ships }) => {
 
   return (
     <section className="ships">
+      <div className="ships__intro">
+        <h2 className="ships__heading">Recent ships for maintainers</h2>
+        <p className="ships__subtitle">GitHub features and updates that make maintaining open source projects easier. Shipped recently or coming soon.</p>
+      </div>
       <div className="ships__grid">
         {sorted.map((ship) => (
           <article key={ship.url} className="ships__card">

components/ships/ships.scss

@@ -9,6 +9,22 @@
     padding-right: spacing(4);
   }
 
+  &__intro {
+    margin-bottom: spacing(5);
+    max-width: 640px;
+  }
+
+  &__heading {
+    @extend %header-2;
+    color: $white;
+    margin-bottom: spacing(2);
+  }
+
+  &__subtitle {
+    @extend %body-1;
+    color: $white-50;
+  }
+
   &__empty {
     text-align: center;
     padding: spacing(8) spacing(2);