refactor: update navigation and section IDs with smoother scroll behavior

src/components/NavLinks.tsx

@@ -10,9 +10,9 @@ export function NavLinks() {
 
   return [
     ['About', '/#about'],
-    ['Benefits', '/#benefits'],
     ['Features', '/#features'],
-    ['Use Cases', '/#usecases'],
+    ['How it Works', '/#howitworks'],
+    ['Coming Soon', '/#comingsoon'],
     ['FAQs', '/#faqs'],
   ].map(([label, href], index) => (
     <Link
@@ -28,7 +28,15 @@ export function NavLinks() {
       onMouseLeave={() => {
         timeoutRef.current = window.setTimeout(() => {
           setHoveredIndex(null)
-        }, 200)
+        }, 50)
+      }}
+      onClick={(e) => {
+        e.preventDefault()
+        const targetId = href.substring(2)
+        const targetElement = document.getElementById(targetId)
+        if (targetElement) {
+          targetElement.scrollIntoView({ behavior: 'smooth' })
+        }
       }}
     >
       <AnimatePresence>