fix: update tool names and descriptions in page and TopNavbar components

Author: codeaashu

src/app/page.tsx

@@ -17,18 +17,18 @@ const tools = [
     color: "from-blue-600 to-blue-500",
   },
   {
-    name: "Video Remover",
-    description: "Clean invisible watermarks from Sora AI-generated videos.",
-    icon: Video,
-    href: "/video-remover",
-    color: "from-fuchsia-600 to-fuchsia-500",
+    name: "IconLogo",
+    description: "Create icon-based logos with a full studio workflow and quick exports.",
+    icon: Shapes,
+    href: "/iconlogo",
+    color: "from-orange-600 to-amber-500",
   },
   {
-    name: "Background Remover",
-    description: "Instantly strip backgrounds from any image with high precision.",
-    icon: Eraser,
-    href: "/background-remover",
-    color: "from-emerald-600 to-teal-500",
+    name: "QR Generator",
+    description: "Create fully styled QR codes for links, Wi-Fi, contacts, events, SMS, and more.",
+    icon: QrCode,
+    href: "/qr-code-generator",
+    color: "from-cyan-600 to-blue-500",
   },
   {
     name: "AI Image Detector",
@@ -38,18 +38,18 @@ const tools = [
     color: "from-purple-600 to-pink-500",
   },
   {
-    name: "QR Generator",
-    description: "Create fully styled QR codes for links, Wi-Fi, contacts, events, SMS, and more.",
-    icon: QrCode,
-    href: "/qr-code-generator",
-    color: "from-cyan-600 to-blue-500",
+    name: "Video Remover",
+    description: "Clean invisible watermarks from Sora AI-generated videos.",
+    icon: Video,
+    href: "/video-remover",
+    color: "from-fuchsia-600 to-fuchsia-500",
   },
   {
-    name: "IconLogo",
-    description: "Create icon-based logos with a full studio workflow and quick exports.",
-    icon: Shapes,
-    href: "/iconlogo",
-    color: "from-orange-600 to-amber-500",
+    name: "Background Remover",
+    description: "Instantly strip backgrounds from any image with high precision.",
+    icon: Eraser,
+    href: "/background-remover",
+    color: "from-emerald-600 to-teal-500",
   },
 ];
 

src/components/TopNavbar.tsx

@@ -84,29 +84,29 @@ export default function TopNavbar() {
               </Link>
 
               <Link
-                href="/video-remover"
-                aria-label="Video Remover"
-                aria-current={isVideoPage ? "page" : undefined}
-                className={`relative flex flex-1 min-w-0 items-center justify-center gap-0 md:gap-2 px-2 md:px-5 py-2.5 rounded-xl text-sm transition-all duration-300 whitespace-nowrap ${isVideoPage
-                    ? "text-white shadow-lg bg-gradient-to-r from-fuchsia-600 to-fuchsia-500"
+                href="/iconlogo"
+                aria-label="IconLogo"
+                aria-current={isIconLogoPage ? "page" : undefined}
+                className={`relative flex flex-1 min-w-0 items-center justify-center gap-0 md:gap-2 px-2 md:px-5 py-2.5 rounded-xl text-sm transition-all duration-300 whitespace-nowrap ${isIconLogoPage
+                    ? "text-white shadow-lg bg-gradient-to-r from-orange-600 to-amber-500"
                     : "text-gray-400 hover:text-gray-200 hover:bg-white/5"
                   }`}
               >
-                <Video className="w-5 h-5" />
-                <span className="hidden lg:inline">Video Remover</span>
+                <Shapes className="w-5 h-5" />
+                <span className="hidden lg:inline">IconLogo</span>
               </Link>
 
               <Link
-                href="/background-remover"
-                aria-label="Background Remover"
-                aria-current={isBackgroundPage ? "page" : undefined}
-                className={`relative flex flex-1 min-w-0 items-center justify-center gap-0 md:gap-2 px-2 md:px-5 py-2.5 rounded-xl text-sm transition-all duration-300 whitespace-nowrap ${isBackgroundPage
-                    ? "text-white shadow-lg bg-gradient-to-r from-emerald-600 to-teal-500"
+                href="/qr-code-generator"
+                aria-label="QR Code Generator"
+                aria-current={isQrCodePage ? "page" : undefined}
+                className={`relative flex flex-1 min-w-0 items-center justify-center gap-0 md:gap-2 px-2 md:px-5 py-2.5 rounded-xl text-sm transition-all duration-300 whitespace-nowrap ${isQrCodePage
+                    ? "text-white shadow-lg bg-gradient-to-r from-cyan-600 to-blue-500"
                     : "text-gray-400 hover:text-gray-200 hover:bg-white/5"
                   }`}
               >
-                <Eraser className="w-5 h-5" />
-                <span className="hidden lg:inline">BG Remover</span>
+                <QrCode className="w-5 h-5" />
+                <span className="hidden lg:inline">QR Generator</span>
               </Link>
 
               <Link
@@ -123,29 +123,29 @@ export default function TopNavbar() {
               </Link>
 
               <Link
-                href="/qr-code-generator"
-                aria-label="QR Code Generator"
-                aria-current={isQrCodePage ? "page" : undefined}
-                className={`relative flex flex-1 min-w-0 items-center justify-center gap-0 md:gap-2 px-2 md:px-5 py-2.5 rounded-xl text-sm transition-all duration-300 whitespace-nowrap ${isQrCodePage
-                    ? "text-white shadow-lg bg-gradient-to-r from-cyan-600 to-blue-500"
+                href="/video-remover"
+                aria-label="Video Remover"
+                aria-current={isVideoPage ? "page" : undefined}
+                className={`relative flex flex-1 min-w-0 items-center justify-center gap-0 md:gap-2 px-2 md:px-5 py-2.5 rounded-xl text-sm transition-all duration-300 whitespace-nowrap ${isVideoPage
+                    ? "text-white shadow-lg bg-gradient-to-r from-fuchsia-600 to-fuchsia-500"
                     : "text-gray-400 hover:text-gray-200 hover:bg-white/5"
                   }`}
               >
-                <QrCode className="w-5 h-5" />
-                <span className="hidden lg:inline">QR Generator</span>
+                <Video className="w-5 h-5" />
+                <span className="hidden lg:inline">Video Remover</span>
               </Link>
 
               <Link
-                href="/iconlogo"
-                aria-label="IconLogo"
-                aria-current={isIconLogoPage ? "page" : undefined}
-                className={`relative flex flex-1 min-w-0 items-center justify-center gap-0 md:gap-2 px-2 md:px-5 py-2.5 rounded-xl text-sm transition-all duration-300 whitespace-nowrap ${isIconLogoPage
-                    ? "text-white shadow-lg bg-gradient-to-r from-orange-600 to-amber-500"
+                href="/background-remover"
+                aria-label="Background Remover"
+                aria-current={isBackgroundPage ? "page" : undefined}
+                className={`relative flex flex-1 min-w-0 items-center justify-center gap-0 md:gap-2 px-2 md:px-5 py-2.5 rounded-xl text-sm transition-all duration-300 whitespace-nowrap ${isBackgroundPage
+                    ? "text-white shadow-lg bg-gradient-to-r from-emerald-600 to-teal-500"
                     : "text-gray-400 hover:text-gray-200 hover:bg-white/5"
                   }`}
               >
-                <Shapes className="w-5 h-5" />
-                <span className="hidden lg:inline">IconLogo</span>
+                <Eraser className="w-5 h-5" />
+                <span className="hidden lg:inline">BG Remover</span>
               </Link>
             </div>
           )}