From a5b31df45636b85b533106cf26ca4285c1f56baa Mon Sep 17 00:00:00 2001
From: Sol Irvine <sol@zenzen.io>
Date: Thu, 24 Aug 2023 00:36:51 -0700
Subject: [PATCH] wip: Saving work

---
 .env.example                     | 2 +-
 components/layout/menu/modal.tsx | 4 ++++
 components/logo-square.tsx       | 4 ++--
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/.env.example b/.env.example
index d6308787f..a81a1918c 100644
--- a/.env.example
+++ b/.env.example
@@ -1,4 +1,4 @@
-COMPANY_NAME="Suginomori Brewery"
+COMPANY_NAME="suginomori brewery"
 TWITTER_SITE="https://narai.jp"
 SITE_NAME="suginomori brewery"
 SHOPIFY_REVALIDATION_SECRET=
diff --git a/components/layout/menu/modal.tsx b/components/layout/menu/modal.tsx
index e8a513159..7a67ce001 100644
--- a/components/layout/menu/modal.tsx
+++ b/components/layout/menu/modal.tsx
@@ -3,6 +3,7 @@
 import { Dialog, Transition } from '@headlessui/react';
 import clsx from 'clsx';
 import CloseIcon from 'components/icons/close';
+import Logo from 'components/icons/logo';
 import MenuIcon from 'components/icons/menu';
 import { useLocale, useTranslations } from 'next-intl';
 import Link from 'next/link';
@@ -55,6 +56,9 @@ export function MenuModal({ scrolled }: { scrolled: boolean }) {
             <div className="fixed inset-0 z-30 bg-dark/80 backdrop-blur-sm">
               <Dialog.Panel>
                 <div className="z-40 mx-auto max-w-screen-xl px-6">
+                  <div className="absolute left-6 top-2">
+                    <Logo className="h-[132px] w-[132px]" />
+                  </div>
                   <div
                     className={clsx(
                       'flex flex-row justify-end space-x-6 px-2',
diff --git a/components/logo-square.tsx b/components/logo-square.tsx
index f00875b3e..c0411e214 100644
--- a/components/logo-square.tsx
+++ b/components/logo-square.tsx
@@ -5,8 +5,8 @@ export default function LogoSquare({ size }: { size?: 'sm' | undefined }) {
   return (
     <div
       className={clsx('flex flex-none items-center justify-center', {
-        'h-[40px] w-[40px] rounded-xl': !size,
-        'h-[30px] w-[30px] rounded-lg': size === 'sm'
+        'h-[40px] w-[40px]': !size,
+        'h-[30px] w-[30px]': size === 'sm'
       })}
     >
       <Logo