Initial React project

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}>

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 {

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">

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">