From a43b32a02822f1d6836146fbd6d09762772763ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Veikko=20Lintuj=C3=A4rvi?= <veikko@lintujarvi.fi>
Date: Thu, 16 May 2024 22:55:42 +0300
Subject: [PATCH] Make header logo into link to landing page

---
 pages/components/Logo.tsx | 43 ++++++++++++++++++++++-----------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/pages/components/Logo.tsx b/pages/components/Logo.tsx
index ce0b2f3..a3dcae2 100644
--- a/pages/components/Logo.tsx
+++ b/pages/components/Logo.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import styles from '../../styles/Logo.module.scss';
+import Link from 'next/link';
 
 const Logo = () => {
   const [isDesktop, setIsDesktop] = useState(true);
@@ -9,25 +10,29 @@ const Logo = () => {
   }, []);
 
   return (
-    <section className={styles.logoContainer}>
-      <div className={styles.logo} id='logo-start'>
-        <picture>
-          <source
-            srcSet='/runosaari-logo_small.jpg'
-            media='(max-width: 600px)'
-          />
-          <source srcSet='/runosaari-logo.jpg' />
-          <img
-            src='/runosaari-logo.jpg'
-            alt='Runosaari logo'
-            className={styles.logoImage}
-          />
-        </picture>
-        <div className={styles.logoCredits}>
-          <div>@Sanna Hukkanen</div>
-        </div>
-      </div>
-    </section>
+    <Link href="/">
+      <a>
+        <section className={styles.logoContainer}>
+          <div className={styles.logo} id='logo-start'>
+            <picture>
+              <source
+                srcSet='/runosaari-logo_small.jpg'
+                media='(max-width: 600px)'
+              />
+              <source srcSet='/runosaari-logo.jpg' />
+              <img
+                src='/runosaari-logo.jpg'
+                alt='Runosaari logo'
+                className={styles.logoImage}
+              />
+            </picture>
+            <div className={styles.logoCredits}>
+              <div>@Sanna Hukkanen</div>
+            </div>
+          </div>
+        </section>
+      </a>
+    </Link>
   );
 };