feat: payload cms

components/Header.tsx

@@ -137,7 +137,7 @@ export default function Header() {
   ];
 
   const headerClass = cn(
-    'fixed top-0 left-0 right-0 z-50 transition-all duration-500 safe-area-p transform-gpu animate-in fade-in slide-in-from-top-12 fill-mode-both',
+    'fixed top-0 left-0 right-0 z-50 transition-all duration-500 safe-area-p transform-gpu fill-mode-both',
     {
       'bg-primary/95 backdrop-blur-md md:bg-transparent py-3 md:py-8 shadow-2xl md:shadow-none':
         isHomePage && !isScrolled && !isMobileMenuOpen,
@@ -153,8 +153,7 @@ export default function Header() {
       <header className={headerClass} style={{ animationDuration: '800ms' }}>
         <div className="container mx-auto px-4 md:px-12 lg:px-16 max-w-7xl flex items-center justify-between">
           <div
-            className="flex-shrink-0 group touch-target animate-in fade-in zoom-in-90 fill-mode-both"
-            style={{ animationDuration: '600ms', animationDelay: '100ms' }}
+            className="flex-shrink-0 group touch-target fill-mode-both"
           >
             <Link
               href={`/${currentLocale}`}
@@ -173,6 +172,9 @@ export default function Header() {
                 style={{ width: 'auto' }}
                 className="h-10 md:h-14 w-auto transition-all duration-500 group-hover:scale-110"
                 priority
+                fetchPriority="high"
+                loading="eager"
+                decoding="sync"
               />
             </Link>
           </div>