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", title: "TeamBy.ai - AI-Powered Management for Team Leads",
description: description:
"TeamBy unifies your work and uses AI to optimize workflows, meetings, and costs—so you can manage smarter without chasing updates.", "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({ export default function RootLayout({
@ -28,11 +35,9 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en" className={`${inter.variable} ${poppins.variable} dark bg-[#03070D]`}> <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"> <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} {children}
</body> </body>
</html> </html>
); );
} }

BIN
public/favicon.ico

Loading…
Cancel
Save