From 972f66317e9a561055dd11f35b133da5615660cd Mon Sep 17 00:00:00 2001
From: rosslh <ross@rosshill.ca>
Date: Sun, 8 Feb 2026 17:40:49 -0500
Subject: [PATCH] feat(branding): replace text logos with PNG from marketing
 API

Use mapledeploy.ca/api/logo/lockup for light/dark logo images
in navbar, mobile header, auth pages, and force-password-reset.
Remove unused mapledeploy-logo.svg.
---
 public/mapledeploy-logo.svg                             | 1 -
 resources/views/auth/confirm-password.blade.php         | 7 ++++---
 resources/views/auth/forgot-password.blade.php          | 7 ++++---
 resources/views/auth/login.blade.php                    | 7 ++++---
 resources/views/auth/register.blade.php                 | 7 ++++---
 resources/views/auth/reset-password.blade.php           | 7 ++++---
 resources/views/auth/two-factor-challenge.blade.php     | 7 ++++---
 resources/views/components/navbar.blade.php             | 5 ++++-
 resources/views/layouts/app.blade.php                   | 6 ++++--
 resources/views/livewire/force-password-reset.blade.php | 7 ++++---
 10 files changed, 36 insertions(+), 25 deletions(-)
 delete mode 100644 public/mapledeploy-logo.svg

diff --git a/public/mapledeploy-logo.svg b/public/mapledeploy-logo.svg
deleted file mode 100644
index 7442ad045..000000000
--- a/public/mapledeploy-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg role="img" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>MapleDeploy</title><path d="M8 1a.5.5 0 0 0-.39.188l-2 2.5A.5.5 0 0 0 5.5 4v1.793l-.146-.147a.5.5 0 0 0-.256-.136l-2.5-.5a.5.5 0 0 0-.588.588l.5 2.5a.5.5 0 0 0 .137.255L3.893 9.6l-.84 1.677a.5.5 0 0 0 .556.711l3.75-.834l-.35 1.748a.5.5 0 0 0 .491.598h1a.5.5 0 0 0 .49-.598l-.35-1.748l3.75.834a.5.5 0 0 0 .557-.71l-.84-1.678l1.247-1.246a.5.5 0 0 0 .136-.256l.5-2.5a.5.5 0 0 0-.588-.588l-2.5.5a.5.5 0 0 0-.255.136l-.147.147V4a.5.5 0 0 0-.11-.312l-2-2.5A.5.5 0 0 0 8 1" fill="#d52b1e"/></svg>
diff --git a/resources/views/auth/confirm-password.blade.php b/resources/views/auth/confirm-password.blade.php
index 30feb761f..f6eb9d686 100644
--- a/resources/views/auth/confirm-password.blade.php
+++ b/resources/views/auth/confirm-password.blade.php
@@ -3,9 +3,10 @@
         <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
             <div class="w-full max-w-md space-y-8">
                 <div class="text-center space-y-2">
-                    <h1 class="!text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white" style="font-family: 'Overlock', sans-serif;">
-                        MapleDeploy
-                    </h1>
+                    <div class="flex justify-center">
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80" alt="MapleDeploy" class="h-12 dark:hidden" />
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80&dark=true" alt="MapleDeploy" class="hidden h-12 dark:block" />
+                    </div>
                     <p class="text-lg dark:text-neutral-400">
                         Confirm Your Password
                     </p>
diff --git a/resources/views/auth/forgot-password.blade.php b/resources/views/auth/forgot-password.blade.php
index 67745f125..23d325a04 100644
--- a/resources/views/auth/forgot-password.blade.php
+++ b/resources/views/auth/forgot-password.blade.php
@@ -3,9 +3,10 @@
         <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
             <div class="w-full max-w-md space-y-8">
                 <div class="text-center space-y-2">
-                    <h1 class="!text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white" style="font-family: 'Overlock', sans-serif;">
-                        MapleDeploy
-                    </h1>
+                    <div class="flex justify-center">
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80" alt="MapleDeploy" class="h-12 dark:hidden" />
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80&dark=true" alt="MapleDeploy" class="hidden h-12 dark:block" />
+                    </div>
                     <p class="text-lg dark:text-neutral-400">
                         {{ __('auth.forgot_password_heading') }}
                     </p>
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 8bbdf07bd..21f7c2ec2 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -3,9 +3,10 @@
         <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
             <div class="w-full max-w-md space-y-8">
                 <div class="text-center space-y-2">
-                    <h1 class="!text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white" style="font-family: 'Overlock', sans-serif;">
-                        MapleDeploy
-                    </h1>
+                    <div class="flex justify-center">
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80" alt="MapleDeploy" class="h-12 dark:hidden" />
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80&dark=true" alt="MapleDeploy" class="hidden h-12 dark:block" />
+                    </div>
                 </div>
 
                 <div class="space-y-6">
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index 483d3486d..9b861b629 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -13,9 +13,10 @@ function getOldOrLocal($key, $localValue)
         <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
             <div class="w-full max-w-md space-y-8">
                 <div class="text-center space-y-2">
-                    <h1 class="!text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white" style="font-family: 'Overlock', sans-serif;">
-                        MapleDeploy
-                    </h1>
+                    <div class="flex justify-center">
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80" alt="MapleDeploy" class="h-12 dark:hidden" />
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80&dark=true" alt="MapleDeploy" class="hidden h-12 dark:block" />
+                    </div>
                     <p class="text-lg dark:text-neutral-400">
                         Create your account
                     </p>
