Add src/app/messaging/page.tsx

src/app/messaging/page.tsx

@@ -0,0 +1,113 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import { MessageSquare, Users, Paperclip, Bell } from "lucide-react";
+
+export default function MessagingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="fluid"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              {
+                name: "Home", id: "#home"
+              },
+              {
+                name: "Features", id: "#features"
+              },
+              {
+                name: "Messaging", id: "/messaging"
+              },
+              {
+                name: "Jobs", id: "#jobs"
+              },
+              {
+                name: "Companies", id: "#companies"
+              },
+              {
+                name: "Pricing", id: "#pricing"
+              },
+              {
+                name: "Reviews", id: "#testimonials"
+              },
+              {
+                name: "FAQ", id: "#faq"
+              },
+            ]}
+            brandName="JobGeorgia"
+            button={{
+              text: "Get Started", href: "#pricing"
+            }}
+          />
+        </div>
+
+        <div id="messaging" data-section="messaging">
+          <HeroBillboardDashboard
+            title="Real-time Messaging System"
+            description="Connect instantly with candidates and employers through our secure and intuitive messaging system, supporting real-time chat, file attachments, and notifications."
+            background={{ variant: 'radial-gradient' }}
+            tag="Communication"
+            tagIcon={MessageSquare}
+            tagAnimation="opacity"
+            buttons={[
+              {
+                text: "Start a New Chat", href: "#"
+              },
+              {
+                text: "View All Conversations", href: "#"
+              },
+            ]}
+            buttonAnimation="slide-up"
+            dashboard={{
+              title: "Conversations",              stats: [
+                {
+                  title: "Unread Messages",                  values: [12, 12, 12],
+                  valueSuffix: "",                  description: "Across all active chats"},
+                {
+                  title: "File Attachments",                  values: [28, 28, 28],
+                  valueSuffix: "",                  description: "Total files shared"},
+                {
+                  title: "New Notifications",                  values: [5, 5, 5],
+                  valueSuffix: "",                  description: "Recent activities"},
+              ],
+              logoIcon: MessageSquare,
+              sidebarItems: [
+                { icon: Users, active: true },
+                { icon: MessageSquare },
+                { icon: Paperclip },
+                { icon: Bell },
+              ],
+              searchPlaceholder: "Search conversations",              buttons: [
+                { text: "New Message", href: "#" },
+                { text: "Filters", href: "#" },
+              ],
+              chartTitle: "Daily Message Activity",              chartData: [
+                { value: 120 }, { value: 150 }, { value: 90 }, { value: 200 }, { value: 180 }, { value: 250 }, { value: 130 }
+              ],
+              listItems: [
+                { icon: Users, title: "Sarah Johnson - Interview Request", status: "10:30 AM" },
+                { icon: MessageSquare, title: "Employer Support - Urgent", status: "Yesterday" },
+                { icon: Paperclip, title: "CV.pdf sent to Tech Corp", status: "2 days ago" },
+              ],
+              listTitle: "Recent Activities",              imageSrc: "http://img.b2bpic.net/free-photo/social-network-digital-device-interface-chat-bubble_53876-127914.jpg",              imageAlt: "Messaging system dashboard interface"}}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}