From 14630c89c87a6fe4725eb1e92512ffbb2a174854 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 22 Oct 2020 13:42:49 -0300
Subject: [PATCH] Changes Scroll

---
 components/core/Footer/Footer.tsx        | 48 ++++++++++++++++++------
 components/core/UserNav/DropdownMenu.tsx |  2 +-
 2 files changed, 38 insertions(+), 12 deletions(-)

diff --git a/components/core/Footer/Footer.tsx b/components/core/Footer/Footer.tsx
index 26f1b010c..c205b98ba 100644
--- a/components/core/Footer/Footer.tsx
+++ b/components/core/Footer/Footer.tsx
@@ -23,16 +23,40 @@ const Footer: FC<Props> = ({ className, pages }) => {
   return (
     <div className="bg-black text-white">
       <footer className={rootClassName}>
-        <Link href="/">
-          <a className="flex flex-initial items-center  font-bold md:mr-24">
-            <span className="rounded-full border border-gray-700 mr-2">
-              <Logo />
-            </span>
-            <span>ACME</span>
-          </a>
-        </Link>
+        <div className="grid grid-col-12"></div>
+        <div>
+          <Link href="/">
+            <a className="flex flex-initial items-center  font-bold md:mr-24">
+              <span className="rounded-full border border-gray-700 mr-2">
+                <Logo />
+              </span>
+              <span>ACME</span>
+            </a>
+          </Link>
+        </div>
 
         <ul className="flex flex-initial flex-col divide-y divide-gray-700 md:divide-y-0 my-12 md:my-0 md:flex-1">
+          <li className="py-3 md:py-0 md:pb-4">
+            <Link href="/">
+              <a className="text-gray-400 hover:text-white transition ease-in-out duration-100">
+                Home
+              </a>
+            </Link>
+          </li>
+          <li className="py-3 md:py-0 md:pb-4">
+            <Link href="/">
+              <a className="text-gray-400 hover:text-white transition ease-in-out duration-100">
+                Careers
+              </a>
+            </Link>
+          </li>
+          <li className="py-3 md:py-0 md:pb-4">
+            <Link href="/blog">
+              <a className="text-gray-400 hover:text-white transition ease-in-out duration-100">
+                Blog
+              </a>
+            </Link>
+          </li>
           {sitePages.map((page) => (
             <li key={page.url} className="py-3 md:py-0 md:pb-4">
               <Link href={page.url!}>
@@ -56,9 +80,11 @@ const Footer: FC<Props> = ({ className, pages }) => {
           ))}
         </ul>
 
-        <small className="text-base">
-          &copy; 2020 ACME, Inc. All rights reserved.
-        </small>
+        <div>
+          <small className="text-white">
+            &copy; 2020 ACME, Inc. All rights reserved.
+          </small>
+        </div>
       </footer>
     </div>
   )
diff --git a/components/core/UserNav/DropdownMenu.tsx b/components/core/UserNav/DropdownMenu.tsx
index 13e2adfc4..61f8d4ca2 100644
--- a/components/core/UserNav/DropdownMenu.tsx
+++ b/components/core/UserNav/DropdownMenu.tsx
@@ -26,7 +26,7 @@ const DropdownMenu: FC<DropdownMenuProps> = ({
   return (
     <Transition
       show={open}
-      enter="transition ease-out duration-100"
+      enter="transition ease-out duration-100 z-20"
       enterFrom="transform opacity-0 scale-95"
       enterTo="transform opacity-100 scale-100"
       leave="transition ease-in duration-75"