add generic page header component, person section component with headings, ++

web/src/app/lokaler/page.tsx

@@ -3,6 +3,7 @@ import { VenueFragment } from "@/gql/graphql";
 import { getClient } from "@/app/client";
 import { VenueList } from "@/components/venues/VenueList";
 import Link from "next/link";
+import { PageHeader } from "@/components/general/PageHeader";
 
 const VenueFragmentDefinition = graphql(`
   fragment Venue on VenuePage {
@@ -54,13 +55,11 @@ export default async function Page() {
 
   return (
     <main className="site-main" id="main">
-      <section className="page-header">
-        <h1>Lokaler</h1>
-        <p className="lead">
-          Her kan vi presentere lokalene på Chateau Neuf, og eventuelt henvise
-          videre til undersiden om <Link href="/utleie">utleie</Link>.
-        </p>
-      </section>
+      <PageHeader heading="Lokaler" />
+      <p className="lead">
+        Her kan vi presentere lokalene på Chateau Neuf, og eventuelt henvise
+        videre til undersiden om <Link href="/utleie">utleie</Link>.
+      </p>
       <VenueList venues={venues} />
     </main>
   );