.

Author: faikit

app/(default)/(home)/news.tsx

@@ -0,0 +1,49 @@
+import * as React from "react"
+
+
+
+import Link from "next/link"
+
+
+
+import { Badge } from "@/components/ui/badge"
+
+
+
+export function News() {
+    return (
+        <div className="w-full px-6 flex justify-center mt-12">
+            <div className="w-full max-w-7xl flex flex-col gap-6 leading-relaxed">
+                <ul className="space-y-6">
+                    <li className="flex items-center gap-1 flex-wrap">
+                        <Badge variant="outline">
+                            2025.07.01
+                        </Badge>
+                        DetAny3D is open-sourced! Check more on 
+                        <Link className="text-o-blue animated-underline" href="https://github.com/OpenDriveLab/DetAny3D" target="_blank">github.com/OpenDriveLab/DetAny3D</Link>
+                        .
+                    </li>
+                    <li className="flex items-center gap-1 flex-wrap">
+                        <Badge variant="default">
+                            2025.07.01
+                        </Badge>
+                        <Link className="text-o-blue animated-underline" href="/challenge2025">[AGC 2025]</Link>
+                        The ICCV phase is ON! Explore the
+                        <Link className="text-o-blue animated-underline" href="/challenge2025/#navsim-e2e-driving">NAVSIM v2 End-to-End Driving Challenge</Link>
+                        and the
+                        <Link className="text-o-blue animated-underline" href="/challenge2025/#1x-wm">World Model Challenge by 1X</Link>
+                        .
+                    </li>
+                    <li className="flex items-center gap-1 flex-wrap">
+                        <Badge variant="default">
+                            2025.07.01
+                        </Badge>
+                        <Link className="text-o-blue animated-underline" href="/challenge2025">[AGC 2025]</Link>
+                        The IROS phase is ON! Explore the
+                        <Link className="text-o-blue animated-underline" href="/challenge2025/#agibot-world">AgiBot World Challenge</Link>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    )
+}

app/(default)/(home)/page.tsx

@@ -24,6 +24,7 @@ import {
 
 
 import { Landing } from "./landing"
+import { News } from "./news"
 import { Embodied, E2EAD } from "@/components/app-drawer"
 
 
@@ -44,6 +45,28 @@ export default function Home() {
 
 
 
+            <div className="w-full px-6 flex justify-center mt-36">
+                <div className="w-full max-w-7xl flex">
+                    <h2 className="text-t1"> 
+                        <Link href="#news" className="scroll-mt-32 group flex items-center" id="news">
+                            News
+                            <span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
+                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
+                                    <path d="M15.197 3.35462C16.8703 1.67483 19.4476 1.53865 20.9536 3.05046C22.4596 4.56228 22.3239 7.14956 20.6506 8.82935L18.2268 11.2626M10.0464 14C8.54044 12.4882 8.67609 9.90087 10.3494 8.22108L12.5 6.06212" strokeWidth="2.5" strokeLinecap="round"/>
+                                    <path d="M13.9536 10C15.4596 11.5118 15.3239 14.0991 13.6506 15.7789L11.2268 18.2121L8.80299 20.6454C7.12969 22.3252 4.55237 22.4613 3.0464 20.9495C1.54043 19.4377 1.67609 16.8504 3.34939 15.1706L5.77323 12.7373" strokeWidth="2.5" strokeLinecap="round"/>
+                                </svg>
+                            </span>
+                        </Link>
+                    </h2>
+                </div>
+            </div>
+
+
+
+            <News />
+
+
+
             <div className="w-full px-6 flex justify-center mt-24">
                 <div className="w-full max-w-7xl flex">
                     <div className="w-full flex justify-between items-center">

data/navigator-page.tsx

@@ -5,6 +5,10 @@ export const NavigatorPage: {
     }[]
 } = {
     "/": [
+        {
+            text: "News",
+            id: "news",
+        },
         {
             text: "Recruit",
             id: "recruit",