From 39d4e5b8cf559eb1dc9b2b70fd261f2f7b00d7fd Mon Sep 17 00:00:00 2001
From: Johan <social@exodai.academy>
Date: Fri, 13 Mar 2026 00:46:52 +0100
Subject: [PATCH] Initial React project

---
 src/presentation/auth/pages/AuthPage.tsx               |  5 +++--
 src/presentation/auth/pages/auth.css                   | 10 +++-------
 .../dashboard/components/DashboardSidebar.tsx          |  4 +---
 src/presentation/shared/components/SiteNavbar.tsx      |  4 +---
 4 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/presentation/auth/pages/AuthPage.tsx b/src/presentation/auth/pages/AuthPage.tsx
index 1eb87dc..9a72656 100644
--- a/src/presentation/auth/pages/AuthPage.tsx
+++ b/src/presentation/auth/pages/AuthPage.tsx
@@ -2,6 +2,7 @@ import { ForgotPasswordView } from '../components/ForgotPasswordView';
 import { LoginView } from '../components/LoginView';
 import { RegisterView } from '../components/RegisterView';
 import { useAuthPage } from '../hooks/useAuthPage';
+import appIcon from '../../../assets/appicon.png';
 import './auth.css';
 
 interface AuthPageProps {
@@ -46,8 +47,8 @@ export function AuthPage({ onAuthenticated }: AuthPageProps) {
       <div className="orb orb-3" />
 
       <div className="auth-logo-wrap">
-        <div className="auth-logo-dot">A</div>
-        <span className="auth-logo-text">ARBEJD</span>
+        <img src={appIcon} alt="Arbejd logo" className="auth-logo-dot" />
+        <span className="auth-logo-text">Arbejd.com</span>
       </div>
 
       <section className="auth-card" key={view}>
diff --git a/src/presentation/auth/pages/auth.css b/src/presentation/auth/pages/auth.css
index e05f06b..bea862c 100644
--- a/src/presentation/auth/pages/auth.css
+++ b/src/presentation/auth/pages/auth.css
@@ -63,13 +63,9 @@
 .auth-logo-dot {
   width: 32px;
   height: 32px;
-  border-radius: 999px;
-  display: grid;
-  place-items: center;
-  color: #fff;
-  font-weight: 700;
-  background: linear-gradient(135deg, #0f766e, #06b6d4);
-  box-shadow: 0 12px 22px rgba(13, 148, 136, 0.3);
+  border-radius: 8px;
+  object-fit: cover;
+  box-shadow: 0 4px 15px rgba(49, 103, 201, 0.2);
 }
 
 .auth-logo-text {
diff --git a/src/presentation/dashboard/components/DashboardSidebar.tsx b/src/presentation/dashboard/components/DashboardSidebar.tsx
index 4bc103d..b674c81 100644
--- a/src/presentation/dashboard/components/DashboardSidebar.tsx
+++ b/src/presentation/dashboard/components/DashboardSidebar.tsx
@@ -87,9 +87,7 @@ export function DashboardSidebar({ active = 'dashboard', onNavigate }: Dashboard
       <aside className={`dash-sidebar ${isMobileMenuOpen ? 'open' : ''}`}>
         <div className="dash-logo-row">
           <img src={appIcon} alt="Arbejd logo" className="dash-logo-mark" />
-          <span className="dash-logo-text">
-            ARBEJD<span className="dash-logo-domain">.com</span>
-          </span>
+          <span className="dash-logo-text">Arbejd.com</span>
         </div>
 
         <nav className="dash-nav">
diff --git a/src/presentation/shared/components/SiteNavbar.tsx b/src/presentation/shared/components/SiteNavbar.tsx
index 37130bd..f913f25 100644
--- a/src/presentation/shared/components/SiteNavbar.tsx
+++ b/src/presentation/shared/components/SiteNavbar.tsx
@@ -59,9 +59,7 @@ export function SiteNavbar({
           alt="Arbejd logo"
           className="w-8 h-8 rounded-lg shadow-[0_4px_15px_rgba(49,103,201,0.2)] group-hover:shadow-[0_6px_20px_rgba(49,103,201,0.3)] transition-all group-hover:scale-105 object-cover"
         />
-        <span className="text-xl font-normal tracking-tight text-gray-900">
-          ARBEJD<span className="text-base">.com</span>
-        </span>
+        <span className="text-xl font-normal tracking-tight text-gray-900">Arbejd.com</span>
       </a>
 
       <div className="hidden md:flex items-center gap-8">