Fixed mobile navigation.

Author: rafmevis

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

@@ -24,7 +24,7 @@ export default async function AboutPage() {
             <div className="flex flex-col gap-4">
                 <h5 className="text-h5 text-foreground/50">About</h5>
                 <h1 className="text-[10vw] sm:text-[clamp(3.8rem,9.5vw,4.8rem)] md:text-[clamp(4.8rem,10vw,6.7rem)] lg:text-[clamp(6.7rem,10.5vw,8.625rem)] xl:text-[8.625rem] leading-none text-foreground">
-                    <span className="text-primary">We care</span> {" "} 
+                    <span className="text-primary">We care</span>{" "}
                     about product passpo<span className="tracking-wide">rt</span>s
                 </h1>
             </div>

apps/web/src/components/header.tsx

@@ -162,20 +162,20 @@ export function Header() {
               Designer
             </Link>
             <Link
-              href="/#automation"
-              aria-label="Go to automation section"
+              href="/#compliance"
+              aria-label="Go to compliance section"
               className="text-2xl font-medium text-foreground hover:text-foreground/70 transition-colors duration-150"
               onClick={() => setIsMobileMenuOpen(false)}
             >
-              Automation
+              Compliance
             </Link>
             <Link
-              href="/#compliance"
-              aria-label="Go to compliance section"
+              href="/about/"
+              aria-label="Go to about page"
               className="text-2xl font-medium text-foreground hover:text-foreground/70 transition-colors duration-150"
               onClick={() => setIsMobileMenuOpen(false)}
             >
-              Compliance
+              About
             </Link>
             <Link
               href="/updates/"