From 209f07249da31046e170b1abc01a560a314b0db6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 01:39:52 +0000
Subject: [PATCH 1/2] Add src/app/call-history/page.tsx

---
 src/app/call-history/page.tsx | 58 +++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 src/app/call-history/page.tsx

diff --git a/src/app/call-history/page.tsx b/src/app/call-history/page.tsx
new file mode 100644
index 0000000..b446280
--- /dev/null
+++ b/src/app/call-history/page.tsx
@@ -0,0 +1,58 @@
+"use client";
+
+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';
+
+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"
+    ]
+  }));
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeMediumTitles"
+        background="none"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="layered"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Features", id: "/#features" },
+              { name: "Live Feed", id: "/#live-feed" },
+              { name: "Call History", id: "/call-history" },
+            ]}
+            brandName="ReceptionistAI"
+          />
+        </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."
+            textboxLayout="split"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            features={callData}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From db043957d0d3903b64d6f55fbb7891c8931197dd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 01:39:52 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index be32497..f3cd100 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,6 +33,8 @@ export default function LandingPage() {
           name: "Features",          id: "#features"},
         {
           name: "Live Feed",          id: "#live-feed"},
+        {
+          name: "Call History",          id: "/call-history"},
       ]}
       brandName="ReceptionistAI"
     />
-- 
2.49.1