Feature/logo integration

components/utils/logo.tsx

@@ -7,17 +7,16 @@ export default function Logo() {
     <Link
       href={logoConfig.logohref}
       target="_blank"
-      className="flex items-center justify-center gap-3"
+      className="flex items-center justify-center w-40 h-12 overflow-hidden relative"
     >
       <Image
         src={logoConfig.logoImage}
         alt={logoConfig.logoAlt}
-        width={60}
-        height={60}
+        width={360}
+        height={40}
         priority
-        className="size-10 rounded-full border border-border object-cover"
+        className="object-contain h-20 w-auto min-w-[110px]"
       />
-      <h2 className="text-lg md:text-xl font-semibold">{logoConfig.name}</h2>
     </Link>
   );
 }

config/logo.tsx

@@ -6,8 +6,8 @@ interface Logo {
 }
 
 export const logoConfig: Logo = {
-  logoImage: "/logo/logo.png",
-  logoAlt: "React 100",
+  logoImage: "/logo/logo.svg",
+  logoAlt: "100+ ReactJS Projects Logo",
   logohref: "https://vaibhavkesarwani.vercel.app/",
   name: "React JS",
 };

config/meta.tsx

@@ -134,9 +134,9 @@ export function generateMetadata(pathname: string) {
     title: pageMeta.title,
     description: pageMeta.description,
     icons: {
-      icon: "/logo/logo.png",
-      shortcut: "/logo/logo.png",
-      apple: "/logo/logo.png",
+      icon: "/logo/favicon.",
+      shortcut: "/logo/favicon.ico",
+      apple: "/logo/favicon.ico",
     },
     keywords: pageMeta.keywords?.join(", "),
     authors: [{ name: siteConfig.author.name }],