Update src/app/search/page.tsx

src/app/search/page.tsx

@@ -21,16 +21,19 @@ export default function SearchPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-        <NavbarStyleApple
-          navItems={[
-            { name: "Home", id: "home" },
-            { name: "About", id: "about" },
-            { name: "Features", id: "features" },
-            { name: "Search", id: "/search" },
-            { 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>
         <div className="min-h-screen pt-32 px-6 flex flex-col items-center justify-center">
           <h1 className="text-5xl font-bold mb-8">Explore & Discover</h1>
           <input 
@@ -49,17 +52,22 @@ export default function SearchPage() {
             </div>
           </div>
         </div>
-        <ContactCenter 
-          tag="Join Now"
-          title="Stay Connected"
-          description="Join our community to see personalized recommendations based on your interests."
-          background={{ variant: "rotated-rays-static" }}
-        />
-        <FooterLogoReveal
-          logoText="Connect"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Terms of Service", href: "#" }}
-        />
+        <div id="contact" data-section="contact">
+          <ContactCenter 
+            tag="Join Now"
+            title="Stay Connected"
+            description="Join our community to see personalized recommendations based on your interests."
+            background={{ variant: "rotated-rays-static" }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Connect"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );