fix(mobile): prevent menu expansion from taking document space and improve join page layout

Author: eric15342335

src/app/join-us/page.tsx

@@ -9,7 +9,7 @@ export const metadata: Metadata = buildPageMetadata("/join-us", { description })
 
 export default function JoinUs() {
   return (
-    <section className="flex min-h-[85vh] flex-col items-center justify-center gap-4 text-center">
+    <section className="flex min-h-[85vh] flex-col items-center justify-center gap-4 text-center m-auto w-fit">
       <h1 className="max-w-4xl text-2xl font-bold tracking-tight md:text-4xl">
         Join The Team at ALPHA University Chapter at the University of Hong Kong, an initiative with great
         potential.

src/components/sections/header.tsx

@@ -199,7 +199,7 @@ export function Header() {
                 animate={{ opacity: 1, height: "auto" }}
                 exit={{ opacity: 0, height: 0 }}
                 transition={{ duration: 0.3, ease: "easeInOut" }}
-                className="overflow-hidden"
+                className="overflow-hidden absolute left-0 right-0"
               >
                 <div className="border-b border-t bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/80">
                   <div className="container px-4 lg:px-6 py-4">

src/lib/config.ts

@@ -43,7 +43,7 @@ export const siteConfig = {
   github: "https://github.com/ALPHA-HKU",
   linkedin: "https://www.linkedin.com/company/alpha-hku/",
   donate: donateLink,
-  parentOrg: "https://alphaeducation.org",
+  parentOrg: "https://www.alphaeducation.org",
   seoImage: "/ALPHA-HKU.png",
   seoImageWidth: 882,
   seoImageHeight: 802,