From 92b9c1b8900169531ac29f76e496564817ba9814 Mon Sep 17 00:00:00 2001
From: elise <hei@elisejakob.no>
Date: Mon, 5 Aug 2024 20:35:54 +0200
Subject: [PATCH] play around with info box

---
 web/src/app/page.tsx  | 8 +++++---
 web/src/css/base.scss | 7 +------
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
index 87c1b11..f545812 100644
--- a/web/src/app/page.tsx
+++ b/web/src/app/page.tsx
@@ -9,6 +9,7 @@ import { UpcomingEvents } from "@/components/events/UpcomingEvents";
 import { Pig } from "@/components/general/Pig";
 import Link from "next/link";
 import Icon from "@/components/general/Icon";
+import { SectionHeader } from "@/components/general/SectionHeader";
 
 const HomeFragmentDefinition = graphql(`
   fragment Home on HomePage {
@@ -60,6 +61,7 @@ export default async function Home() {
       <FeaturedEvents events={featuredEvents} />
       <UpcomingEvents events={events} />
       <div className="infoBlock">
+        <SectionHeader heading="Besøk oss"link="/aktuelt" linkText="Praktisk info" />
         <div>
           <h2>Skal du besøke Chateau Neuf?</h2>
           <p>
@@ -68,15 +70,15 @@ export default async function Home() {
           </p>
           <Link href="/praktisk#adkomst" className="button">
             <span>Adresse og adkomst</span>
-            <Icon />
+            <Icon type="arrowRight" />
           </Link>
           <Link href="/praktisk#adkomst" className="button">
             <span>Billetter</span>
-            <Icon />
+            <Icon type="arrowRight" />
           </Link>
           <Link href="/praktisk#adkomst" className="button">
             <span>Åpningstider</span>
-            <Icon />
+            <Icon type="arrowRight" />
           </Link>
         </div>
         <div className="pig">
diff --git a/web/src/css/base.scss b/web/src/css/base.scss
index 66e4a18..3f1f747 100644
--- a/web/src/css/base.scss
+++ b/web/src/css/base.scss
@@ -286,17 +286,12 @@ select {
 }
 
 .infoBlock {
-  background: var(--color-goldenBeige);
+  background: var(--color-background-secondary);
   margin: 0 calc(var(--spacing-sitepadding-inline)*-1);
   padding: var(--spacing-sitepadding-block) var(--spacing-sitepadding-inline) var(--spacing-section-bottom);
   position: relative;
   overflow: hidden;
 
-  display: grid;
-  grid-template-columns: 2fr 1fr;
-  align-items: center;
-  min-height: 16rem;
-
   h2 {
     margin-bottom: var(--spacing-s);
   }