Add temp logo

site/components/common/Footer/Footer.tsx

@@ -34,17 +34,17 @@ const Footer: FC<Props> = ({ className, pages }) => {
     <footer className={rootClassName}>
       <Container>
         <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 border-b border-accent-2 py-12 text-primary bg-primary transition-colors duration-150">
-          <div className="col-span-1 lg:col-span-2">
+          <div className="col-span-1 lg:col-span-3">
             <Link href="/">
               <a className="flex flex-initial items-center font-bold md:mr-24">
-                <span className="rounded-full border border-accent-6 mr-2">
+                <span className="mr-2">
                   <Logo />
                 </span>
-                <span>ACME</span>
+                <span>SafaraAbruzzo</span>
               </a>
             </Link>
           </div>
-          <div className="col-span-1 lg:col-span-6">
+          <div className="col-span-1 lg:col-span-5">
             <div className="grid md:grid-rows-4 md:grid-cols-3 md:grid-flow-col">
               {[...links].map((page: FooterLink) => (
                 <span key={page.href} className="py-3 md:py-0 md:pb-4">

site/components/common/Navbar/Navbar.module.css

@@ -26,10 +26,8 @@
 }
 
 .logo {
-  @apply cursor-pointer rounded-full border transform duration-100 ease-in-out;
 
   &:hover {
-    @apply shadow-md;
     transform: scale(1.05);
   }
 }

site/components/common/Searchbar/Searchbar.tsx

@@ -33,7 +33,7 @@ const Searchbar: FC<Props> = ({ className, id = 'search' }) => {
   }
 
   return (
-    <div className={cn(s.root, className)}>
+    <div style={{height: "fit-content"}}className={cn(s.root, className)}>
       <label className="hidden" htmlFor={id}>
         Search
       </label>

site/components/ui/Logo/Logo.tsx

@@ -1,21 +1,12 @@
+import Image from "next/image"
+
 const Logo = ({ className = '', ...props }) => (
-  <svg
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    className={className}
-    {...props}
-  >
-    <rect width="100%" height="100%" rx="16" fill="var(--secondary)" />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M17.6482 10.1305L15.8785 7.02583L7.02979 22.5499H10.5278L17.6482 10.1305ZM19.8798 14.0457L18.11 17.1983L19.394 19.4511H16.8453L15.1056 22.5499H24.7272L19.8798 14.0457Z"
-      fill="var(--primary)"
-    />
-  </svg>
+  <Image 
+    src="/logo.png"
+      height="50"
+      width="50"
+      alt="Safaraabruzzo logo"
+  />
 )
 
 export default Logo