Dap logos placed on favicon and navbar with footer

components/common/Footer/Footer.tsx

@@ -33,10 +33,7 @@ const Footer: FC<Props> = ({ className, pages }) => {
           <div className="col-span-1 lg:col-span-2">
             <Link href="/">
               <a className="flex flex-initial items-center font-bold md:mr-24">
-                <span className="rounded-full border border-accent-6 mr-2">
-                  <Logo />
-                </span>
-                <span>ACME</span>
+                <Logo />
               </a>
             </Link>
           </div>

components/common/Navbar/Navbar.tsx

@@ -19,7 +19,7 @@ const Navbar: FC<NavbarProps> = ({ links }) => (
       <div className={s.nav}>
         <div className="flex items-center flex-1">
           <Link href="/">
-            <a className={s.logo} aria-label="Logo">
+            <a aria-label="Logo">
               <Logo />
             </a>
           </Link>

components/ui/Logo/Logo.tsx

@@ -1,21 +1,8 @@
+import Image from 'next/image'
+import MainLogo from '../../../public/main-logo.png'
+
 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={MainLogo} width={35} height={35} />
 )
 
 export default Logo

public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/safari-pinned-tab.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="474.000000pt" height="474.000000pt" viewBox="0 0 474.000000 474.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,474.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M9 4723 c-4 -30 -3 -4706 1 -4712 3 -4 1066 -7 2363 -7 l2357 0 0
+2363 0 2363 -2360 0 c-1298 0 -2360 -3 -2361 -7z m4482 -245 c1 -7 2 -964 3
+-2125 l1 -2113 -2126 0 -2126 0 0 2125 0 2125 2123 0 c1692 0 2124 -3 2125
+-12z"/>
+<path d="M2844 4191 c-75 -18 -120 -86 -111 -167 9 -86 69 -139 152 -138 68 1
+118 33 140 87 52 130 -48 250 -181 218z"/>
+<path d="M3308 4186 c-83 -36 -119 -124 -83 -209 48 -116 227 -123 280 -10 33
+69 12 162 -45 203 -33 23 -115 32 -152 16z"/>
+<path d="M2008 4162 l-58 -3 0 -284 c0 -157 -3 -285 -6 -285 -3 0 -33 20 -65
+44 -96 72 -204 105 -326 101 -229 -10 -436 -180 -505 -416 -17 -58 -22 -101
+-22 -199 0 -69 3 -138 6 -153 66 -278 296 -477 552 -477 118 0 208 32 314 111
+l52 40 0 -61 0 -60 149 0 148 0 0 820 -1 820 -51 1 c-27 0 -68 1 -90 2 -22 1
+-66 1 -97 -1z m-249 -721 c66 -24 126 -83 163 -159 30 -63 33 -74 33 -172 0
+-92 -3 -112 -26 -161 -33 -69 -88 -124 -158 -157 -43 -20 -70 -25 -135 -25
+-98 0 -151 21 -213 85 -65 67 -96 145 -100 250 -5 172 66 286 210 339 63 23
+162 23 226 0z"/>
+<path d="M2910 3686 c-150 -44 -277 -151 -348 -293 -57 -115 -75 -207 -69
+-341 3 -59 8 -123 12 -142 10 -52 69 -175 107 -223 56 -71 62 -77 114 -118
+104 -80 219 -118 343 -113 121 5 204 36 297 111 23 18 43 33 46 33 2 0 4 -25
+3 -55 -1 -32 2 -55 9 -58 6 -2 74 -3 151 -3 l140 1 0 593 0 592 -150 -2 -150
+-3 1 -57 c0 -32 -1 -58 -3 -58 -2 0 -27 18 -55 41 -97 76 -160 98 -298 104
+-70 3 -120 0 -150 -9z m274 -270 c127 -23 233 -156 244 -308 18 -253 -185
+-431 -415 -363 -141 42 -228 172 -225 339 2 105 33 185 99 251 74 75 177 103
+297 81z"/>
+<path d="M3028 2165 c-66 -18 -129 -50 -187 -96 -27 -22 -51 -36 -53 -32 -2 5
+-3 32 -3 61 l1 52 -148 0 -148 0 0 -808 0 -809 143 2 c78 1 145 2 148 3 3 1 5
+116 4 255 0 138 1 260 3 269 3 14 13 10 56 -22 100 -75 194 -106 322 -103 139
+3 255 55 365 163 128 126 183 267 181 465 -2 356 -242 621 -557 614 -44 -1
+-101 -8 -127 -14z m186 -283 c113 -40 195 -160 200 -294 5 -120 -22 -203 -91
+-279 -82 -91 -220 -123 -338 -79 -79 30 -162 112 -190 190 -27 75 -26 215 1
+282 67 165 246 242 418 180z"/>
+<path d="M1569 1253 c-83 -35 -123 -116 -99 -202 31 -118 169 -163 273 -89 93
+66 79 230 -26 284 -38 20 -109 23 -148 7z"/>
+</g>
+</svg>

public/site.webmanifest

@@ -1,7 +1,7 @@
 {
-  "name": "Next.js Commerce",
-  "short_name": "Next.js Commerce",
-  "description": "Next.js Commerce -> https://www.nextjs.org/commerce",
+  "name": "däp",
+  "short_name": "däp",
+  "description": "däp",
   "display": "standalone",
   "start_url": "/",
   "theme_color": "#fff",
@@ -9,14 +9,14 @@
   "orientation": "portrait",
   "icons": [
     {
-      "src": "/icon-192x192.png",
-      "type": "image/png",
-      "sizes": "192x192"
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
     },
     {
-      "src": "/icon-512x512.png",
-      "type": "image/png",
-      "sizes": "512x512"
+        "src": "/android-chrome-384x384.png",
+        "sizes": "384x384",
+        "type": "image/png"
     }
   ]
 }