From dd4a51a57f481160ed89a80d1dc8fee84bb57651 Mon Sep 17 00:00:00 2001
From: ananducv <ananducv666@gmail.com>
Date: Sun, 29 Jun 2025 13:33:42 +0530
Subject: [PATCH] Update sidebar and landing page UI elements

Improves the sidebar layout by making it fully columnar, adds a persistent sign out button at the bottom of the sidebar, and adjusts the sign out button visibility for desktop. Also replaces the logo in the landing page header with an emoji-based SVG for a more distinctive appearance.
---
 src/pages/Index.tsx   | 18 ++++++++++++++----
 src/pages/Landing.tsx |  4 +---
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 93a51d5..a651d41 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -84,11 +84,11 @@ const Index = () => {
                   <Menu />
                 </Button>
               </SheetTrigger>
-              <SheetContent side="left">
+              <SheetContent side="left" className="flex flex-col">
                 <SheetHeader>
                   <SheetTitle>Categories</SheetTitle>
                 </SheetHeader>
-                <div className="flex flex-col gap-2 mt-4">
+                <div className="flex-grow flex flex-col gap-2 mt-4">
                   {categories.map((category) => {
                     const Icon = getCategoryIcon(category);
                     const categoryCount = category === "All" ? people.length : people.filter(p => p.category === category).length;
@@ -115,6 +115,16 @@ const Index = () => {
                     );
                   })}
                 </div>
+                <div className="mt-auto pt-4 border-t border-gray-200">
+                  <Button
+                    onClick={handleSignOut}
+                    variant="ghost"
+                    className="w-full justify-start flex items-center gap-2 text-red-500 hover:text-red-600 hover:bg-red-50"
+                  >
+                    <LogOut size={16} />
+                    Sign Out
+                  </Button>
+                </div>
               </SheetContent>
             </Sheet>
           </div>
@@ -134,10 +144,10 @@ const Index = () => {
                 onClick={handleSignOut}
                 variant="outline"
                 size="sm"
-                className="flex items-center gap-2"
+                className="hidden md:flex items-center gap-2"
               >
                 <LogOut size={16} />
-                <span className="hidden md:inline">Sign Out</span>
+                Sign Out
               </Button>
             </div>
           </div>
diff --git a/src/pages/Landing.tsx b/src/pages/Landing.tsx
index 1c470c3..f84f659 100644
--- a/src/pages/Landing.tsx
+++ b/src/pages/Landing.tsx
@@ -23,9 +23,7 @@ const Landing = () => {
       <header className="container mx-auto px-4 py-6">
         <nav className="flex items-center justify-between">
           <div className="flex items-center gap-2">
-            <div className="w-8 h-8 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-lg flex items-center justify-center">
-              <Users className="w-5 h-5 text-white" />
-            </div>
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" className="w-8 h-8"><text y=".9em" font-size="90">🧠</text></svg>
             <span className="text-xl font-bold text-gray-800">Ariyo</span>
           </div>
           <div className="flex items-center gap-4">