diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..a7bfb16
Binary files /dev/null and b/public/favicon.png differ
diff --git a/src/app/globals.css b/src/app/globals.css
index c66a97c..2db29d5 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -246,11 +246,38 @@ body.is-home-page.scroll-up .sticky-active {
   z-index: 999999999 !important;
 }
 
-/* Ensure page loader covers everything during initial render */
 .page-loader-container {
   z-index: 1000000000 !important;
 }
 
+.page-loader-logo {
+  animation: heartbeat-blink 1.4s infinite ease-in-out;
+  transform-origin: center;
+}
+
+@keyframes heartbeat-blink {
+  0% {
+    transform: scale(1);
+    opacity: 0.8;
+  }
+  14% {
+    transform: scale(1.12);
+    opacity: 1;
+  }
+  28% {
+    transform: scale(1);
+    opacity: 0.8;
+  }
+  42% {
+    transform: scale(1.12);
+    opacity: 1;
+  }
+  70% {
+    transform: scale(1);
+    opacity: 0.8;
+  }
+}
+
 /* Respect user preference for reduced motion */
 @media (prefers-reduced-motion: reduce) {
   /* Disable utility animation classes used across the project */
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 717f81e..86dfb40 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -71,7 +71,7 @@ export default function Header() {
         >
           <div className="page-loader">
             <Image
-              src="/loyaly_php/assets/images/loyalyai-logo.png"
+              src="/favicon.png"
               alt="Loyaly.AI"
               width={100}
               height={100}
@@ -120,7 +120,7 @@ export default function Header() {
         {/* Panel header */}
         <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
           <Image
-            src="/loyaly_php/assets/images/loyalyai.png"
+            src="/images/logo-dark.png"
             alt="Loyaly.AI"
             width={140}
             height={40}
@@ -247,7 +247,7 @@ export default function Header() {
           <div style={{ flexShrink: 0, flex: 1, minWidth: 120 }}>
             <Link href="/" aria-label="Loyaly.AI home" style={{ display: 'inline-flex', alignItems: 'center', textDecoration: 'none' }}>
               <Image
-                src="/loyaly_php/assets/images/loyalyai.png"
+                src="/images/logo-dark.png"
                 alt="Loyaly.AI"
                 width={160}
                 height={48}