From eda3c4058cb35bfa28e7a2b38969bf5ac1dc25ef Mon Sep 17 00:00:00 2001
From: rachit1977 <rachit.preeyong@gmail.com>
Date: Sun, 14 Jun 2026 23:37:02 +0700
Subject: [PATCH] commit-4

---
 src/app/home/page.tsx               | 21 ++++-----------------
 src/components/layout/app-shell.tsx | 12 ++++--------
 2 files changed, 8 insertions(+), 25 deletions(-)

diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx
index 1fcea30..8d83ee4 100644
--- a/src/app/home/page.tsx
+++ b/src/app/home/page.tsx
@@ -1,5 +1,4 @@
 import { Activity, ShieldCheck, Users, Clock3 } from "lucide-react";
-import Image from "next/image";
 import { AppShell } from "@/components/layout/app-shell";
 import { GlassCard } from "@/components/ui/glass-card";
 import { prisma } from "@/lib/prisma";
@@ -28,22 +27,10 @@ export default async function HomePage() {
   return (
     <AppShell>
       <div className="space-y-6">
-        <header className="flex flex-col gap-4 pt-2 sm:flex-row sm:items-center">
-          <div className="h-48 w-48 shrink-0">
-            <Image
-              src="/4tech_logo.png"
-              alt="4TECH logo"
-              width={192}
-              height={192}
-              className="h-full w-full object-contain"
-              priority
-            />
-          </div>
-          <div>
-            <p className="text-sm font-semibold uppercase tracking-[0.2em] text-brand-orange">Dashboard</p>
-            <h1 className="mt-2 text-3xl font-black sm:text-4xl">Welcome, {user?.fullName}</h1>
-            <p className="mt-2 text-white/55">4TECH user access and account overview.</p>
-          </div>
+        <header className="pt-2">
+          <p className="text-sm font-semibold uppercase tracking-[0.2em] text-brand-orange">Dashboard</p>
+          <h1 className="mt-2 text-3xl font-black leading-tight sm:text-4xl">Welcome, {user?.fullName}</h1>
+          <p className="mt-2 text-white/55">4TECH user access and account overview.</p>
         </header>
         <section className="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
           {cards.map((card) => (
diff --git a/src/components/layout/app-shell.tsx b/src/components/layout/app-shell.tsx
index 6811b64..c2a4866 100644
--- a/src/components/layout/app-shell.tsx
+++ b/src/components/layout/app-shell.tsx
@@ -23,21 +23,17 @@ export async function AppShell({ children }: { children: React.ReactNode }) {
     <main className="brand-bg min-h-screen">
       <div className="mx-auto flex min-h-screen w-full max-w-7xl flex-col gap-6 p-4 md:flex-row md:p-6">
         <aside className="glass flex h-fit flex-col rounded-2xl p-4 md:sticky md:top-6 md:w-64">
-          <Link href="/home" className="mb-6 flex items-center gap-3">
-            <div className="h-36 w-36 shrink-0">
+          <Link href="/home" className="mb-8 flex justify-center">
+            <div className="h-28 w-48">
               <Image
                 src="/4tech_logo.png"
                 alt="4TECH logo"
-                width={144}
-                height={144}
+                width={192}
+                height={112}
                 className="h-full w-full object-contain"
                 priority
               />
             </div>
-            <div>
-              <p className="text-lg font-black tracking-wide">4TECH</p>
-              <p className="text-xs text-white/50">Internal System</p>
-            </div>
           </Link>
           <nav className="grid gap-2">
             {nav.map((item) => (