Merge pull request #10 from flexion/hero-monospace-intro

Monospace hero intro and updated headline

Author: danielnaab

content/home.md

@@ -1,4 +1,4 @@
 ---
-hero: Public infrastructure, in the open.
+hero: What we build in the open.
 intro: Flexion Labs gathers our open source work in one place — products we steward, tools we share, and the commitment behind them.
 ---

src/design/layout.css

@@ -52,6 +52,7 @@
     gap: var(--space-4);
   }
   .home-hero h1 {
+    font-family: var(--font-mono);
     font-size: var(--step-4);
     max-inline-size: 22ch;
   }

src/pages/home.tsx

@@ -1,7 +1,6 @@
 import { Layout } from '../design/common/layout'
 import { FeaturedCard } from '../design/components/featured-card'
 import type { Catalog } from '../catalog/types'
-import { url } from '../build/config'
 import type { SiteConfig } from '../build/config'
 
 export type HeroContent = { hero: string; intro: string }
@@ -45,23 +44,13 @@ export function Home({
         </div>
       </section>
 
-      <section class="home-stats" aria-labelledby="stats-heading">
-        <h2 id="stats-heading">By the numbers</h2>
+      <section class="home-stats">
         <ul class="home-stats__grid">
           <li><strong>{visible.length}</strong> public projects</li>
           <li><strong>{active}</strong> actively maintained</li>
           <li><strong>{languages}</strong> languages</li>
         </ul>
       </section>
-
-      <section class="home-paths" aria-labelledby="paths-heading">
-        <h2 id="paths-heading">Where to next</h2>
-        <ul>
-          <li><a href={url('/work/', config.basePath)}>Explore our work</a></li>
-          <li><a href={url('/commitment/', config.basePath)}>Read our open source commitment</a></li>
-          <li><a href={url('/about/', config.basePath)}>Get in touch</a></li>
-        </ul>
-      </section>
     </Layout>
   )
 }