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

Merge version_2 into main

src/app/call-history/page.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+
+export default function CallHistoryPage() {
+  const callData = Array.from({ length: 15 }).map((_, i) => ({
+    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 (
+    <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">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Features", id: "/#features" },
+              { name: "Live Feed", id: "/#live-feed" },
+              { name: "Call History", id: "/call-history" },
+            ]}
+            brandName="ReceptionistAI"
+            button={{ text: "Get Started", href: "/contact" }}
+          />
+        </div>
+
+        <div id="call-history-list" data-section="call-history-list" className="pt-32 pb-20">
+          <FeatureCardEight
+            title="Active Call Interactions"
+            description="Real-time audio wave analysis and prospect conversation snippets."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={callData}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

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"
     />