Browse Source

feat: replace default nextjs favicon with TeamBy logo and metadata icons

master
Ali Alavi 2 weeks ago
parent
commit
91dddba990
  1. BIN
      app/apple-icon.png
  2. BIN
      app/favicon.ico
  3. BIN
      app/icon.png
  4. 268
      app/icon.svg
  5. 9
      app/layout.tsx
  6. BIN
      public/favicon.ico

BIN
app/apple-icon.png

After

Width: 51  |  Height: 51  |  Size: 5.0 KiB

BIN
app/favicon.ico

BIN
app/icon.png

After

Width: 51  |  Height: 51  |  Size: 5.0 KiB

268
app/icon.svg

@ -0,0 +1,268 @@
<svg width="51" height="51" viewBox="0 0 51 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M35.4741 24.5053H22.1291V22.1289H33.0978V17.3763H35.4741V24.5053Z" fill="url(#paint0_linear_4178_61388)"/>
<path d="M35.4741 17.3763L28.6187 17.3763C27.2476 17.3764 24.5054 18.117 24.5054 21.0781V22.2656H22.1291V21.3516C22.1293 18.7925 23.5467 15.0001 28.6187 15H35.4741V17.3763Z" fill="url(#paint1_linear_4178_61388)"/>
<path d="M15 28.6186C15 23.546 18.7937 22.129 21.3529 22.129H22.2669V24.5053H21.0781C18.117 24.5055 17.3763 27.2477 17.3763 28.6186V35.4728H15V28.6186Z" fill="url(#paint2_linear_4178_61388)"/>
<path d="M24.5053 22.129V35.4728H17.3763L17.3764 33.0965H22.129L22.1291 22.1289L24.5053 22.129Z" fill="url(#paint3_linear_4178_61388)"/>
<path d="M29.258 24.5054L24.5053 24.5054L24.5053 22.129L29.258 22.129V24.5054Z" fill="url(#paint4_linear_4178_61388)"/>
<path d="M35.4741 24.5053H22.1291V22.1289H33.0978V17.3763H35.4741V24.5053Z" fill="url(#paint5_linear_4178_61388)"/>
<path d="M35.4741 17.3763L28.6187 17.3763C27.2476 17.3764 24.5054 18.117 24.5054 21.0781V22.2656H22.1291V21.3516C22.1293 18.7925 23.5467 15.0001 28.6187 15H35.4741V17.3763Z" fill="url(#paint6_linear_4178_61388)"/>
<path d="M15 28.6186C15 23.546 18.7937 22.129 21.3529 22.129H22.2669V24.5053H21.0781C18.117 24.5055 17.3763 27.2477 17.3763 28.6186V35.4728H15V28.6186Z" fill="url(#paint7_linear_4178_61388)"/>
<path d="M24.5053 22.129V35.4728H17.3763L17.3764 33.0965H22.129L22.1291 22.1289L24.5053 22.129Z" fill="url(#paint8_linear_4178_61388)"/>
<path d="M29.258 24.5054L24.5053 24.5054L24.5053 22.129L29.258 22.129V24.5054Z" fill="url(#paint9_linear_4178_61388)"/>
<g opacity="0.3" filter="url(#filter0_f_4178_61388)" style="mix-blend-mode:color-dodge">
<path d="M35.4741 24.5053H22.1291V22.1289H33.0978V17.3763H35.4741V24.5053Z" fill="white"/>
<path d="M35.4741 17.3763L28.6187 17.3763C27.2476 17.3764 24.5054 18.117 24.5054 21.0781V22.2656H22.1291V21.3516C22.1293 18.7925 23.5467 15.0001 28.6187 15H35.4741V17.3763Z" fill="white"/>
<path d="M15 28.6186C15 23.546 18.7937 22.129 21.3529 22.129H22.2669V24.5053H21.0781C18.117 24.5055 17.3763 27.2477 17.3763 28.6186V35.4728H15V28.6186Z" fill="white"/>
<path d="M24.5053 22.129V35.4728H17.3763L17.3764 33.0965H22.129L22.1291 22.1289L24.5053 22.129Z" fill="white"/>
<path d="M29.258 24.5054L24.5053 24.5054L24.5053 22.129L29.258 22.129V24.5054Z" fill="white"/>
<path d="M35.4741 24.5053H22.1291V22.1289H33.0978V17.3763H35.4741V24.5053Z" fill="white"/>
<path d="M35.4741 17.3763L28.6187 17.3763C27.2476 17.3764 24.5054 18.117 24.5054 21.0781V22.2656H22.1291V21.3516C22.1293 18.7925 23.5467 15.0001 28.6187 15H35.4741V17.3763Z" fill="white"/>
<path d="M15 28.6186C15 23.546 18.7937 22.129 21.3529 22.129H22.2669V24.5053H21.0781C18.117 24.5055 17.3763 27.2477 17.3763 28.6186V35.4728H15V28.6186Z" fill="white"/>
<path d="M24.5053 22.129V35.4728H17.3763L17.3764 33.0965H22.129L22.1291 22.1289L24.5053 22.129Z" fill="white"/>
<path d="M29.258 24.5054L24.5053 24.5054L24.5053 22.129L29.258 22.129V24.5054Z" fill="white"/>
</g>
<g filter="url(#filter1_f_4178_61388)" style="mix-blend-mode:plus-lighter">
<path d="M35.4741 24.5053H22.1291V22.1289H33.0978V17.3763H35.4741V24.5053Z" fill="url(#paint10_linear_4178_61388)"/>
<path d="M35.4741 17.3763L28.6187 17.3763C27.2476 17.3764 24.5054 18.117 24.5054 21.0781V22.2656H22.1291V21.3516C22.1293 18.7925 23.5467 15.0001 28.6187 15H35.4741V17.3763Z" fill="url(#paint11_linear_4178_61388)"/>
<path d="M15 28.6186C15 23.546 18.7937 22.129 21.3529 22.129H22.2669V24.5053H21.0781C18.117 24.5055 17.3763 27.2477 17.3763 28.6186V35.4728H15V28.6186Z" fill="url(#paint12_linear_4178_61388)"/>
<path d="M24.5053 22.129V35.4728H17.3763L17.3764 33.0965H22.129L22.1291 22.1289L24.5053 22.129Z" fill="url(#paint13_linear_4178_61388)"/>
<path d="M29.258 24.5054L24.5053 24.5054L24.5053 22.129L29.258 22.129V24.5054Z" fill="url(#paint14_linear_4178_61388)"/>
<path d="M35.4741 24.5053H22.1291V22.1289H33.0978V17.3763H35.4741V24.5053Z" fill="url(#paint15_linear_4178_61388)"/>
<path d="M35.4741 17.3763L28.6187 17.3763C27.2476 17.3764 24.5054 18.117 24.5054 21.0781V22.2656H22.1291V21.3516C22.1293 18.7925 23.5467 15.0001 28.6187 15H35.4741V17.3763Z" fill="url(#paint16_linear_4178_61388)"/>
<path d="M15 28.6186C15 23.546 18.7937 22.129 21.3529 22.129H22.2669V24.5053H21.0781C18.117 24.5055 17.3763 27.2477 17.3763 28.6186V35.4728H15V28.6186Z" fill="url(#paint17_linear_4178_61388)"/>
<path d="M24.5053 22.129V35.4728H17.3763L17.3764 33.0965H22.129L22.1291 22.1289L24.5053 22.129Z" fill="url(#paint18_linear_4178_61388)"/>
<path d="M29.258 24.5054L24.5053 24.5054L24.5053 22.129L29.258 22.129V24.5054Z" fill="url(#paint19_linear_4178_61388)"/>
</g>
<defs>
<filter id="filter0_f_4178_61388" x="5" y="5" width="40.4727" height="40.4728" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="5" result="effect1_foregroundBlur_4178_61388"/>
</filter>
<filter id="filter1_f_4178_61388" x="0" y="0" width="50.4727" height="50.4728" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="7.5" result="effect1_foregroundBlur_4178_61388"/>
</filter>
<linearGradient id="paint0_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint1_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint2_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint3_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint4_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint5_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint6_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint7_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint8_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint9_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint10_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint11_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint12_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint13_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint14_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint15_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint16_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint17_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint18_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
<linearGradient id="paint19_linear_4178_61388" x1="25.2371" y1="15" x2="25.2371" y2="41.6877" gradientUnits="userSpaceOnUse">
<stop stop-color="#0029B3"/>
<stop offset="0.1" stop-color="#0038BF"/>
<stop offset="0.2" stop-color="#0E4ACC"/>
<stop offset="0.3" stop-color="#255CD9"/>
<stop offset="0.4" stop-color="#3D6FE6"/>
<stop offset="0.5" stop-color="#487EFF"/>
<stop offset="0.65" stop-color="#4B80FF"/>
<stop offset="0.8" stop-color="#5D8BFF"/>
<stop offset="1" stop-color="#ADBFFF"/>
</linearGradient>
</defs>
</svg>

9
app/layout.tsx

@ -19,6 +19,13 @@ export const metadata: Metadata = {
title: "TeamBy.ai - AI-Powered Management for Team Leads",
description:
"TeamBy unifies your work and uses AI to optimize workflows, meetings, and costs—so you can manage smarter without chasing updates.",
icons: {
icon: [
{ url: "/assets/images/logo_icon.svg", type: "image/svg+xml" },
{ url: "/favicon.ico", sizes: "any" },
],
apple: "/assets/images/logo_icon.png",
},
};
export default function RootLayout({
@ -28,11 +35,9 @@ export default function RootLayout({
}>) {
return (
<html lang="en" className={`${inter.variable} ${poppins.variable} dark bg-[#03070D]`}>
<body className="min-h-full flex flex-col bg-[#03070D] text-[#ffffff] font-sans antialiased selection:bg-blue-500/30 selection:text-blue-200">
{children}
</body>
</html>
);
}

BIN
public/favicon.ico

Loading…
Cancel
Save