From 42c1f211f3dbf6e3b942f8bef6e45844ae7351b1 Mon Sep 17 00:00:00 2001
From: selvi <selvi@metatroncube.in>
Date: Mon, 21 Jul 2025 16:47:55 +0530
Subject: [PATCH] Mobile menu updated

---
 components/layout/MobileMenu.js    | 22 ++++++++++++----------
 components/sections/home1/Juice.js |  2 +-
 components/sections/home4/Menu2.js |  2 +-
 public/assets/css/responsive.css   |  2 +-
 4 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/components/layout/MobileMenu.js b/components/layout/MobileMenu.js
index 0f98aec..0630d8d 100644
--- a/components/layout/MobileMenu.js
+++ b/components/layout/MobileMenu.js
@@ -35,7 +35,7 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
                     <div className="menu-outer">
                         <div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                             <ul className="navigation">
-                                <li className={isActive.key == 1 ? "dropdown current" : "dropdown"}><Link href="/">Home</Link>
+                                {/* <li className={isActive.key == 1 ? "dropdown current" : "dropdown"}><Link href="/">Home</Link>
                                     <ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
                                         <li><Link href="/">Home One</Link></li>
                                         <li><Link href="index-2">Home Two</Link></li>
@@ -43,26 +43,28 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
                                         <li><Link href="index-4">Home Four</Link></li>
                                     </ul>
                                     <div className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}><span className="fa fa-angle-right" /></div>
-                                </li>
-                                <li className={isActive.key == 2 ? "dropdown current" : "dropdown"}><Link href="/#">About</Link>
-                                    <ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>                                 
+                                </li> */}
+                                <li className={isActive.key == 2 ? "dropdown current" : "dropdown"}><Link href="/#about">About</Link>
+                                    {/* <ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>                                 
                                         <li><Link href="about">About</Link></li>
                                         <li><Link href="team">Team</Link></li>
                                         <li><Link href="restaurant">Restaurant</Link></li>
                                     </ul>
-                                    <div className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(2)}><span className="fa fa-angle-right" /></div>
+                                    <div className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(2)}><span className="fa fa-angle-right" /></div> */}
                                 </li>
-                                <li className={isActive.key == 3 ? "dropdown current" : "dropdown"}><Link href="/#">Menu</Link>
-                                    <ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>                                 
+                                <li><Link href="/#popular-dishes">Popular Dishes</Link></li>
+                                <li><Link href="/#sixty5-street-specials">Sixty5 Street Specials</Link></li>
+                                <li className={isActive.key == 3 ? "dropdown current" : "dropdown"}><Link href="/#menu">Menu</Link>
+                                    {/* <ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>                                 
                                         <li><Link href="menu">Menu</Link></li>
                                         <li><Link href="milkshake">Milk Shake</Link></li>
                                         <li><Link href="frappe">Frappe</Link></li>
                                         <li><Link href="boba-tea">Boba Tea</Link></li>
                                         <li><Link href="slushy">Slushy</Link></li>
                                     </ul>
-                                    <div className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(3)}><span className="fa fa-angle-right" /></div>
+                                    <div className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(3)}><span className="fa fa-angle-right" /></div> */}
                                 </li>
-                                <li className={isActive.key == 4 ? "dropdown current" : "dropdown"}><Link href="/#">Gallery</Link>
+                                {/* <li className={isActive.key == 4 ? "dropdown current" : "dropdown"}><Link href="/#">Gallery</Link>
                                     <ul style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>                                 
                                         <li><Link href="gallery">Gallery</Link></li>
                                         <li><Link href="gallery-2">Gallery 02</Link></li>
@@ -78,7 +80,7 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
                                     </ul>
                                     <div className={isActive.key == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(5)}><span className="fa fa-angle-right" /></div>
                                 </li>
-                                <li><Link href="/contact">Contact</Link></li>
+                                <li><Link href="/contact">Contact</Link></li> */}
                             </ul>
                         </div>
                     </div>
diff --git a/components/sections/home1/Juice.js b/components/sections/home1/Juice.js
index 549934d..981f649 100644
--- a/components/sections/home1/Juice.js
+++ b/components/sections/home1/Juice.js
@@ -8,7 +8,7 @@ export default function Juice() {
 
             {/* Juice Section */}
             <section className="juice-section" id="about">
-                <div className="section-text">Sixty5Street</div>
+                {/* <div className="section-text">Sixty5Street</div> */}
                 {/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/1.png)' }} ></div> */}
                 <div className="pattern-layer-two" style={{ backgroundImage: 'url(assets/images/resource/juice-glass.png)' }} ></div>
                 <div className="auto-container">
diff --git a/components/sections/home4/Menu2.js b/components/sections/home4/Menu2.js
index 882eaa2..7017ec2 100644
--- a/components/sections/home4/Menu2.js
+++ b/components/sections/home4/Menu2.js
@@ -19,7 +19,7 @@ export default function Menu2() {
                                     <img src="assets/images/icons/menu-1.png" alt="" />
                                 </div>
                                 <h6><Link href="#">Street Flavor</Link></h6>
-                                <div className="text">Spicy shawarmas, crispy dosas, saucy wings burst with bold, unforgettable flavor.</div>
+                                <div className="text">Spicy shawarmas, crispy dosas, saucy wings burst with bold, unforgettable street flavor.</div>
                             </div>
                         </div>
                         
diff --git a/public/assets/css/responsive.css b/public/assets/css/responsive.css
index a479993..db46371 100644
--- a/public/assets/css/responsive.css
+++ b/public/assets/css/responsive.css
@@ -205,7 +205,7 @@
 	
 	.main-header{
 		position:relative;
-		background-color:#222222;
+		background-color:#e0766d;
 	}
 	
 	.main-header .nav-outer{