Update src/app/page.tsx

src/app/page.tsx

@@ -33,15 +33,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          href: "/"},
         {
-          name: "Features",          id: "#features"},
+          name: "Features",          id: "#reporting-features"},
         {
-          name: "Impact",          id: "#impact"},
+          name: "Impact",          id: "#public-impact"},
         {
           name: "FAQs",          id: "#faqs"},
         {
           name: "Contact",          id: "#contact"},
+        {
+          name: "Admin Dashboard",          href: "/admin-dashboard"}
       ]}
       brandName="AquaWatch"
       button={{
@@ -88,7 +90,7 @@ export default function LandingPage() {
         {
           text: "Report an Issue",          href: "#contact"},
         {
-          text: "Explore Reports",          href: "#features"},
+          text: "Explore Reports",          href: "#reporting-features"},
       ]}
       avatars={[
         {
@@ -328,6 +330,12 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       mediaPosition="right"
       buttonText="Send Message"
+      onSubmit={(data) => {
+        console.log("Form data submitted:", data);
+        // In a real application, you would send this data to your backend API.
+        // Example: fetch('/api/contact', { method: 'POST', body: JSON.stringify(data) });
+        alert("Message sent successfully (simulated)! Check console for data.");
+      }}
     />
   </div>