update: place app logo beside brand name

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 هي الحل الذكي لحجز الطاولات في المطاعم والمقاهي.

styles.css

@@ -50,10 +50,10 @@ body {
 }
 
 .brand-logo {
-    width: 68px;
+    width: 64px;
-    height: 68px;
+    height: 64px;
-    border-radius: 18px;
+    border-radius: 16px;
-    object-fit: cover;
+    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;
+        width: 54px;
-        height: 58px;
+        height: 54px;
     }
 
     .btn,