From b8897d21d85b37755604ba2107c5cc89731a3111 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:17:14 -0300
Subject: [PATCH 01/15] Improve menu look and feel in mid-sized screens (avoid
 line breaks and overlaps))

---
 lib/components/DesktopMenu/MenuItemLink.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/DesktopMenu/MenuItemLink.tsx b/lib/components/DesktopMenu/MenuItemLink.tsx
index d450bde..0a72003 100644
--- a/lib/components/DesktopMenu/MenuItemLink.tsx
+++ b/lib/components/DesktopMenu/MenuItemLink.tsx
@@ -11,7 +11,7 @@ export const MenuItemLink = ({ name, href }: MenuItemLinkProps) => {
   return (
     <CustomLink
       href={href}
-      className="flex items-center justify-center rounded-md px-3 py-1 hover:text-ssw-red"
+      className="flex items-center justify-center rounded-md px-2 py-1 hover:text-ssw-red"
     >
       {name}
     </CustomLink>

From 77c54a133923cf5dc5c1a770c25f12a55948d8f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:23:05 -0300
Subject: [PATCH 02/15] reduced tagline

---
 lib/components/MegaMenuLayout/MegaMenuLayout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/components/MegaMenuLayout/MegaMenuLayout.tsx b/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
index ef19644..b81290e 100644
--- a/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
+++ b/lib/components/MegaMenuLayout/MegaMenuLayout.tsx
@@ -88,8 +88,8 @@ const MegaMenuContents: React.FC<MegaMenuWrapperProps> = ({
                 <Logo />
 
                 {tagline && (
-                  <div className="w-fit whitespace-break-spaces text-sm font-semibold uppercase leading-4 text-gray-700">
-                    <span className="ml-4 hidden xl:block">{tagline}</span>
+                  <div className="w-fit whitespace-break-spaces text-xs font-semibold uppercase leading-3 text-gray-700">
+                    <span className="ml-3 hidden xl:block">{tagline}</span>
                   </div>
                 )}
                 {title && (

From 77349e57702bf5e8e7906f64776fa8f3bc699387 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:29:04 -0300
Subject: [PATCH 03/15] removed gap between text and icon

---
 lib/components/DesktopMenu/MenuItemWithSubmenu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx b/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx
index 8481f5f..d1fe8c7 100644
--- a/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx
+++ b/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx
@@ -25,7 +25,7 @@ export const MenuItemWithSubmenu: React.FC<MenuItemWithSubmenuProps> = ({
     <>
       <Popover.Button
         className={cx(
-          "flex cursor-pointer items-center justify-center gap-x-1 whitespace-nowrap rounded-md px-3 py-1 text-ssw-black focus:outline-none focus-visible:ring-opacity-0",
+          "flex cursor-pointer items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-ssw-black focus:outline-none focus-visible:ring-opacity-0",
           isOpened ? "text-ssw-red" : "hover:text-ssw-red",
         )}
       >

From 16d60b20ea8456f4c06efbc228dd300b95687e08 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:30:30 -0300
Subject: [PATCH 04/15] Avoid line break on CONTACT US button

---
 lib/components/PhoneButton/PhoneButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/PhoneButton/PhoneButton.tsx b/lib/components/PhoneButton/PhoneButton.tsx
index 0b50503..a033a63 100644
--- a/lib/components/PhoneButton/PhoneButton.tsx
+++ b/lib/components/PhoneButton/PhoneButton.tsx
@@ -30,7 +30,7 @@ export const PhoneButton = ({ className }: PhoneButtonProps) => {
       <CustomLink
         href={url}
         className={cx(
-          "flex h-12 w-full shrink-0 cursor-pointer items-center justify-center rounded bg-ssw-red px-5 text-xl hover:opacity-70 max-sm:my-5 sm:w-fit",
+          "flex h-12 w-full shrink-0 cursor-pointer items-center justify-center rounded bg-ssw-red px-5 text-xl hover:opacity-70 max-sm:my-5 sm:w-fit whitespace-nowrap",
         )}
       >
         <MegaIcon icon="phoneAlt" className="text-2xl text-white" />

From 1dd8c71572144e56cb902fc25c8e4d308a882e00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:33:41 -0300
Subject: [PATCH 05/15] little less padding for the search icon

---
 lib/components/Search/Search.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/Search/Search.tsx b/lib/components/Search/Search.tsx
index f6c953f..12b5fb5 100644
--- a/lib/components/Search/Search.tsx
+++ b/lib/components/Search/Search.tsx
@@ -43,7 +43,7 @@ export const Search: React.FC<SearchTermProps> = ({
   return (
     <>
       <button
-        className="rounded p-4 text-ssw-black hover:text-ssw-red"
+        className="rounded p-3 text-ssw-black hover:text-ssw-red"
         onClick={() => setIsOpen(true)}
       >
         <MegaIcon icon="magnifyingGlass" className="h-5 w-5" />

From bf79a6a639ab2d75024c006d26e4c6aeb4b798da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:39:39 -0300
Subject: [PATCH 06/15] Reduced search form roundness + removed border

---
 lib/components/Search/Search.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/components/Search/Search.tsx b/lib/components/Search/Search.tsx
index 12b5fb5..52b01f3 100644
--- a/lib/components/Search/Search.tsx
+++ b/lib/components/Search/Search.tsx
@@ -72,7 +72,7 @@ export const Search: React.FC<SearchTermProps> = ({
               leaveFrom="opacity-100 scale-100"
               leaveTo="opacity-0 scale-95"
             >
-              <Dialog.Panel className="mx-auto max-w-2xl divide-y divide-gray-500 divide-opacity-10 overflow-hidden rounded-xl bg-white/80 shadow-2xl backdrop-blur transition-all">
+              <Dialog.Panel className="mx-auto max-w-2xl divide-y divide-gray-500 divide-opacity-10 overflow-hidden rounded-md bg-white/80 shadow-2xl backdrop-blur transition-all">
                 <SearchInput
                   setSearchTerm={setSearchTerm}
                   searchTerm={searchTerm}
@@ -107,14 +107,14 @@ export const SearchInput: React.FC<SearchInputProps> = ({
         aria-hidden="true"
       />
       <form
-        className="isolate inline-flex w-full rounded-md shadow-sm"
+        className="isolate inline-flex w-full shadow-sm"
         onSubmit={(e) => performSearch(e)}
       >
         <input
           type="text"
           className={
             inputClassName ??
-            "h-12 grow rounded-l-md border bg-transparent pl-11 text-ssw-black focus:ring-0 sm:text-sm"
+            "h-12 grow rounded-l-md bg-transparent pl-11 text-ssw-black focus:ring-0 sm:text-sm"
           }
           value={searchTerm}
           onChange={(e) => setSearchTerm(e.target.value)}

From 580ce647502dcf192eec9655c98ae522975e0710 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:45:15 -0300
Subject: [PATCH 07/15] reduced padding

---
 lib/components/DesktopMenu/MenuItemWithSubmenu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx b/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx
index d1fe8c7..b84cbe8 100644
--- a/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx
+++ b/lib/components/DesktopMenu/MenuItemWithSubmenu.tsx
@@ -25,7 +25,7 @@ export const MenuItemWithSubmenu: React.FC<MenuItemWithSubmenuProps> = ({
     <>
       <Popover.Button
         className={cx(
-          "flex cursor-pointer items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-ssw-black focus:outline-none focus-visible:ring-opacity-0",
+          "flex cursor-pointer items-center justify-center whitespace-nowrap rounded-md px-2 py-1 text-ssw-black focus:outline-none focus-visible:ring-opacity-0",
           isOpened ? "text-ssw-red" : "hover:text-ssw-red",
         )}
       >

From 58b4b97607e98736afc273fed1a1b7bc6b722686 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:46:11 -0300
Subject: [PATCH 08/15] reduced padding for CONTACT US button

---
 lib/components/PhoneButton/PhoneButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/PhoneButton/PhoneButton.tsx b/lib/components/PhoneButton/PhoneButton.tsx
index a033a63..930bdf6 100644
--- a/lib/components/PhoneButton/PhoneButton.tsx
+++ b/lib/components/PhoneButton/PhoneButton.tsx
@@ -30,7 +30,7 @@ export const PhoneButton = ({ className }: PhoneButtonProps) => {
       <CustomLink
         href={url}
         className={cx(
-          "flex h-12 w-full shrink-0 cursor-pointer items-center justify-center rounded bg-ssw-red px-5 text-xl hover:opacity-70 max-sm:my-5 sm:w-fit whitespace-nowrap",
+          "flex h-12 w-full shrink-0 cursor-pointer items-center justify-center rounded bg-ssw-red px-4 text-xl hover:opacity-70 max-sm:my-5 sm:w-fit whitespace-nowrap",
         )}
       >
         <MegaIcon icon="phoneAlt" className="text-2xl text-white" />

From 6589090fb1f4422da0054aaebc01a3aa9680a057 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:49:04 -0300
Subject: [PATCH 09/15] reduced padding for submenus too

---
 lib/components/SubMenuGroup/SubMenuGroup.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/SubMenuGroup/SubMenuGroup.tsx b/lib/components/SubMenuGroup/SubMenuGroup.tsx
index dea31fc..009bc60 100644
--- a/lib/components/SubMenuGroup/SubMenuGroup.tsx
+++ b/lib/components/SubMenuGroup/SubMenuGroup.tsx
@@ -152,7 +152,7 @@ const LinkItem: React.FC<{ link: NavMenuColumnGroupItem }> = ({
               </p>
             </>
           ) : (
-            <p className="pl-4 text-sm font-normal text-ssw-black hover:text-ssw-red">
+            <p className="pl-2 text-sm font-normal text-ssw-black hover:text-ssw-red">
               {name}
             </p>
           )}

From 0c5a666f663b8620ae919c9a8d7e0a33715c69d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:53:55 -0300
Subject: [PATCH 10/15] improved overall padding on submenus

---
 lib/components/SubMenuGroup/SubMenuGroup.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/components/SubMenuGroup/SubMenuGroup.tsx b/lib/components/SubMenuGroup/SubMenuGroup.tsx
index 009bc60..ee7150c 100644
--- a/lib/components/SubMenuGroup/SubMenuGroup.tsx
+++ b/lib/components/SubMenuGroup/SubMenuGroup.tsx
@@ -50,7 +50,7 @@ export const SubMenuGroup: React.FC<SubMenuGroupProps> = ({
         </div>
 
         <div className="shrink-0 overflow-x-hidden bg-gray-100 lg:relative lg:w-[350px] lg:before:absolute lg:before:inset-0 lg:before:-z-10 lg:before:w-[1000px] lg:before:bg-gray-50">
-          <div className="flex flex-col gap-y-2 px-8 py-4">
+          <div className="flex flex-col gap-y-2 px-6 py-4">
             {sidebarItems?.map((sideBarItem, i) => (
               <div key={i}>
                 <Heading
@@ -89,7 +89,7 @@ const Heading: React.FC<{
   children: React.ReactNode;
 }> = ({ className, children }) => {
   return (
-    <h3 className={cx("pb-4 text-lg font-bold text-ssw-black", className)}>
+    <h3 className={cx("pb-2 pl-2 text-lg font-bold text-ssw-black", className)}>
       {children}
     </h3>
   );

From 0a25efbce82960f6d64c04a9b409c1bbf3b62722 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:54:57 -0300
Subject: [PATCH 11/15] Update SubMenuGroup.tsx

---
 lib/components/SubMenuGroup/SubMenuGroup.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/SubMenuGroup/SubMenuGroup.tsx b/lib/components/SubMenuGroup/SubMenuGroup.tsx
index ee7150c..792b388 100644
--- a/lib/components/SubMenuGroup/SubMenuGroup.tsx
+++ b/lib/components/SubMenuGroup/SubMenuGroup.tsx
@@ -50,7 +50,7 @@ export const SubMenuGroup: React.FC<SubMenuGroupProps> = ({
         </div>
 
         <div className="shrink-0 overflow-x-hidden bg-gray-100 lg:relative lg:w-[350px] lg:before:absolute lg:before:inset-0 lg:before:-z-10 lg:before:w-[1000px] lg:before:bg-gray-50">
-          <div className="flex flex-col gap-y-2 px-6 py-4">
+          <div className="flex flex-col gap-y-2 px-6 pt-4 pb-8">
             {sidebarItems?.map((sideBarItem, i) => (
               <div key={i}>
                 <Heading

From e0d15e654f74934d857833882e68ab168cd5f963 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 18:57:22 -0300
Subject: [PATCH 12/15] reduce space between icon and text

---
 lib/components/SubMenuGroup/SubMenuGroup.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/SubMenuGroup/SubMenuGroup.tsx b/lib/components/SubMenuGroup/SubMenuGroup.tsx
index 792b388..f42dab4 100644
--- a/lib/components/SubMenuGroup/SubMenuGroup.tsx
+++ b/lib/components/SubMenuGroup/SubMenuGroup.tsx
@@ -125,7 +125,7 @@ const LinkItem: React.FC<{ link: NavMenuColumnGroupItem }> = ({
     <CustomLink
       href={url || ""}
       className={cx(
-        "flex items-start gap-x-3 text-ssw-black hover:text-ssw-red focus:outline-none",
+        "flex items-start gap-x-1 text-ssw-black hover:text-ssw-red focus:outline-none",
         description ? "p-4" : "p-2",
       )}
       onClick={() => {

From b1748bc8b0aec96062e22e68f24864231b33a5fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 19:00:12 -0300
Subject: [PATCH 13/15] changed class order

---
 lib/components/PhoneButton/PhoneButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/PhoneButton/PhoneButton.tsx b/lib/components/PhoneButton/PhoneButton.tsx
index 930bdf6..a28bcf9 100644
--- a/lib/components/PhoneButton/PhoneButton.tsx
+++ b/lib/components/PhoneButton/PhoneButton.tsx
@@ -30,7 +30,7 @@ export const PhoneButton = ({ className }: PhoneButtonProps) => {
       <CustomLink
         href={url}
         className={cx(
-          "flex h-12 w-full shrink-0 cursor-pointer items-center justify-center rounded bg-ssw-red px-4 text-xl hover:opacity-70 max-sm:my-5 sm:w-fit whitespace-nowrap",
+          "flex h-12 w-full shrink-0 cursor-pointer items-center justify-center whitespace-nowrap·rounded bg-ssw-red px-4 text-xl hover:opacity-70 max-sm:my-5 sm:w-fit",
         )}
       >
         <MegaIcon icon="phoneAlt" className="text-2xl text-white" />

From 2efd183b8843277104461deac60db7619fb428fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 19:44:03 -0300
Subject: [PATCH 14/15] Update SubMenuGroup.tsx

---
 lib/components/SubMenuGroup/SubMenuGroup.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/SubMenuGroup/SubMenuGroup.tsx b/lib/components/SubMenuGroup/SubMenuGroup.tsx
index f42dab4..c2080d6 100644
--- a/lib/components/SubMenuGroup/SubMenuGroup.tsx
+++ b/lib/components/SubMenuGroup/SubMenuGroup.tsx
@@ -50,7 +50,7 @@ export const SubMenuGroup: React.FC<SubMenuGroupProps> = ({
         </div>
 
         <div className="shrink-0 overflow-x-hidden bg-gray-100 lg:relative lg:w-[350px] lg:before:absolute lg:before:inset-0 lg:before:-z-10 lg:before:w-[1000px] lg:before:bg-gray-50">
-          <div className="flex flex-col gap-y-2 px-6 pt-4 pb-8">
+          <div className="flex flex-col gap-y-2 px-6 pb-8 pt-4">
             {sidebarItems?.map((sideBarItem, i) => (
               <div key={i}>
                 <Heading

From bd970c62f43af53c887462d092cb04eb57b65261 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tiago=20Ara=C3=BAjo=20=5BSSW=5D?= <tiagov8@gmail.com>
Date: Wed, 8 Jan 2025 19:54:12 -0300
Subject: [PATCH 15/15] Update PhoneButton.tsx

---
 lib/components/PhoneButton/PhoneButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/PhoneButton/PhoneButton.tsx b/lib/components/PhoneButton/PhoneButton.tsx
index a28bcf9..e499fae 100644
--- a/lib/components/PhoneButton/PhoneButton.tsx
+++ b/lib/components/PhoneButton/PhoneButton.tsx
@@ -30,7 +30,7 @@ export const PhoneButton = ({ className }: PhoneButtonProps) => {
       <CustomLink
         href={url}
         className={cx(
-          "flex h-12 w-full shrink-0 cursor-pointer items-center justify-center whitespace-nowrap·rounded bg-ssw-red px-4 text-xl hover:opacity-70 max-sm:my-5 sm:w-fit",
+          "whitespace-nowrap·rounded·flex·h-12·w-full·shrink-0·cursor-pointer·items-center·justify-center bg-ssw-red px-4 text-xl hover:opacity-70 max-sm:my-5 sm:w-fit",
         )}
       >
         <MegaIcon icon="phoneAlt" className="text-2xl text-white" />