Rename /links to /apps, add Apps to header, rename Products to Portfolio

apps/web/next.config.js

@@ -1,6 +1,15 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   transpilePackages: ["@repo/ui"],
+  async redirects() {
+    return [
+      {
+        source: "/links",
+        destination: "/apps",
+        permanent: true,
+      },
+    ];
+  },
 };
 
 module.exports = nextConfig;

apps/web/src/app/apps/page.tsx

@@ -6,9 +6,9 @@ import Link from "next/link";
 import type { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "Links | Such Software",
+  title: "Apps | Such Software",
   description: "Download our apps on App Store and Google Play.",
-  alternates: { canonical: "/links" },
+  alternates: { canonical: "/apps" },
   openGraph: {
     title: "Such Software Apps",
     description: "Download our apps on App Store and Google Play.",

apps/web/src/app/sitemap.ts

@@ -20,7 +20,7 @@ export default function sitemap(): MetadataRoute.Sitemap {
     { url: `${base}/support`, lastModified: new Date(), changeFrequency: "monthly", priority: 0.5 },
     { url: `${base}/privacy`, lastModified: new Date(), changeFrequency: "yearly", priority: 0.3 },
     { url: `${base}/terms`, lastModified: new Date(), changeFrequency: "yearly", priority: 0.3 },
-    { url: `${base}/links`, lastModified: new Date(), changeFrequency: "monthly", priority: 0.5 },
+    { url: `${base}/apps`, lastModified: new Date(), changeFrequency: "monthly", priority: 0.5 },
     { url: `${base}/blog`, lastModified: new Date(), changeFrequency: "weekly", priority: 0.8 },
   ];
 

apps/web/src/components/layout/header.tsx

@@ -24,7 +24,13 @@ export function Header() {
               href="/products"
               className={pathname.startsWith("/products") ? "text-primary" : "hover:text-primary transition-colors"}
             >
-              Products
+              Portfolio
+            </Link>
+            <Link
+              href="/apps"
+              className={pathname.startsWith("/apps") ? "text-primary" : "hover:text-primary transition-colors"}
+            >
+              Apps
             </Link>
             <Link
               href="/services"

apps/web/src/components/layout/mobile-nav.tsx

@@ -6,7 +6,7 @@ import { FaHouse, FaBoxesStacked, FaNewspaper, FaCircleInfo, FaGear } from "reac
 
 const navItems = [
   { href: "/", label: "Home", icon: FaHouse },
-  { href: "/products", label: "Products", icon: FaBoxesStacked },
+  { href: "/products", label: "Portfolio", icon: FaBoxesStacked },
   { href: "/services", label: "Services", icon: FaGear },
   { href: "/blog", label: "Blog", icon: FaNewspaper },
   { href: "/about", label: "About", icon: FaCircleInfo },