From 6705da82c0c196621926421b7f69c3db28f6f5d1 Mon Sep 17 00:00:00 2001
From: nobohan <juminet@gmail.com>
Date: Mon, 25 Sep 2023 21:13:03 +0200
Subject: [PATCH] Call for maps: add mobile support

---
 src/components/Hero.jsx | 5 ++++-
 src/components/Menu.jsx | 8 +++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index fed7411..b6f4a41 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -1,5 +1,5 @@
 import Image from 'next/image'
-
+import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
 import Logo from '@/images/logos/SOTM_Blue_full_logo_black.png'
 
@@ -43,6 +43,9 @@ export function Hero({ id }) {
               </div>
             ))}
           </dl>
+          <div className="mt-20 text-center lg:hidden">
+            <Button href="/call-for-maps">Submit your maps</Button>
+          </div>
         </div>
       </Container>
     </div>
diff --git a/src/components/Menu.jsx b/src/components/Menu.jsx
index e07ec2a..73c0d13 100644
--- a/src/components/Menu.jsx
+++ b/src/components/Menu.jsx
@@ -49,7 +49,7 @@ export function Menu() {
           <Button href={ticketURL} target="_blank">
             Get your tickets
           </Button>
-          <Button href="/call-for-maps">Submit your maps</Button>
+          <Button className="hidden lg:block" href="/call-for-maps">Submit your maps</Button>
         </div>
         <div className="flex lg:hidden">
           <button
@@ -110,6 +110,12 @@ export function Menu() {
                 >
                   Get your tickets
                 </Link>
+                <Link
+                  href="/call-for-maps"
+                  className="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
+                >
+                  Submit your maps
+                </Link>
               </div>
             </div>
           </div>