styling and adjusting footer & navbar

Sammii-HK · Apr 24, 2024 · 0bf97ec · 0bf97ec
1 parent 18200b4
commit 0bf97ec
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 10 deletions.
diff --git a/components/layout/footer.tsx b/components/layout/footer.tsx
@@ -1,7 +1,5 @@
-import Link from 'next/link';
 
 import FooterMenu from 'components/layout/footer-menu';
-import LogoSquare from 'components/ui/logo-square';
 import { getMenu } from 'lib/shopify';
 import { Suspense } from 'react';
 
@@ -17,12 +15,12 @@ export default async function Footer() {
   return (
     <footer className="text-sm text-neutral-500 dark:text-neutral-400">
       <div className="mx-auto flex w-full max-w-7xl flex-col gap-6 border-t border-neutral-700 px-6 py-12 text-sm dark:border-neutral-700 md:flex-row md:gap-12 md:px-4 xl:px-0">
-        <div>
+        {/* <div>
           <Link className="flex items-center gap-2 text-black dark:text-white" href="/">
             <LogoSquare size="sm" />
-            {/* <span className="uppercase">{SITE_NAME}</span> */}
+            <span className="uppercase">{SITE_NAME}</span>
           </Link>
-        </div>
+        </div> */}
         <Suspense
           fallback={
             <div className="flex h-[188px] w-[100px] flex-col gap-2 ">

diff --git a/components/layout/navbar/index.tsx b/components/layout/navbar/index.tsx
@@ -6,7 +6,6 @@ import { Menu } from 'lib/shopify/types';
 import Link from 'next/link';
 import { Suspense } from 'react';
 import MobileMenu from './mobile-menu';
-import Search from './search';
 const { SITE_NAME } = process.env;
 
 export default async function Navbar() {
@@ -30,7 +29,7 @@ export default async function Navbar() {
             </div> */}
             <LogoType />
           </Link>
-          {menu.length ? (
+          {/* {menu.length ? (
             <ul className="hidden text-sm md:flex md:items-center">
               {menu.map((item: Menu) => (
                 <li key={item.title}>
@@ -43,11 +42,25 @@ export default async function Navbar() {
                 </li>
               ))}
             </ul>
-          ) : null}
+          ) : null} */}
         </div>
-        <div className="hidden justify-center md:flex md:w-1/3">
+        {/* <div className="hidden justify-center md:flex md:w-1/3">
           <Search />
-        </div>
+        </div> */}
+        {menu.length ? (
+            <ul className="hidden text-sm md:flex md:items-center">
+              {menu.map((item: Menu) => (
+                <li key={item.title}>
+                  <Link
+                    href={item.path}
+                    className="m-3 text-neutral-500 underline-offset-4 hover:text-black hover:underline dark:text-neutral-400 dark:hover:text-neutral-300 lg:mr-8"
+                  >
+                    {item.title}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          ) : null}
         <div className="flex justify-end md:w-1/3">
           <Suspense fallback={<OpenCart />}>
             <Cart />