feat: add K-Suite page with interactive application organism and new app images.

components/navbar.tsx

@@ -22,6 +22,7 @@ const Navbar = () => {
 
   const navLinks = [
     { href: "/", label: "Home" },
+    { href: "/k-suite", label: "K-Suite" },
     { href: "/projects", label: "Projects" },
     {
       href: "https://blog.gabrielkaszewski.dev/",
@@ -31,6 +32,7 @@ const Navbar = () => {
     { href: "/about", label: "About" },
   ];
 
+
   const baseClasses =
     "fixed z-20 flex w-full items-center justify-center p-4 transition-all duration-300";
   const scrolledClasses = "bg-gray-900/80 backdrop-blur-md";
@@ -38,17 +40,15 @@ const Navbar = () => {
 
   return (
     <nav
-      className={`${baseClasses} ${
-        isScrolled ? scrolledClasses : transparentClasses
-      }`}
+      className={`${baseClasses} ${isScrolled ? scrolledClasses : transparentClasses
+        }`}
     >
       <div className="flex flex-1"></div>
       <div className="flex gap-4">
         {navLinks.map((link) => {
           const isActive = pathname === link.href;
-          const linkClasses = `text-lg hover:text-yellow-400 transition-colors ${
-            isActive ? "text-yellow-400 font-semibold" : "text-white"
-          }`;
+          const linkClasses = `text-lg hover:text-yellow-400 transition-colors ${isActive ? "text-yellow-400 font-semibold" : "text-white"
+            }`;
 
           if (link.external) {
             return (