video and image

src/components/about-card.tsx

@@ -25,14 +25,27 @@ export function AboutCard({ title, description, subTitle,imageName,paper_links }
           {title}
         
         </Typography>
+        {isVideo(imageName) ? (
+            <video width="500" height="500" controls>
+              <source src={`/paper_image/${imageName}`} type="video/mp4" />
+              Your browser does not support the video tag.
+            </video>
+          ) : (
+            <Image
+              src={`/paper_image/${imageName}`}
+              width={500}
+              height={500}
+              alt="next/image"
+            />
+          )}
 
-        <Image
+        {/* <Image
         src={`/paper_image/${imageName}`}
         width={500}
         height={500}
         alt="next/image"
         
-      />
+      /> */}
         <Typography variant="h6" className="mb-4 text-center" color="white" placeholder="">
 
           {subTitle}
@@ -60,5 +73,8 @@ export function AboutCard({ title, description, subTitle,imageName,paper_links }
   );
 }
 
+function isVideo(filename) {
+  return ['.mp4', '.webm', '.ogg'].some(extension => filename.endsWith(extension));
+}
 
 export default AboutCard;