From 100069144a638f510462bb839459c536bbd7becb Mon Sep 17 00:00:00 2001
From: Abdul Kareem <abdulkareem424@gmail.com>
Date: Mon, 23 Mar 2026 01:37:35 +0300
Subject: [PATCH] update: place app logo beside brand name

---
 index.html |  4 +---
 styles.css | 21 ++++++---------------
 2 files changed, 7 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index 8ce8833..7a2f7b6 100644
--- a/index.html
+++ b/index.html
@@ -13,12 +13,10 @@
     <!-- Hero Section -->
     <section class="hero">
         <div class="hero-brand">
-            <img src="assets/images/tlogo.jpg" alt="Tabeley Logo" class="brand-logo">
+            <img src="assets/images/tlogoapp.png" alt="Tabeley App Logo" class="brand-logo">
             <span class="brand-name">Tabeley</span>
         </div>
 
-        <img src="assets/images/tlogoapp.png" alt="Tabeley App Logo" class="logo">
-
         <h1>احجز طاولتك بكل سهولة واحترافية</h1>
         <p>
             منصة Tabeley هي الحل الذكي لحجز الطاولات في المطاعم والمقاهي.
diff --git a/styles.css b/styles.css
index 0025f11..0ef616b 100644
--- a/styles.css
+++ b/styles.css
@@ -50,10 +50,10 @@ body {
 }
 
 .brand-logo {
-    width: 68px;
-    height: 68px;
-    border-radius: 18px;
-    object-fit: cover;
+    width: 64px;
+    height: 64px;
+    border-radius: 16px;
+    object-fit: contain;
     box-shadow: 0 8px 24px var(--shadow);
 }
 
@@ -64,15 +64,6 @@ body {
     line-height: 1;
 }
 
-.logo {
-    width: min(300px, 72vw);
-    height: auto;
-    border-radius: 28px;
-    object-fit: contain;
-    box-shadow: 0 8px 24px var(--shadow);
-    margin-bottom: 18px;
-}
-
 .hero h1 {
     font-size: clamp(30px, 4vw, 44px);
     margin-bottom: 8px;
@@ -322,8 +313,8 @@ footer {
     }
 
     .brand-logo {
-        width: 58px;
-        height: 58px;
+        width: 54px;
+        height: 54px;
     }
 
     .btn,