From 9a50387a7d3b299f507dcfdbfabc84301e0fa90e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 30 Mar 2026 01:38:00 +0000
Subject: [PATCH] Update src/app/messaging/page.tsx

---
 src/app/messaging/page.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/app/messaging/page.tsx b/src/app/messaging/page.tsx
index c1dedaa..b19623a 100644
--- a/src/app/messaging/page.tsx
+++ b/src/app/messaging/page.tsx
@@ -7,17 +7,21 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
 export default function MessagingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleApple
-          navItems={[{ name: "Home", id: "/" }, { name: "Feed", id: "/feed" }, { name: "Profile", id: "/profile" }, { name: "Messages", id: "/messaging" }, { name: "Contact", id: "/contact" }]}
-          brandName="Connect"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[{ name: "Home", id: "/" }, { name: "Feed", id: "/feed" }, { name: "Profile", id: "/profile" }, { name: "Messages", id: "/messaging" }, { name: "Search", id: "/search" }, { name: "Contact", id: "/contact" }]}
+            brandName="Connect"
+          />
+        </div>
         <main className="container mx-auto py-24 min-h-screen">
           <h1 className="text-4xl font-bold mb-8">Messaging & Chat</h1>
           <p className="text-lg">Securely connect with others through encrypted, high-speed private messaging.</p>
         </main>
-        <FooterLogoReveal logoText="Connect" leftLink={{ text: "Privacy", href: "#" }} rightLink={{ text: "Terms", href: "#" }} />
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal logoText="Connect" leftLink={{ text: "Privacy", href: "#" }} rightLink={{ text: "Terms", href: "#" }} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );