From 6d8e73a1d308bf280696a94c418e297643f06208 Mon Sep 17 00:00:00 2001
From: poyrazavsever <poyrazavsever@hotmail.com>
Date: Mon, 8 Jun 2026 23:19:57 +0300
Subject: [PATCH] feat: apply new Revanios logos and typography in UI shells

---
 components/auth/auth-page-shell.tsx   | 26 ++++++++-------------
 components/layout/dashboard-shell.tsx | 33 ++++++++++++---------------
 components/layout/portal-shell.tsx    | 33 ++++++++++++---------------
 3 files changed, 38 insertions(+), 54 deletions(-)

diff --git a/components/auth/auth-page-shell.tsx b/components/auth/auth-page-shell.tsx
index 1e5a5d9..55c535d 100644
--- a/components/auth/auth-page-shell.tsx
+++ b/components/auth/auth-page-shell.tsx
@@ -64,19 +64,13 @@ export function AuthPageShell({
           <div className="absolute inset-0 opacity-20 bg-[linear-gradient(rgba(255,255,255,.18)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,.18)_1px,transparent_1px)] bg-size-[32px_32px]" />
           <div className="relative z-10 flex items-center gap-4 p-10">
             <Image
-              src="/logo/LogoWithBg.png"
-              alt="Cognis logo"
-              width={64}
+              src="/logo/lightLogo.png"
+              alt="Revanios"
+              width={240}
               height={64}
-              className="h-16 w-16 rounded-sm object-cover border border-red-500"
+              className="h-16 w-auto object-contain"
               priority
             />
-            <div>
-              <div className="text-lg font-bold leading-none">Cognis</div>
-              <div className="mt-1 text-sm text-primary-foreground/75">
-                Freelancer OS
-              </div>
-            </div>
           </div>
 
           <div className="relative z-10 px-10">
@@ -91,7 +85,7 @@ export function AuthPageShell({
                 variant="lead"
                 className="mt-6 max-w-xl text-primary-foreground/78"
               >
-                Cognis, günlük operasyonunu, projelerini, side projectlerini ve
+                Revanios, günlük operasyonunu, projelerini, side projectlerini ve
                 temel finans durumunu sade raporlarla takip etmen için
                 tasarlanır.
               </Typography>
@@ -156,11 +150,11 @@ export function AuthPageShell({
           >
             <div className="mb-8 flex justify-center lg:hidden">
               <Image
-                src="/logo/LogoWithBg.png"
-                alt="Cognis logo"
-                width={84}
-                height={84}
-                className="h-20 w-20 rounded-sm object-cover"
+                src="/logo/blackLogo.png"
+                alt="Revanios logo"
+                width={180}
+                height={56}
+                className="h-14 w-auto object-contain"
                 priority
               />
             </div>
diff --git a/components/layout/dashboard-shell.tsx b/components/layout/dashboard-shell.tsx
index 35598da..c1941c9 100644
--- a/components/layout/dashboard-shell.tsx
+++ b/components/layout/dashboard-shell.tsx
@@ -74,14 +74,13 @@ export function DashboardShell({ children, user }: DashboardShellProps) {
           <header className="sticky top-0 z-30 flex h-14 items-center justify-between border-b border-border bg-background/95 px-4 backdrop-blur lg:hidden">
             <Link href="/" className="flex items-center gap-2 font-semibold">
               <Image
-                src="/logo/LogoWithBg.png"
-                alt="Cognis"
-                width={32}
+                src="/logo/blackLogo.png"
+                alt="Revanios"
+                width={120}
                 height={32}
-                className="rounded-sm object-cover"
+                className="h-8 w-auto object-contain"
                 priority
               />
-              Cognis
             </Link>
             <Button
               type="button"
@@ -115,20 +114,16 @@ function AppSidebar({
       className="flex h-dvh max-h-dvh flex-col overflow-hidden rounded-none border-0"
     >
       <SidebarHeader className="shrink-0 border-b-0 px-6 py-6">
-        <SidebarBranding
-          title="Cognis"
-          subtitle="Freelancer OS"
-          logo={
-            <Image
-              src="/logo/LogoWithBg.png"
-              alt="Cognis"
-              width={36}
-              height={36}
-              className="h-9 w-9 rounded-sm object-cover"
-              priority
-            />
-          }
-        />
+        <Link href="/">
+          <Image
+            src="/logo/blackLogo.png"
+            alt="Revanios"
+            width={160}
+            height={48}
+            className="h-12 w-auto object-contain"
+            priority
+          />
+        </Link>
       </SidebarHeader>
 
       <SidebarSeparator className="mx-0 my-0 w-full" />
diff --git a/components/layout/portal-shell.tsx b/components/layout/portal-shell.tsx
index c8e77a2..350732d 100644
--- a/components/layout/portal-shell.tsx
+++ b/components/layout/portal-shell.tsx
@@ -76,14 +76,13 @@ export function PortalShell({ children, user, progress }: PortalShellProps) {
           <header className="sticky top-0 z-30 flex h-14 items-center justify-between border-b border-border bg-background/95 px-4 backdrop-blur lg:hidden">
             <Link href="/portal" className="flex items-center gap-2 font-semibold">
               <Image
-                src="/logo/LogoWithBg.png"
-                alt="Cognis"
-                width={32}
+                src="/logo/blackLogo.png"
+                alt="Revanios"
+                width={120}
                 height={32}
-                className="rounded-sm object-cover"
+                className="h-8 w-auto object-contain"
                 priority
               />
-              <span className="hidden sm:inline">Cognis Portal</span>
             </Link>
             <div className="flex items-center gap-4">
               <Button
@@ -121,20 +120,16 @@ function AppSidebar({
       className="flex h-dvh max-h-dvh flex-col overflow-hidden rounded-none border-0"
     >
       <SidebarHeader className="shrink-0 border-b-0 px-6 py-6">
-        <SidebarBranding
-          title="Cognis"
-          subtitle="Freelancer OS"
-          logo={
-            <Image
-              src="/logo/LogoWithBg.png"
-              alt="Cognis"
-              width={36}
-              height={36}
-              className="h-9 w-9 rounded-sm object-cover"
-              priority
-            />
-          }
-        />
+        <Link href="/portal">
+          <Image
+            src="/logo/blackLogo.png"
+            alt="Revanios"
+            width={160}
+            height={48}
+            className="h-12 w-auto object-contain"
+            priority
+          />
+        </Link>
       </SidebarHeader>
 
       <SidebarSeparator className="mx-0 my-0 w-full" />