Skip to content

Commit 446272b

Browse files
faikitfaikit
committed
.
1 parent 77d1c22 commit 446272b

1 file changed

Lines changed: 33 additions & 31 deletions

File tree

‎app/(project)/FreeTacMan/page.tsx‎

Lines changed: 33 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -94,17 +94,19 @@ export default function Home() {
9494
your patience! Best viewed in Chrome on a desktop.
9595
</span>
9696
</div>
97-
<div className="flex justify-center items-center flex-col gap-6 max-w-[1024px]">
97+
<div className="flex justify-center items-center flex-col gap-6 max-w-7xl">
9898
<video
9999
preload="none"
100100
autoPlay
101101
loop
102102
muted
103103
playsInline
104-
className="w-full object-fit max-w-[1024px]"
104+
className="w-full object-fit"
105105
>
106106
<source src="https://opendrivelab.github.io/FreeTacMan/landing/FreeTacMan_teaser_gray.mp4" />
107107
</video>
108+
</div>
109+
<div className="flex justify-center items-center flex-col gap-6 max-w-4xl">
108110
<span className="text-base italic text-gray-400 text-left w-full">
109111
FreeTacMan is a robot-free, human-centric visuo-tactile data
110112
collection system, featuring low-cost, high-resolution tactile
@@ -127,7 +129,7 @@ export default function Home() {
127129

128130

129131
<div className="w-full pl-6 pr-6 flex flex-col items-center" id="highlights">
130-
<div className="w-full flex flex-col items-center mt-16">
132+
<div className="w-full flex flex-col items-center mt-4">
131133
<div className="w-full max-w-4xl flex flex-row justify-between">
132134
<h2 className="text-3xl font-bold">
133135
<Link
@@ -163,7 +165,7 @@ export default function Home() {
163165

164166
<div className="w-full pl-6 pr-6 flex flex-col items-center">
165167
<div className="w-full pl-6 pr-6 flex flex-col items-center">
166-
<div className="w-full flex flex-col items-center mt-20">
168+
<div className="w-full flex flex-col items-center mt-12">
167169
<div className="w-full max-w-4xl flex flex-row justify-between">
168170
<div className="flex flex-col gap-6">
169171
<p className="text-base text-left w-full">
@@ -211,41 +213,41 @@ export default function Home() {
211213

212214
<div className="w-full pl-6 pr-6 flex flex-col items-center">
213215
<div className="w-full pl-6 pr-6 flex flex-col items-center">
214-
<div className="w-full max-w-6xl mt-20">
216+
<div className="w-full max-w-7xl mt-16">
215217
<Tabs
216218
defaultValue="01"
217-
className="flex flex-row w-full gap-6 h-[576px]"
219+
className="flex flex-row w-full gap-6 h-[410px]"
218220
>
219221
<TabsList className="flex flex-col justify-between gap-6 h-full">
220222
<TabsTrigger
221223
value="01"
222224
key="01"
223-
className="data-[state=active]:text-[#174BE5] disabled:pointer-events-none flex flex-col py-6 px-3 justify-around rounded-xl text-background font-bold bg-[url('https://opendrivelab.github.io/FreeTacMan/highlights/01.png')] bg-center bg-cover bg-black bg-opacity-50 bg-blend-overlay w-80 flex-1/3"
225+
className="data-[state=active]:text-[#174BE5] disabled:pointer-events-none flex flex-col py-6 px-3 justify-around rounded-xl text-background font-bold bg-[url('https://opendrivelab.github.io/FreeTacMan/highlights/01.png')] bg-center bg-cover bg-black bg-opacity-50 bg-blend-overlay w-60 flex-1/3"
224226
>
225-
<h2 className="text-5xl">01</h2>
226-
<p className="text-base">
227+
<h2 className="text-4xl">01</h2>
228+
<p className="text-xs font-semibold">
227229
Portable, High-resolution, Low-cost<br></br>
228230
Visuo-Tactile Hardware Sensor
229231
</p>
230232
</TabsTrigger>
231233
<TabsTrigger
232234
value="02"
233235
key="02"
234-
className="data-[state=active]:text-[#174BE5] disabled:pointer-events-none flex flex-col py-6 px-3 justify-around rounded-xl text-background font-bold bg-[url('https://opendrivelab.github.io/FreeTacMan/highlights/02.png')] bg-center bg-cover bg-black bg-opacity-50 bg-blend-overlay w-80 flex-1/3"
236+
className="data-[state=active]:text-[#174BE5] disabled:pointer-events-none flex flex-col py-6 px-3 justify-around rounded-xl text-background font-bold bg-[url('https://opendrivelab.github.io/FreeTacMan/highlights/02.png')] bg-center bg-cover bg-black bg-opacity-50 bg-blend-overlay w-60 flex-1/3"
235237
>
236-
<h2 className="text-5xl">02</h2>
237-
<p className="text-base">
238+
<h2 className="text-4xl">02</h2>
239+
<p className="text-xs font-semibold">
238240
In-situ, Robot-free, Real-time Tactile<br></br>
239241
Data-collection System
240242
</p>
241243
</TabsTrigger>
242244
<TabsTrigger
243245
value="03"
244246
key="03"
245-
className="data-[state=active]:text-[#174BE5] disabled:pointer-events-none flex flex-col py-6 px-3 justify-around rounded-xl text-background font-bold bg-[url('https://opendrivelab.github.io/FreeTacMan/highlights/03.png')] bg-center bg-cover bg-black bg-opacity-50 bg-blend-overlay w-80 flex-1/3"
247+
className="data-[state=active]:text-[#174BE5] disabled:pointer-events-none flex flex-col py-6 px-3 justify-around rounded-xl text-background font-bold bg-[url('https://opendrivelab.github.io/FreeTacMan/highlights/03.png')] bg-center bg-cover bg-black bg-opacity-50 bg-blend-overlay w-60 flex-1/3"
246248
>
247-
<h2 className="text-5xl">03</h2>
248-
<p className="text-base">
249+
<h2 className="text-4xl">03</h2>
250+
<p className="text-xs font-semibold">
249251
Visuo-Tactile Policy Learning <br></br> Tactile
250252
Pretraining
251253
</p>
@@ -255,7 +257,7 @@ export default function Home() {
255257
<TabsContent value="01" key="01" className="w-full h-full">
256258
<Card className="border-8 border-[#98AEF3] h-full">
257259
<CardContent className="h-full flex justify-center items-center">
258-
<video preload="none" autoPlay loop muted playsInline>
260+
<video preload="none" autoPlay loop muted playsInline className="max-h-[380px]">
259261
<source src="https://opendrivelab.github.io/FreeTacMan/highlights/highlight01.mp4" />
260262
</video>
261263
</CardContent>
@@ -264,7 +266,7 @@ export default function Home() {
264266
<TabsContent value="02" key="02" className="w-full">
265267
<Card className="border-8 border-[#98AEF3] h-full">
266268
<CardContent className="h-full flex justify-center items-center">
267-
<video preload="none" autoPlay loop muted playsInline>
269+
<video preload="none" autoPlay loop muted playsInline className="max-h-[380px]">
268270
<source src="https://opendrivelab.github.io/FreeTacMan/highlights/highlight2_9_16.mp4" />
269271
</video>
270272
</CardContent>
@@ -273,7 +275,7 @@ export default function Home() {
273275
<TabsContent value="03" key="03" className="w-full">
274276
<Card className="border-8 border-[#98AEF3] h-full">
275277
<CardContent className="h-full flex justify-center items-center">
276-
<video preload="none" autoPlay loop muted playsInline>
278+
<video preload="none" autoPlay loop muted playsInline className="max-h-[380px]">
277279
<source src="https://opendrivelab.github.io/FreeTacMan/highlights/20250508-062620.mp4" />
278280
</video>
279281
</CardContent>
@@ -289,7 +291,7 @@ export default function Home() {
289291

290292
<div className="w-full pl-6 pr-6 flex flex-col items-center">
291293
<div className="w-full pl-6 pr-6 flex flex-col items-center">
292-
<Separator className="max-w-4xl mt-28" />
294+
<Separator className="max-w-4xl mt-24" />
293295
</div>
294296
</div>
295297

@@ -298,7 +300,7 @@ export default function Home() {
298300

299301
{/* FreeTacMan 3D Model */}
300302
<div className="w-full pl-6 pr-6 flex flex-col items-center" id="model">
301-
<div className="w-full flex flex-col items-center mt-16">
303+
<div className="w-full flex flex-col items-center mt-24">
302304
<div className="w-full max-w-4xl flex flex-row justify-between">
303305
<h2 className="text-3xl font-bold">
304306
<Link
@@ -334,14 +336,14 @@ export default function Home() {
334336

335337

336338
<div className="w-full pl-6 pr-6 flex flex-col items-center">
337-
<div className="my-10 flex flex-col items-center pl-6 pr-6 inset-0 w-full">
338-
<div className="w-full max-w-4xl my-5">
339+
<div className="mt-12 flex flex-col items-center pl-6 pr-6 inset-0 w-full">
340+
<div className="w-full max-w-4xl">
339341
<div className="flex flex-col gap-5 h-full">
340342
<div className="flex flex-col justify-center gap-5">
341343
<span className="font-bold text-2xl text-center">
342344
Interactive Modal Viewer
343345
</span>
344-
<p className="text-base text-center max-w-6xl">
346+
<p className="text-base text-center max-w-7xl">
345347
Dive into our 💡
346348
<b className="text-[#004cee]">interactive</b> 3D model
347349
viewer and explore the most popular native 3D formats with
@@ -358,7 +360,7 @@ export default function Home() {
358360
className="h-[640px] border-4 border-white hover:border-[#174BE5] transition-colors duration-300 rounded-lg"
359361
></iframe>
360362
</div>
361-
<div className="w-full object-fit bg-white flex flex-row gap-10 p-10 h-[640px] justify-center">
363+
<div className="w-full object-fit bg-white flex flex-row gap-10 mt-12 h-[720px] justify-center">
362364
<div className="flex flex-col gap-5 justify-around">
363365
<div className="flex flex-row justify-around">
364366
<span className="font-bold text-2xl">
@@ -373,7 +375,7 @@ export default function Home() {
373375
</video>
374376
<div className="w-full flex justify-center">
375377
<div className="max-w-4xl">
376-
<p className="text-base text-left w-full">
378+
<p className="text-base text-left w-full mt-3">
377379
FreeTacMan features a universal gripper interface
378380
with quick-swap mounts compatible with various
379381
robots, such as Piper and Franka, with support for
@@ -399,15 +401,15 @@ export default function Home() {
399401

400402

401403
<div className="w-full pl-6 pr-6 flex flex-col items-center">
402-
<Separator className="max-w-4xl mt-68" />
404+
<Separator className="max-w-4xl mt-24" />
403405
</div>
404406

405407

406408

407409

408410
{/* Application */}
409411
<div className="w-full pl-6 pr-6 flex flex-col items-center" id="applications">
410-
<div className="w-full flex flex-col items-center mt-16">
412+
<div className="w-full flex flex-col items-center mt-24">
411413
<div className="w-full max-w-4xl flex flex-row justify-between">
412414
<h2 className="text-3xl font-bold">
413415
<Link
@@ -458,7 +460,7 @@ export default function Home() {
458460

459461
<div className="w-full pl-6 pr-6 flex flex-col items-center">
460462
<div className="w-full pl-6 pr-6 flex flex-col items-center">
461-
<div className="w-full max-w-6xl mt-20">
463+
<div className="w-full max-w-7xl mt-20">
462464
{/* <div className="bg-[#98AEF3] mt-20 p-10">
463465
<div className="flex w-full justify-center border-8 bg-[#eaeaea]">
464466
<span className="text-3xl font-bold text-center p-10 select-none">FreeTacMan</span>
@@ -647,7 +649,7 @@ export default function Home() {
647649
<img
648650
src="https://opendrivelab.github.io/FreeTacMan/policy_rollouts/policy rollouts_results.png"
649651
alt="Policy Rollouts Results"
650-
className="max-w-6xl w-full"
652+
className="max-w-7xl w-full"
651653
/>
652654
</div>
653655
</div>
@@ -977,7 +979,7 @@ export default function Home() {
977979
<img
978980
src="https://opendrivelab.github.io/FreeTacMan/user_study/userstudy_results.png"
979981
alt="User Study Results"
980-
className="max-w-6xl w-full rounded-xl"
982+
className="max-w-7xl w-full rounded-xl"
981983
/>
982984
</div>
983985
<div className="w-full max-w-[1400px] px-20 3xl:px-64 mt-10 p-6 overflow-hidden">
@@ -1180,7 +1182,7 @@ export default function Home() {
11801182

11811183

11821184
<div className="w-full pl-6 pr-6 flex flex-col items-center">
1183-
<Separator className="max-w-4xl mt-32" />
1185+
<Separator className="max-w-4xl mt-24" />
11841186
</div>
11851187

11861188

0 commit comments

Comments
 (0)