updates

Frontend/src/components/layout/Header.tsx

@@ -12,6 +12,7 @@ import {
   Phone,
   Mail,
   Calendar,
+  MessageSquare,
 } from 'lucide-react';
 import { useClickOutside } from '../../hooks/useClickOutside';
 
@@ -131,6 +132,15 @@ const Header: React.FC<HeaderProps> = ({
               <span className="relative z-10">About</span>
               <span className="absolute inset-0 bg-gradient-to-r from-[#d4af37]/0 via-[#d4af37]/10 to-[#d4af37]/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
             </Link>
+            <Link 
+              to="/contact" 
+              className="text-white/90 hover:text-[#d4af37] 
+                transition-all duration-300 font-light px-4 py-2 
+                relative group tracking-wide"
+            >
+              <span className="relative z-10">Contact</span>
+              <span className="absolute inset-0 bg-gradient-to-r from-[#d4af37]/0 via-[#d4af37]/10 to-[#d4af37]/0 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
+            </Link>
           </nav>
 
           {/* Desktop Auth Section */}
@@ -330,6 +340,17 @@ const Header: React.FC<HeaderProps> = ({
               >
                 About
               </Link>
+              <Link 
+                to="/contact"
+                onClick={() => setIsMobileMenuOpen(false)}
+                className="px-4 py-3 text-white/90 
+                  hover:bg-[#d4af37]/10 hover:text-[#d4af37] 
+                  rounded-sm transition-all duration-300 
+                  border-l-2 border-transparent 
+                  hover:border-[#d4af37] font-light tracking-wide"
+              >
+                Contact
+              </Link>
               
               <div className="border-t border-[#d4af37]/20 
                 pt-3 mt-3"