tidy up upcoming events, remove newslist bg

web/src/app/page.tsx

@@ -7,6 +7,8 @@ import { FeaturedEvents } from "@/components/events/FeaturedEvents";
 import { NewsList } from "@/components/news/NewsList";
 import { UpcomingEvents } from "@/components/events/UpcomingEvents";
 import { IconListBlock } from "@/components/blocks/IconListBlock";
+import { Pig } from "@/components/general/Pig";
+import Link from "next/link";
 
 const HomeFragmentDefinition = graphql(`
   fragment Home on HomePage {
@@ -57,6 +59,23 @@ export default async function Home() {
     <main className="site-main index" id="main">
       <FeaturedEvents events={featuredEvents} />
       <UpcomingEvents events={events} />
+      <div className="infoBlock">
+        <h2>Skal du besøke Chateau Neuf?</h2>
+        <p>
+          Vi hjelper deg med å finne frem, og sørger for at du har en fin
+          opplevelse
+        </p>
+        <Link href="/praktisk#adresse-og-adkomst" className="button">
+          Adresse og adkomst &rarr;
+        </Link>
+        <Link href="/praktisk#adresse-og-adkomst" className="button">
+          Billetter &rarr;
+        </Link>
+        <Link href="/praktisk#adresse-og-adkomst" className="button">
+          Åpningstider &rarr;
+        </Link>
+        <Pig type="point" />
+      </div>
       <NewsList heading="Siste nytt" limit={3} featured news={news} />
     </main>
   );

web/src/components/events/eventItem.module.scss

@@ -11,8 +11,9 @@
   }
 
   &.medium {
+    --size-image-width: 8rem;
     display: grid;
-    grid-template-columns: 1fr auto;
+    grid-template-columns: var(--size-image-width) auto;
     column-gap: .6rem;
     align-items: center;
     width: var(--size-item-width);
@@ -23,7 +24,7 @@
     }
 
     .image {
-      width: 7rem;
+      width: var(--size-image-width);
     }
   }
 }

web/src/components/events/upcomingEvents.module.scss

@@ -13,9 +13,10 @@
 
 .eventList {
   --size-item-width: 20rem;
+  padding: 1rem 0;
   list-style: none;
   display: flex;
-  width: calc(var(--size-item-width) * 5);
+  width: calc(var(--size-item-width) * 10);
 
   li {
     padding-right: 1rem;

web/src/components/news/newsList.module.scss

@@ -1,5 +1,4 @@
 .newsWrapper {
-  background: var(--color-background-secondary);
   margin: 0 calc(var(--spacing-sitepadding)*-1);
   padding: var(--spacing-sitepadding);