add logo icon

app/layout.tsx

@@ -3,17 +3,18 @@ import Navbar from 'components/layout/navbar';
 import { AuthProvider } from 'contexts/auth-context';
 import { GeistSans } from 'geist/font/sans';
 import { ensureStartsWith } from 'lib/utils';
+import { Metadata } from 'next';
 import { ReactNode, Suspense } from 'react';
 import './globals.css';
 
-const { TWITTER_CREATOR, TWITTER_SITE, SITE_NAME } = process.env;
+const { TWITTER_CREATOR, TWITTER_SITE, SITE_NAME, STORE_PREFIX } = process.env;
 const baseUrl = process.env.NEXT_PUBLIC_VERCEL_URL
   ? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`
   : 'http://localhost:3000';
 const twitterCreator = TWITTER_CREATOR ? ensureStartsWith(TWITTER_CREATOR, '@') : undefined;
 const twitterSite = TWITTER_SITE ? ensureStartsWith(TWITTER_SITE, 'https://') : undefined;
 
-export const metadata = {
+export const metadata: Metadata = {
   metadataBase: new URL(baseUrl),
   title: {
     default: SITE_NAME!,
@@ -30,7 +31,10 @@ export const metadata = {
         creator: twitterCreator,
         site: twitterSite
       }
-    })
+    }),
+  icons: {
+    icon: `/${STORE_PREFIX}/logo-icon.svg`
+  }
 };
 
 export default async function RootLayout({ children }: { children: ReactNode }) {

public/car-part-planet/logo-icon.svg

@@ -0,0 +1,11 @@
+<svg width="84" height="42" viewBox="0 0 84 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="84" height="42" fill="#F5F5F5"/>
+<rect width="46973" height="111683" transform="translate(-1888 -6020)" fill="#050B20"/>
+<path d="M-1415 -5624C-1415 -5625.1 -1414.1 -5626 -1413 -5626H44571C44572.1 -5626 44573 -5625.1 44573 -5624V25981C44573 25982.1 44572.1 25983 44571 25983H-1413C-1414.1 25983 -1415 25982.1 -1415 25981V-5624Z" fill="#FDAF3B"/>
+<path d="M-1413 -5625H44571V-5627H-1413V-5625ZM44572 -5624V25981H44574V-5624H44572ZM44571 25982H-1413V25984H44571V25982ZM-1414 25981V-5624H-1416V25981H-1414ZM-1413 25982C-1413.55 25982 -1414 25981.6 -1414 25981H-1416C-1416 25982.7 -1414.66 25984 -1413 25984V25982ZM44572 25981C44572 25981.6 44571.6 25982 44571 25982V25984C44572.7 25984 44574 25982.7 44574 25981H44572ZM44571 -5625C44571.6 -5625 44572 -5624.55 44572 -5624H44574C44574 -5625.66 44572.7 -5627 44571 -5627V-5625ZM-1413 -5627C-1414.66 -5627 -1416 -5625.66 -1416 -5624H-1414C-1414 -5624.55 -1413.55 -5625 -1413 -5625V-5627Z" fill="black" fill-opacity="0.1"/>
+<rect width="5632" height="20491" transform="translate(-931 -2960)" fill="white"/>
+<rect width="5632" height="20491" transform="translate(-931 -2960)" fill="#FAFAFA"/>
+<rect width="1920" height="121.704" transform="translate(-35 -20)" fill="white"/>
+<path d="M17.8653 41.1131C17.8619 40.9446 17.8518 40.7761 17.8518 40.6076C17.8518 27.2099 28.7155 16.3462 42.1133 16.3462C55.511 16.3462 66.3747 27.2099 66.3747 40.6076C66.3747 40.7761 66.3646 40.9446 66.3612 41.1131H83.7217C83.7217 40.9715 83.7284 40.8334 83.7284 40.6919C83.7284 39.408 83.6678 38.1377 83.5532 36.8842C82.9568 37.0055 82.3401 37.0695 81.7066 37.0695C76.5881 37.0695 72.4401 32.9215 72.4401 27.803C72.4401 24.0559 74.6674 20.8278 77.8686 19.3687C76.5544 17.1684 75.0448 15.096 73.3634 13.1821C71.6684 15.0219 69.2423 16.1777 66.5432 16.1777C61.4247 16.1777 57.2767 12.0296 57.2767 6.91115C57.2767 5.25665 57.7113 3.70661 58.4729 2.36212C56.1411 1.36134 53.7015 0.566101 51.1742 0C50.7463 4.72425 46.7802 8.42749 41.9448 8.42749C37.1228 8.42749 33.1635 4.74446 32.722 0.0370663C29.8983 0.680669 27.1823 1.61406 24.6079 2.7968C25.4537 4.19521 25.9389 5.83286 25.9389 7.58508C25.9389 12.7036 21.7909 16.8516 16.6724 16.8516C14.0474 16.8516 11.6786 15.7565 9.99039 14.0009C8.346 15.9721 6.88358 18.095 5.61996 20.3493C8.85482 21.7949 11.1091 25.0399 11.1091 28.8105C11.1091 33.929 7.80349 39.7618 2.685 39.7618C2.19977 39.7618 0.791252 40.1696 0.326241 40.0988C0.268957 40.9985 0.326241 39.7753 0.326241 40.6885C0.326241 40.83 0.329612 40.9682 0.332982 41.1097H17.8653V41.1131Z" fill="#171717"/>
+<path d="M8.76109 41.4498C8.75772 41.3656 8.75435 41.2813 8.75435 41.1971C8.75435 34.4982 14.1862 29.0664 20.8851 29.0664C27.5839 29.0664 33.0158 34.4982 33.0158 41.1971C33.0158 41.2813 33.0124 41.3656 33.0091 41.4498H41.6893C41.6893 41.3791 41.6927 41.3083 41.6927 41.2375C41.6927 40.5973 41.6623 39.9604 41.6051 39.3337C41.3052 39.3943 40.9985 39.4247 40.6818 39.4247C38.1242 39.4247 36.0485 37.349 36.0485 34.7914C36.0485 32.9179 37.1605 31.3038 38.7644 30.5726C38.1074 29.4707 37.3526 28.4362 36.5135 27.4793C35.6677 28.3992 34.4513 28.9788 33.1034 28.9788C30.5459 28.9788 28.4702 26.9031 28.4702 24.3455C28.4702 23.5199 28.6892 22.7415 29.0666 22.071C27.9007 21.5689 26.6809 21.1747 25.4173 20.8916C25.205 23.2537 23.2202 25.107 20.8042 25.107C18.3915 25.107 16.4136 23.2638 16.1912 20.9118C14.7793 21.2353 13.4213 21.7003 12.1341 22.2934C12.5553 22.9909 12.8013 23.8097 12.8013 24.6858C12.8013 27.2434 10.7256 29.3191 8.16803 29.3191C6.85386 29.3191 5.67112 28.7732 4.82871 27.8937C4.00652 28.8777 3.2753 29.9425 2.64517 31.0679C4.2626 31.7924 5.39144 33.4132 5.39144 35.3002C5.39144 37.8578 3.31573 39.9335 0.758171 39.9335C0.515556 39.9335 0.276313 39.9133 0.0438071 39.8796C0.0134802 40.3311 0 40.7826 0 41.2409C0 41.3117 0.00337037 41.3824 0.00337037 41.4532H8.76109V41.4498Z" fill="#EF6C00" stroke="white" stroke-width="1.5" stroke-miterlimit="10"/>
+</svg>

tailwind.config.js

@@ -14,7 +14,7 @@ module.exports = {
   content: ['./app/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
   theme: {
     extend: {
-      colors: getCustomColors[STORE_PREFIX],
+      colors: getCustomColors[STORE_PREFIX] || carPartPlanetColor,
       fontFamily: {
         sans: ['var(--font-geist-sans)']
       },