From 40b01dfdd5f8a53bd00c070325b9675c88f2a53f Mon Sep 17 00:00:00 2001
From: Cavin <cavinlarry001@gmail.com>
Date: Tue, 14 Jul 2026 11:36:12 +0300
Subject: [PATCH] refactor: hero section and login page to support small
 screens

---
 frontend/src/components/sections/Hero.tsx | 2 +-
 frontend/src/pages/auth/Login.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/sections/Hero.tsx b/frontend/src/components/sections/Hero.tsx
index d6aad45..344622e 100644
--- a/frontend/src/components/sections/Hero.tsx
+++ b/frontend/src/components/sections/Hero.tsx
@@ -42,7 +42,7 @@ export default function Hero() {
           <ul className="flex flex-col gap-2 mb-9">
             {[
               'Real-time dashboard that reveals exactly who is on premises',
-              'Returning visitor auto-fill — check-in under 30 seconds',
+              'Returning visitor auto-fill & check-in under 30 seconds',
             ].map((item, i) => (
               <li key={i} className="flex items-start gap-2.5 text-sm text-body">
                 <CheckCircle2
diff --git a/frontend/src/pages/auth/Login.tsx b/frontend/src/pages/auth/Login.tsx
index b531787..c23ac1c 100644
--- a/frontend/src/pages/auth/Login.tsx
+++ b/frontend/src/pages/auth/Login.tsx
@@ -113,7 +113,7 @@ return (
     <div className="flex items-center justify-center p-8 bg-white max-[860px]:p-5 max-[860px:items-start max-[860px]:pt-16">
       <div className="w-full max-w-[400px]">
         {/* Mobile logo */}
-        <a href="/" className="font-display text-xl font-extrabold text-white tracking-[-0.03em] no-underline flex-shrink-0 hidden max-[860px]:block mb-10">
+        <a href="/" className="font-display text-xl font-extrabold text-black tracking-[-0.03em] no-underline flex-shrink-0 hidden max-[860px]:block mb-10">
           Gate<span className="text-green-500">log</span>
         </a>