feat: better fotter

app/components/Header.jsx

@@ -1,4 +1,7 @@
+"use client";
+import { useScroll } from '../hooks/useScroll';
 function Header() {
+    const { scrollToSectionWithHeader } = useScroll();
   return (
     <nav className="py-6 px-8 sticky top-0 bg-white/80 backdrop-blur-md z-50 border-b border-gray-100">
       <div className="max-w-6xl mx-auto flex justify-between items-center">
@@ -14,21 +17,27 @@ function Header() {
 
         {/* Navigation */}
         <div className="hidden md:flex items-center gap-8">
-          {['ویژگی‌ها', 'دانلود', 'قیمت‌ها', 'درباره ما'].map((item) => (
-            <a
-              key={item}
-              href="#"
+          {[
+            { name: 'ویژگی‌ها', id: 'features' },
+            { name: 'امکانات', id: 'what-you-can-do' },
+            { name: 'چرا ما', id: 'why-aramland' },
+            { name: 'دانلود', id: 'download' },
+            { name: 'ارتباط با ما', id: 'footer' },
+          ].map((item) => (
+             <button
+              key={item.id}
+              onClick={() => scrollToSectionWithHeader(item.id)}
               className="text-gray-600 hover:text-primary-500 font-medium transition-colors duration-200 relative group"
             >
-              {item}
+              {item.name}
               <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-primary-500 group-hover:w-full transition-all duration-300"></span>
-            </a>
+            </button>
           ))}
         </div>
 
         {/* CTA Button */}
-        <button className="bg-gradient-to-r from-primary-500 to-primary-600 text-white font-medium py-2 px-6 rounded-xl hover:shadow-lg transition-all duration-300 transform hover:scale-105">
-          شروع رایگان
+        <button   onClick={() => scrollToSectionWithHeader('download')} className="bg-gradient-to-r from-primary-500 to-primary-600 text-white font-medium py-2 px-6 rounded-xl hover:shadow-lg transition-all duration-300 transform hover:scale-105">
+          شروع سفر آرامش
         </button>
       </div>
     </nav>