updates

Frontend/src/components/layout/Header.tsx

@@ -12,6 +12,7 @@ import {
   Phone,
   Mail,
   Calendar,
+  Star,
 } from 'lucide-react';
 import { useClickOutside } from '../../hooks/useClickOutside';
 import { useCompanySettings } from '../../contexts/CompanySettingsContext';
@@ -280,6 +281,18 @@ const Header: React.FC<HeaderProps> = ({
                           <Calendar className="w-4 h-4" />
                           <span className="font-light tracking-wide">My Bookings</span>
                         </Link>
+                        <Link
+                          to="/loyalty"
+                          onClick={() => setIsUserMenuOpen(false)}
+                          className="flex items-center space-x-3 
+                            px-4 py-2.5 text-white/90 
+                            hover:bg-[#d4af37]/10 hover:text-[#d4af37] 
+                            transition-all duration-300 border-l-2 border-transparent 
+                            hover:border-[#d4af37]"
+                        >
+                          <Star className="w-4 h-4" />
+                          <span className="font-light tracking-wide">Loyalty Program</span>
+                        </Link>
                       </>
                     )}
                     {userInfo?.role === 'admin' && (