Mobile nav sticky & logo updated

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;
-}
+} */
 

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;
     }

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;

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">

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" : ""}`}