From 57aecb07ec42e2ad52ad6012afe169d4a1f82f07 Mon Sep 17 00:00:00 2001
From: F-Barto <fbartoc@hotmail.fr>
Date: Mon, 24 Feb 2025 11:22:18 +0100
Subject: [PATCH] add icons to links (#6)

---
 app/page.tsx               | 6 ++++--
 components/LinkSection.tsx | 5 +++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 6c31cb2..d91cf32 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -5,6 +5,7 @@ import VideoSection from "@/components/VideoSection"
 import ComparisonSection from "@/components/ComparisonSection"
 import BibTexSection from "@/components/BibTexSection"
 import ContributionDescription from "@/components/ContributionDescription"
+import { FileText, Github } from "lucide-react"
 
 const coreContributors = [
   { name: "Florent Bartoccioni", link: "https://f-barto.github.io" },
@@ -29,9 +30,10 @@ const contributors = [
   { name: "Matthieu Cord", link: "https://cord.isir.upmc.fr/" },
 ]
 
+
 const links = [
-  { text: "Paper", href: "https://arxiv.org/abs/2502.15672" },
-  { text: "Code", href: "https://github.com/valeoai/VideoActionModel" },
+  { text: "Paper", href: "https://arxiv.org/abs/2502.15672", icon: <FileText className="h-4 w-4" /> },
+  { text: "Code", href: "https://github.com/valeoai/VideoActionModel", icon: <Github className="h-4 w-4" /> },
 ]
 
 const abstract = `We explores the potential of large-scale generative video models to enhance autonomous driving capabilities, introducing an open-source autoregressive video model (VaViM) and a companion video-action model (VaVAM). VaViM is a simple autoregressive model that predicts frames using spatio-temporal token sequences, while VaVAM leverages the learned representations to generate driving trajectories through imitation learning. Together, they offer a complete perception-to-action pipeline.`
diff --git a/components/LinkSection.tsx b/components/LinkSection.tsx
index efe76f9..a228317 100644
--- a/components/LinkSection.tsx
+++ b/components/LinkSection.tsx
@@ -1,9 +1,10 @@
 import Link from "next/link"
-import { ArrowUpRight } from "lucide-react"
+import { ArrowUpRight} from "lucide-react"
 
 interface LinkItem {
   text: string
   href: string
+  icon?: JSX.Element
 }
 
 interface LinkSectionProps {
@@ -21,6 +22,7 @@ export default function LinkSection({ links }: LinkSectionProps) {
             href={link.href}
             className="inline-flex items-center bg-white px-4 py-2 sm:px-6 sm:py-3 rounded-lg text-sm font-bold hover:bg-[#82E600] transition-colors"
           >
+            {link.icon && <span className="mr-2">{link.icon}</span>}
             {link.text} <ArrowUpRight className="ml-1 h-4 w-4" />
           </Link>
         ))}
@@ -28,4 +30,3 @@ export default function LinkSection({ links }: LinkSectionProps) {
     </section>
   )
 }
-