From d5e47ef7aee550b143592111cec1c53381d82354 Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Mon, 3 Nov 2025 17:59:55 +0530
Subject: [PATCH] Mobile nav sticky & logo updated

---
 public/assets/css/meanmenu.min.css | 12 ++++++++----
 public/assets/css/responsive.css   | 16 ++++++++++++++++
 public/assets/css/style.css        |  7 +++++++
 src/components/Home/Banner.js      | 16 ++++++++--------
 src/layout/header/MobileMenu.js    |  9 +++++++++
 5 files changed, 48 insertions(+), 12 deletions(-)

diff --git a/public/assets/css/meanmenu.min.css b/public/assets/css/meanmenu.min.css
index 83e1535..21bebd8 100644
--- a/public/assets/css/meanmenu.min.css
+++ b/public/assets/css/meanmenu.min.css
@@ -1,12 +1,16 @@
-a.meanmenu-reveal{display:none}
+a.meanmenu-reveal {
+  display: none
+}
+
 .mean-container .mean-bar {
-  background: #000000;
+  background: #1a1f2b;
   float: left;
   min-height: 60px;
   padding: 4px 0 0;
   position: relative;
   width: 100%;
   z-index: 999;
+  position: fixed !important;
 }
 .mean-container a.meanmenu-reveal{width:22px;height:22px;padding:18px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
 .mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
@@ -119,7 +123,7 @@ a.meanmenu-reveal{display:none}
 .mean-container a.meanmenu-reveal:hover span {
   background: #fff;
 }
-.mean-container .mean-bar::before {
+/* .mean-container .mean-bar::before {
     color: #fff;
     content: "MetatronCube";
     font-size: 28px;
@@ -127,5 +131,5 @@ a.meanmenu-reveal{display:none}
     left: 10px;
     position: absolute;
     top: 18px;
-}
+} */
 
diff --git a/public/assets/css/responsive.css b/public/assets/css/responsive.css
index 3b36eea..bf12169 100644
--- a/public/assets/css/responsive.css
+++ b/public/assets/css/responsive.css
@@ -484,6 +484,10 @@
         font-size: 60px;
     }
 
+        .banner-content h2 {
+        font-size: 60px;
+    }
+
     .feature-area.new-style .single-feature-content h2 {
         font-size: 17px;
     }
@@ -1426,6 +1430,10 @@
         font-size: 60px;
     }
 
+        .banner-content h2 {
+        font-size: 60px;
+    }
+
     .feature-area {
         padding: 40px 0 40px;
     }
@@ -2242,6 +2250,10 @@
         font-size: 50px;
     }
 
+        .banner-content h2 {
+        font-size: 50px;
+    }
+
     .feature-area {
         padding: 50px 0 50px;
     }
@@ -3329,6 +3341,10 @@
         font-size: 35px;
     }
 
+        .banner-content h2 {
+        font-size: 35px;
+    }
+
     .banner-content h3 {
         padding: 10px 23px 10px 23px;
     }
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index e52be2f..e548181 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -976,6 +976,13 @@ ul.sub-menu li:hover a span {
   font-weight: 600;
 }
 
+.banner-content h2 {
+  font-size: 70px;
+  color: #fff;
+  margin: 0;
+  font-weight: 600;
+}
+
 .banner-content p {
   color: #fff;
   font-size: 24px;
diff --git a/src/components/Home/Banner.js b/src/components/Home/Banner.js
index 4257798..6cb3829 100644
--- a/src/components/Home/Banner.js
+++ b/src/components/Home/Banner.js
@@ -10,8 +10,8 @@ const Banner = () => {
             <div className="col-lg-7 col-md-12">
               <div className="banner-content">
                 <h3> METATRONCUBE INDIA</h3>
-                <h1> WEBSITE DEVELOPMENT</h1>
-                <h1> SERVICES THAT SCALE</h1>
+                <h1> WEBSITE DEVELOPMENT
+                  SERVICES THAT SCALE</h1>
                 <p> From custom website development to professional website design, we deliver affordable solutions that help your business grow.</p>
               </div>
               <div className="banner-button">
@@ -39,8 +39,8 @@ const Banner = () => {
             <div className="col-lg-7 col-md-12">
               <div className="banner-content">
                 <h3> METATRONCUBE INDIA</h3>
-                <h1> MOBILE APPLICATION</h1>
-                <h1> DEVELOPMENT EXPERTS</h1>
+                <h2> MOBILE APPLICATION
+                  DEVELOPMENT EXPERTS</h2>
                 <p> A mobile app development company specializing in Android, iOS, and cross-platform app development for startups and enterprises. </p>
               </div>
               <div className="banner-button">
@@ -68,8 +68,8 @@ const Banner = () => {
             <div className="col-lg-7 col-md-12">
               <div className="banner-content">
                 <h3> METATRONCUBE INDIA</h3>
-                <h1> CREATIVE GRAPHIC DESIGN</h1>
-                <h1> & UI/UX SERVICES</h1>
+                <h2> CREATIVE GRAPHIC DESIGN
+                  & UI/UX SERVICES</h2>
                 <p> From logo design and social media creatives to responsive web design and app UI/UX design, we craft experiences users love. </p>
               </div>
               <div className="banner-button">
@@ -97,8 +97,8 @@ const Banner = () => {
             <div className="col-lg-7 col-md-12">
               <div className="banner-content">
                 <h3> METATRONCUBE INDIA</h3>
-                <h1> DIGITAL MARKETING</h1>
-                <h1> & SEO SERVICES</h1>
+                <h2> DIGITAL MARKETING
+                  & SEO SERVICES</h2>
                 <p> A results-driven digital marketing agency offering SEO services, content writing, PPC advertising, and social media marketing solutions. </p>
               </div>
               <div className="banner-button">
diff --git a/src/layout/header/MobileMenu.js b/src/layout/header/MobileMenu.js
index 846a47b..dc1b86b 100644
--- a/src/layout/header/MobileMenu.js
+++ b/src/layout/header/MobileMenu.js
@@ -20,6 +20,15 @@ const MobileMenu = () => {
     <div className="mobile-menu-area d-sm-block d-md-block d-lg-none header____">
       <div className="mobile-menu mean-container">
         <div className="mean-bar">
+          <Link href="/" legacyBehavior>
+            <a className="mobile-logo">
+              <img
+                src="/assets/images/logo.webp"
+                alt="MetatronCube Logo"
+                style={{ height: "40px", position: "absolute", left: "10px", top: "10px" }}
+              />
+            </a>
+          </Link>
           <a
             href="#nav"
             className={`meanmenu-reveal ${toggle ? "meanclose" : ""}`}