diff --git a/src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx b/src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx
index 40bb621..f78d3f2 100644
--- a/src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx
+++ b/src/components/cardStack/layouts/timelines/TimelineProcessFlow.tsx
@@ -1,8 +1,15 @@
-import React, { useRef } from "react";
+import React from "react";
 import { useCardAnimation } from "@/components/cardStack/hooks/useCardAnimation";
 
+interface TimelineProcessFlowItem {
+  id: string;
+  reverse: boolean;
+  media: React.ReactElement;
+  content: React.ReactElement;
+}
+
 interface TimelineProcessFlowProps {
-  items?: any[];
+  items?: TimelineProcessFlowItem[];
 }
 
 export default function TimelineProcessFlow({ items = [] }: TimelineProcessFlowProps) {
@@ -16,9 +23,9 @@ export default function TimelineProcessFlow({ items = [] }: TimelineProcessFlowP
 
   return (
     <div className="timeline-process-flow">
-      {items.map((item, index) => (
-        <div key={index} className="timeline-item">
-          {item.label}
+      {items.map((item) => (
+        <div key={item.id} className="timeline-item">
+          {item.content}
         </div>
       ))}
     </div>