Update src/app/call-history/page.tsx

Merge version_6 into main

src/app/call-history/page.tsx

@@ -4,15 +4,22 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import CardStack from '@/components/cardStack/CardStack';
-import { Mic, CheckCircle2, Clock } from "lucide-react";
+import { Clock } from "lucide-react";
 
 export default function CallHistoryPage() {
+  const prospectNames = [
+    "Sarah Jenkins", "Ahmed Al-Mansoori", "Elena Rossi", "Mark Z", "Jane Doe", 
+    "Alice Wong", "Robert Chen", "Sophia Martinez", "David Kim", "Linda Taylor",    "Kevin Patel", "Emily Johnson", "Brian O'Connor", "Rachel Green", "Tom Hiddleston"
+  ];
+
   const callData = Array.from({ length: 15 }).map((_, i) => ({
     id: `call-${i}`,
-    name: ["Sarah Jenkins", "Ahmed Al-Mansoori", "Elena Rossi", "Mark Z", "Jane Doe"][i % 5],
-    timestamp: "2h ago",    snippet: i % 2 === 0 
+    name: prospectNames[i],
+    timestamp: `${i + 1}h ago`,
+    snippet: i % 2 === 0 
       ? "Interest confirmed in the premium tier, scheduling demo." 
-      : "Standard inquiry regarding service availability.",    status: i % 3 === 0 ? "Booked" : "Lead"}));
+      : "Standard inquiry regarding service availability and pricing.",    status: i % 3 === 0 ? "Booked" : i % 3 === 1 ? "Follow-up" : "Lead"
+  }));
 
   return (
     <ThemeProvider
@@ -57,7 +64,7 @@ export default function CallHistoryPage() {
                       {call.name}
                       <span className="text-xs font-normal px-2 py-0.5 rounded-full bg-accent/10">{call.status}</span>
                     </h3>
-                    <p className="text-sm opacity-70">{call.snippet}</p>
+                    <p className="text-sm opacity-70 italic">"{call.snippet}"</p>
                     <p className="text-xs opacity-50 flex items-center gap-1 mt-2"><Clock className="w-3 h-3" /> {call.timestamp}</p>
                   </div>
                   <div className="flex items-center gap-1">
@@ -66,7 +73,7 @@ export default function CallHistoryPage() {
                         <div 
                           key={j} 
                           className="w-2 bg-primary-cta rounded-full animate-pulse"
-                          style={{ height: `${20 + Math.random() * 60}%`, animationDelay: `${j * 0.1}s` }}
+                          style={{ height: `${20 + (Math.random() * 60)}%`, animationDelay: `${j * 0.15}s` }}
                         />
                       ))}
                     </div>
@@ -79,4 +86,4 @@ export default function CallHistoryPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}