add icons to links (#6)

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.`

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,11 +22,11 @@ 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>
         ))}
       </div>
     </section>
   )
 }
-