some page section design progress

web/src/app/medlem/page.tsx

@@ -8,8 +8,10 @@ import { IconListBlock } from "@/components/blocks/IconListBlock";
 export default async function Page() {
   return (
     <main className="site-main" id="main">
-      <PageHeader heading="Bli medlem" />
-      <p className="lead">Som medlem kan du... får du... glede og samvær</p>
+      <PageHeader
+        heading="Bli medlem"
+        lead="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut molestie tortor a interdum blandit. Sed ac purus sit amet libero posuere molestie."
+      />
       <p>
         <a
           href="https://galtinn.neuf.no/register"

web/src/app/praktisk/page.tsx

@@ -4,17 +4,18 @@ import { getClient } from "@/app/client";
 import Link from "next/link";
 import { PageHeader } from "@/components/general/PageHeader";
 import { IconListBlock } from "@/components/blocks/IconListBlock";
+import { PageSection } from "@/components/blocks/PageSection";
 
 export default async function Page() {
   return (
     <main className="site-main" id="main">
-      <PageHeader heading="Praktisk info" />
-      <p className="lead">
-        Velkommen til oss! Enten du skal på teater, konsert, foredrag, eller er
+      <PageHeader
+        heading="Praktisk info"
+        lead="Velkommen til oss! Enten du skal på teater, konsert, foredrag, eller er
         student eller pensjonist, gleder vi oss til å se deg på Chateau Neuf.
         Her finner du informasjon om hvordan du kommer deg til oss, og hva vi
-        kan by på av tjenester.
-      </p>
+        kan by på av tjenester."
+      />
       <div className="anchorLinks">
         <span className="circlehead">Hopp til:</span>
         <ul>
@@ -60,6 +61,12 @@ export default async function Page() {
           </li>
         </ul>
       </div>
+      <PageSection
+        heading="Adkomst"
+        subheading="Hvordan kommer man seg til Neuf?"
+      />
+      <PageSection heading="Åpningstider" />
+      <PageSection />
       <section className="pageSection" id="adkomst">
         <h1>Adkomst</h1>
         <div className="pageSectionGroup">

web/src/app/utleie/page.tsx

@@ -22,13 +22,13 @@ export default async function Page() {
   return (
     <>
       <main className="site-main" id="main">
-        <PageHeader heading="Utleie" />
-        <p className="lead">
-          Chateau Neuf har lokaler til diverse arrangementer, og alle våre
+        <PageHeader
+          heading="Utleie"
+          lead="Chateau Neuf har lokaler til diverse arrangementer, og alle våre
           lokaler er tilgjengelige for utleie, både for studenter,
           utdanningsinstitusjoner og andre. Vi har blant annet huset
-          Spellemannsprisen og Dalai Lama!
-        </p>
+          Spellemannsprisen og Dalai Lama!"
+        />
         <p>Her kommer mer om utleiereglement etc.</p>
         <br />
         <br />