diff --git a/resources/views/auth/reset-password.blade.php b/resources/views/auth/reset-password.blade.php
index d3798de27..88f096d28 100644
--- a/resources/views/auth/reset-password.blade.php
+++ b/resources/views/auth/reset-password.blade.php
@@ -3,9 +3,10 @@
         <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
             <div class="w-full max-w-md space-y-8">
                 <div class="text-center space-y-2">
-                    <h1 class="!text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white" style="font-family: 'Overlock', sans-serif;">
-                        MapleDeploy
-                    </h1>
+                    <div class="flex justify-center">
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80" alt="MapleDeploy" class="h-12 dark:hidden" />
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80&dark=true" alt="MapleDeploy" class="hidden h-12 dark:block" />
+                    </div>
                     <p class="text-lg dark:text-neutral-400">
                         {{ __('auth.reset_password') }}
                     </p>
diff --git a/resources/views/auth/two-factor-challenge.blade.php b/resources/views/auth/two-factor-challenge.blade.php
index dbd491e00..fa2bc80f2 100644
--- a/resources/views/auth/two-factor-challenge.blade.php
+++ b/resources/views/auth/two-factor-challenge.blade.php
@@ -47,9 +47,10 @@
         <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
             <div class="w-full max-w-md space-y-8">
                 <div class="text-center space-y-2">
-                    <h1 class="!text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white" style="font-family: 'Overlock', sans-serif;">
-                        MapleDeploy
-                    </h1>
+                    <div class="flex justify-center">
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80" alt="MapleDeploy" class="h-12 dark:hidden" />
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=80&dark=true" alt="MapleDeploy" class="hidden h-12 dark:block" />
+                    </div>
                     <p class="text-lg dark:text-neutral-400">
                         Two-Factor Authentication
                     </p>
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index 5e2bab763..280366b85 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -80,7 +80,10 @@
     <div class="flex lg:pt-6 pt-4 pb-4 pl-2">
         {{-- MapleDeploy branding --}}
         <div class="flex flex-col w-full">
-            <a href="/" {{ wireNavigate() }} class="text-2xl font-bold tracking-wide dark:text-white hover:opacity-80 transition-opacity" style="font-family: 'Overlock', sans-serif;">MapleDeploy</a>
+            <a href="/" {{ wireNavigate() }} class="hover:opacity-80 transition-opacity">
+                <img src="https://mapledeploy.ca/api/logo/lockup?height=40" alt="MapleDeploy" class="h-6 dark:hidden" />
+                <img src="https://mapledeploy.ca/api/logo/lockup?height=40&dark=true" alt="MapleDeploy" class="hidden h-6 dark:block" />
+            </a>
             <span class="text-xs opacity-75 dark:text-neutral-400">Powered by Coolify</span>
         </div>
         <div>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 18633c895..feee0c39f 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -49,8 +49,10 @@
             <div
                 class="sticky top-0 z-40 flex items-center justify-between px-4 py-4 gap-x-6 sm:px-6 lg:hidden bg-white/95 dark:bg-base/95 backdrop-blur-sm border-b border-neutral-300/50 dark:border-coolgray-200/50">
                 <div class="flex items-center gap-3 flex-shrink-0">
-                    <a href="/"
-                        class="text-xl font-bold tracking-wide dark:text-white hover:opacity-80 transition-opacity" style="font-family: 'Overlock', sans-serif;">MapleDeploy</a>
+                    <a href="/" class="hover:opacity-80 transition-opacity">
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=32" alt="MapleDeploy" class="h-5 dark:hidden" />
+                        <img src="https://mapledeploy.ca/api/logo/lockup?height=32&dark=true" alt="MapleDeploy" class="hidden h-5 dark:block" />
+                    </a>
                     <livewire:switch-team />
                 </div>
                 <button type="button" class="-m-2.5 p-2.5 dark:text-warning" x-on:click="open = !open">
diff --git a/resources/views/livewire/force-password-reset.blade.php b/resources/views/livewire/force-password-reset.blade.php
index b7b91714f..30f58eb4c 100644
--- a/resources/views/livewire/force-password-reset.blade.php
+++ b/resources/views/livewire/force-password-reset.blade.php
@@ -1,8 +1,9 @@
 <section class="bg-gray-50 dark:bg-base">
     <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
-        <a class="flex items-center mb-6 text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white" style="font-family: 'Overlock', sans-serif;">
-            MapleDeploy
-        </a>
+        <div class="flex items-center justify-center mb-6">
+            <img src="https://mapledeploy.ca/api/logo/lockup?height=80" alt="MapleDeploy" class="h-12 dark:hidden" />
+            <img src="https://mapledeploy.ca/api/logo/lockup?height=80&dark=true" alt="MapleDeploy" class="hidden h-12 dark:block" />
+        </div>
         <div class="w-full bg-white shadow-sm md:mt-0 sm:max-w-md xl:p-0 dark:bg-base ">
             <div class="p-6 space-y-4 md:space-y-6 sm:p-8">
                 <form class="flex flex-col gap-2" wire:submit='submit'>