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

Merge version_3 into main

src/app/call-history/page.tsx

@@ -2,18 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 
 export default function CallHistoryPage() {
   const callData = Array.from({ length: 15 }).map((_, i) => ({
-    id: `call-${i}`,
-    label: `Interaction ${i + 1}`,
-    title: `Customer #${1000 + i}`,
-    items: [
-      `Timestamp: ${new Date(Date.now() - i * 3600000).toLocaleString()}`,
-      "Status: Successfully handled by AI",      "Confidence: 98%",      "Action: Booked Appointment"
-    ]
+    title: `Prospect #${1000 + i}`,
+    description: `Snippet: "Hello, I'm interested in the ${i % 2 === 0 ? 'premium' : 'standard'} plan..." | Tags: ${i % 2 === 0 ? 'Lead, High-Intent' : 'Inquiry, Pricing'}`,
+    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfrrA4gAjraum2ii37r2QQ6tll/uploaded-1775612696144-jqzjl02r.png",    imageAlt: "Audio Wave Interaction UI"
   }));
 
   return (
@@ -31,7 +27,7 @@ export default function CallHistoryPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
+          <NavbarLayoutFloatingInline
             navItems={[
               { name: "Home", id: "/" },
               { name: "Features", id: "/#features" },
@@ -39,15 +35,15 @@ export default function CallHistoryPage() {
               { name: "Call History", id: "/call-history" },
             ]}
             brandName="ReceptionistAI"
+            button={{ text: "Get Started", href: "/contact" }}
           />
         </div>
 
-        <div id="call-history-list" className="pt-32 pb-20">
-          <FeatureCardTwelve
-            title="Call Interaction History"
-            description="Review the detailed log of all 15 recent receptionist interactions."
+        <div id="call-history-list" data-section="call-history-list" className="pt-32 pb-20">
+          <FeatureCardSix
+            title="Active Call Interactions"
+            description="Real-time audio wave analysis and prospect conversation snippets."
             textboxLayout="split"
-            animationType="slide-up"
             useInvertedBackground={false}
             features={callData}
           />
@@ -55,4 +51,4 @@ export default function CallHistoryPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}