Skip to content

Commit b22e185

Browse files
faikitfaikit
committed
.
1 parent aee8c35 commit b22e185

3 files changed

Lines changed: 145 additions & 1 deletion

File tree

‎app/(default)/test/page.tsx‎

Lines changed: 145 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export const metadata: Metadata = {
55
keywords: ["OpenDriveLab", "Robotics", "Embodied AI", "Autonomous Driving", "HKU", "SII"],
66
};
77

8-
import * as React from "react"
8+
99

1010
import Image from 'next/image'
1111
import Link from "next/link"
@@ -17,8 +17,21 @@ import {
1717
CarouselPrevious,
1818
} from "@/components/ui/carousel"
1919
import { AspectRatio } from "@/components/ui/aspect-ratio"
20+
import {
21+
Drawer,
22+
DrawerClose,
23+
DrawerContent,
24+
DrawerDescription,
25+
DrawerFooter,
26+
DrawerHeader,
27+
DrawerTitle,
28+
DrawerTrigger,
29+
} from "@/components/ui/drawer"
30+
2031

2132
import { Landing } from "./landing"
33+
import { Embodied, E2EAD } from "@/components/app-drawer"
34+
2235

2336

2437
export default function Home() {
@@ -33,6 +46,137 @@ export default function Home() {
3346

3447

3548

49+
<div className="w-full px-6 flex justify-center mt-24">
50+
<div className="w-full max-w-7xl flex">
51+
<h2 className="text-t1">
52+
<Link href="#research" className="scroll-mt-32 group flex items-center" id="research">
53+
Research
54+
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
55+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
56+
<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"/>
57+
<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"/>
58+
</svg>
59+
</span>
60+
</Link>
61+
</h2>
62+
</div>
63+
</div>
64+
65+
66+
67+
<div className="w-full px-6 flex justify-center mt-12">
68+
<div className="w-full max-w-7xl grid gap-12 grid-cols-1 xl:grid-cols-2">
69+
70+
<Drawer direction="top">
71+
<DrawerTrigger asChild>
72+
<div className="w-full h-64 md:h-80 relative rounded-sm shadow-sm overflow-hidden group hover:cursor-pointer">
73+
<Image
74+
src="/assets/background/50b9a68a4c9773f405f914c9b1d857398.jpg"
75+
alt="Embodied AI"
76+
fill
77+
className="object-center object-cover bg-gradient-landing group-hover:scale-103 transition delay-100 duration-200"
78+
/>
79+
<div className="w-full h-full absolute flex flex-col justify-end items-end p-6">
80+
<h3 className="text-white font-bold text-t1 select-none text-end">
81+
Embodied AI
82+
</h3>
83+
</div>
84+
</div>
85+
</DrawerTrigger>
86+
<Embodied/>
87+
</Drawer>
88+
89+
<Drawer direction="top">
90+
<DrawerTrigger asChild>
91+
<div className="w-full h-64 md:h-80 relative rounded-sm shadow-sm overflow-hidden group hover:cursor-pointer">
92+
<Image
93+
src="/assets/background/34dafb77s3a94a108af741cd955ac9ba2.jpg"
94+
alt="End-to-End Autonomous Driving"
95+
fill
96+
className="object-center object-cover bg-gradient-landing group-hover:scale-103 transition delay-100 duration-200"
97+
/>
98+
<div className="w-full h-full absolute flex flex-col justify-end items-end p-6">
99+
<h3 className="text-white font-bold text-t1 select-none text-end">
100+
End-to-End<br></br>Autonomous Driving
101+
</h3>
102+
</div>
103+
</div>
104+
</DrawerTrigger>
105+
<E2EAD/>
106+
</Drawer>
107+
108+
</div>
109+
</div>
110+
111+
112+
113+
<div className="w-full px-6 flex justify-center mt-24">
114+
<div className="w-full max-w-7xl flex">
115+
<h2 className="text-t1">
116+
<Link href="#recruit" className="scroll-mt-32 group flex items-center" id="recruit">
117+
Recruit
118+
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
119+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
120+
<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"/>
121+
<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"/>
122+
</svg>
123+
</span>
124+
</Link>
125+
</h2>
126+
</div>
127+
</div>
128+
129+
130+
131+
<div className="w-full px-6 flex justify-center mt-12">
132+
<div className="w-full max-w-7xl flex flex-col gap-6 leading-relaxed">
133+
<p>
134+
We are searching for talents from all over the world. Are you looking for opportunities? Don't hesitate to contact us via <Link className="text-o-blue animated-underline" href="mailto:contact@opendrivelab.com">contact@opendrivelab.com</Link> or <Link className="text-o-blue animated-underline" href="https://lihongyang.info" target="_blank">Dr. Hongyang Li</Link>.
135+
</p>
136+
<ul className="ml-6 space-y-3 list-outside list-disc">
137+
<li>
138+
具身智能研究員 / 自動駕駛研究員 / 機器人硬件工程師 / 科研助理 / 生態合作助理 <Link className="text-o-blue animated-underline" href="/recruit">【更多詳情】</Link>
139+
</li>
140+
<li>
141+
Ph.D. student / Research Assistant / Postdoc / <i>etc.</i> in Hong Kong and Shanghai
142+
</li>
143+
<li>
144+
Full-time employee and Intern (international are welcome)
145+
</li>
146+
</ul>
147+
</div>
148+
</div>
149+
150+
151+
152+
<div className="w-full px-6 flex justify-center mt-24">
153+
<div className="w-full max-w-7xl flex flex-col gap-3">
154+
<h2 className="text-t1">
155+
<Link href="#publication" className="scroll-mt-32 group flex items-center" id="publication">
156+
Publication
157+
<span className="ml-6 hidden group-hover:inline-block size-6 text-foreground">
158+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
159+
<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"/>
160+
<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"/>
161+
</svg>
162+
</span>
163+
</Link>
164+
</h2>
165+
<span>
166+
Representative work published at top-tiered venues.
167+
</span>
168+
</div>
169+
</div>
170+
171+
172+
173+
<div className="w-full px-6 flex justify-center mt-12">
174+
<div className="w-full max-w-7xl flex flex-col gap-6 leading-relaxed">
175+
176+
</div>
177+
</div>
178+
179+
36180
</div>
37181
)
38182
}

‎public/assets/background/34dafb77s3a94a108af741cd955ac9ba2.jpg‎

42.7 KB
Loading

‎public/assets/background/50b9a68a4c9773f405f914c9b1d857398.jpg‎

16.8 KB
Loading

0 commit comments

Comments
 (0)