join-us main

src/components/Navigation.astro

@@ -3,10 +3,12 @@ import { SITE_TITLE } from "../consts"
 import { ref } from "vue"
 import NavigationUser from "./NavigationUser.vue"
 
-const menuList = ref<{
+const menuList = ref<
+  {
     link: string
     name: string
-}[]>([
+  }[]
+>([
   {
     link: "/archive",
     name: "目录",
@@ -23,8 +25,11 @@ const menuList = ref<{
     link: "/about",
     name: "关于我们",
   },
-])
+  {
-
+    link: "/join-us",
+    name: "加入我们",
+  },
+]);
 ---
 
 <nav class="nav">
@@ -43,13 +48,16 @@ const menuList = ref<{
         </a>
         <div class="flex items-center">
           {
-              menuList.value.map(menu =>
+            menuList.value.map(menu => (
-                (
               <div class="px-3 lg:px-4">
-                    <a href={menu.link} class="nav-item-content hover:text-[#2997ff] text-nowrap">{menu.name}</a>
+                <a
+                  href={menu.link}
+                  class="nav-item-content hover:text-[#2997ff] text-nowrap"
+                >
+                  {menu.name}
+                </a>
               </div>
-                ),
+            ))
-              )
           }
           <div class="hidden lg:bock h-4 w-[0.5px] bg-gray-300 ml-1 mr-3"></div>
           <NavigationUser client:load />

src/pages/join-us.astro

@@ -1,10 +1,11 @@
 ---
-import BaseLayout from "../layouts/BaseLayout.astro";
+import BaseLayout from "../layouts/BaseLayout.astro"
+import mp4 from "./_assets/nbtca.mp4";
 ---
 
 <BaseLayout primaryTitle="加入我们">
   <div class="container">
-      <h2 class="life-at-apple__eyebrow">在 NBTCA 生活</h2>
+    <h2 class="life-at-apple__eyebrow">在 计算机协会</h2>
     <p class="t-hero-headline-oversized">
       <span
         class="t-hero-headline-oversized-span"
@@ -14,20 +15,22 @@ import BaseLayout from "../layouts/BaseLayout.astro";
       </span>
     </p>
     <div class="body-container">
-        <p class="life-at-apple__body-text">
+      <p class="life-at-apple__body-text">九月二十五日，百团等你！</p>
-          探索我们的资源和文化：这里有丰富的资源和注重包容、成长和独创性的协作文化，助你缔造精彩人生。
-        </p>
     </div>
     <div class="learn-more-link-container">
       <a
         href="/careers/cn/life-at-apple.html"
         class="learn-more-link"
         aria-label="进一步了解 NBTCA 的社区和文化"
-        >了解在 NBTCA 生活
-        </a
       >
+        了解在 NBTCA
+      </a>
       <a class="learn-more-link-after">&gt; </a>
     </div>
+    <video width="640" height="360" autoplay muted>
+      <source src={mp4} type="video/mp4" />
+      你的浏览器不支持视频标签。
+    </video>
   </div>
 </BaseLayout>