s1

app/components/Timeline.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Timeline } from 'antd';
+
+const AntdTimeline = () => (
+  <Timeline>
+    <Timeline.Item>Event 1: Start of the project - 2024-01-01</Timeline.Item>
+    <Timeline.Item color='green'>
+      Event 2: Initial Design - 2024-02-01
+      <div style={{ marginTop: '10px' }}>
+        <video width="320" height="240" controls>
+          <source src="https://videos.pexels.com/video-files/3195394/3195394-sd_640_360_25fps.mp4" type="video/mp4" />
+          Your browser does not support the video tag.
+        </video>
+      </div>
+    </Timeline.Item>
+    <Timeline.Item>
+      Event 3: Development Phase - 2024-03-01
+      <div style={{ marginTop: '10px' }}>
+        <embed src="https://pdfobject.com/pdf/sample.pdf" style={{width: '100%'}} height="375" type="application/pdf" />
+      </div>
+    </Timeline.Item>
+    <Timeline.Item>Event 4: Testing - 2024-04-01</Timeline.Item>
+    <Timeline.Item>Event 5: Launch - 2024-05-01</Timeline.Item>
+  </Timeline>
+);
+
+export default AntdTimeline;