diff --git a/app/favicon.ico b/app/favicon.ico
index ec0a3eb..e77920e 100644
Binary files a/app/favicon.ico and b/app/favicon.ico differ
diff --git a/app/favicons.ico b/app/favicons.ico
new file mode 100644
index 0000000..ec0a3eb
Binary files /dev/null and b/app/favicons.ico differ
diff --git a/components/layout/MobileMenu.js b/components/layout/MobileMenu.js
index 0630d8d..7278fbc 100644
--- a/components/layout/MobileMenu.js
+++ b/components/layout/MobileMenu.js
@@ -24,72 +24,85 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
       });
     }
   };
-    return (
-        <>  
-            <div className="mobile-menu">
-                <div className="menu-backdrop" onClick={handleMobileMenu}></div>
-                <div className="close-btn" onClick={handleMobileMenu}><span className="icon flaticon-multiply"></span></div>
-                
-                <nav className="menu-box">
-                    <div className="nav-logo"><Link href="/"><img src="/assets/images/logo.png" alt="" title="" /></Link></div>
-                    <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>
-                                    <ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
-                                        <li><Link href="/">Home One</Link></li>
-                                        <li><Link href="index-2">Home Two</Link></li>
-                                        <li><Link href="index-3">Home Three</Link></li>
-                                        <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">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> */}
-                                </li>
-                                <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> */}
-                                </li>
-                                {/* <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>
-                                    </ul>
-                                    <div className={isActive.key == 4 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4)}><span className="fa fa-angle-right" /></div>
-                                </li>
-                                <li className={isActive.key == 5 ? "dropdown current" : "dropdown"}><Link href="/#">Blog</Link>
-                                    <ul style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>                                 
-                                        <li><Link href="blog-classic">Blog Classic</Link></li>
-                                        <li><Link href="blog-details2">Blog Single 02</Link></li>
-                                        <li><Link href="blog-details">Blog Details</Link></li>
-                                        <li><Link href="/error">Not Found</Link></li>
-                                    </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> */}
-                            </ul>
-                        </div>
-                    </div>
-                </nav>
+
+  return (
+    <>
+      <div className="mobile-menu">
+        <div className="menu-backdrop" onClick={handleMobileMenu}></div>
+        <div className="close-btn" onClick={handleMobileMenu}>
+          <span className="icon flaticon-multiply"></span>
+        </div>
+
+        <nav className="menu-box">
+          <div className="nav-logo">
+            <Link href="/" onClick={handleMobileMenu}>
+              <img src="assets/images/logo/logo-black.png" alt="" title="" />
+            </Link>
+          </div>
+
+          <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="/" onClick={handleMobileMenu}>Home</Link>
+                  <ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
+                    <li><Link href="/" onClick={handleMobileMenu}>Home One</Link></li>
+                    <li><Link href="index-2" onClick={handleMobileMenu}>Home Two</Link></li>
+                    <li><Link href="index-3" onClick={handleMobileMenu}>Home Three</Link></li>
+                    <li><Link href="index-4" onClick={handleMobileMenu}>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" onClick={handleMobileMenu}>About</Link>
+                  {/* <ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
+                    <li><Link href="about" onClick={handleMobileMenu}>About</Link></li>
+                    <li><Link href="team" onClick={handleMobileMenu}>Team</Link></li>
+                    <li><Link href="restaurant" onClick={handleMobileMenu}>Restaurant</Link></li>
+                  </ul>
+                  <div className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(2)}><span className="fa fa-angle-right" /></div> */}
+                </li>
+
+                <li><Link href="/#popular-dishes" onClick={handleMobileMenu}>Popular Dishes</Link></li>
+                <li><Link href="/#sixty5-street-specials" onClick={handleMobileMenu}>Sixty5 Street Specials</Link></li>
+
+                <li className={isActive.key == 3 ? "dropdown current" : "dropdown"}>
+                  <Link href="/#menu" onClick={handleMobileMenu}>Menu</Link>
+                  {/* <ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
+                    <li><Link href="menu" onClick={handleMobileMenu}>Menu</Link></li>
+                    <li><Link href="milkshake" onClick={handleMobileMenu}>Milk Shake</Link></li>
+                    <li><Link href="frappe" onClick={handleMobileMenu}>Frappe</Link></li>
+                    <li><Link href="boba-tea" onClick={handleMobileMenu}>Boba Tea</Link></li>
+                    <li><Link href="slushy" onClick={handleMobileMenu}>Slushy</Link></li>
+                  </ul>
+                  <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="/#" onClick={handleMobileMenu}>Gallery</Link>
+                  <ul style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
+                    <li><Link href="gallery" onClick={handleMobileMenu}>Gallery</Link></li>
+                    <li><Link href="gallery-2" onClick={handleMobileMenu}>Gallery 02</Link></li>
+                  </ul>
+                  <div className={isActive.key == 4 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4)}><span className="fa fa-angle-right" /></div>
+                </li>
+
+                <li className={isActive.key == 5 ? "dropdown current" : "dropdown"}><Link href="/#" onClick={handleMobileMenu}>Blog</Link>
+                  <ul style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>
+                    <li><Link href="blog-classic" onClick={handleMobileMenu}>Blog Classic</Link></li>
+                    <li><Link href="blog-details2" onClick={handleMobileMenu}>Blog Single 02</Link></li>
+                    <li><Link href="blog-details" onClick={handleMobileMenu}>Blog Details</Link></li>
+                    <li><Link href="/error" onClick={handleMobileMenu}>Not Found</Link></li>
+                  </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" onClick={handleMobileMenu}>Contact</Link></li> */}
+              </ul>
             </div>
+          </div>
+        </nav>
+      </div>
+    </>
+  );
+};
 
-          
-
-        </>
-    )
-}
 export default MobileMenu;
diff --git a/components/layout/footer/Footer2.js b/components/layout/footer/Footer2.js
index a951e0c..4e3dcdc 100644
--- a/components/layout/footer/Footer2.js
+++ b/components/layout/footer/Footer2.js
@@ -19,7 +19,7 @@ export default function Footer2() {
 									<div className="footer-column col-lg-6 col-md-6 col-sm-12">
 										<div className="footer-widget logo-widget">
 											<div className="logo">
-												<Link href="/"><img src="/assets/images/logo.png" alt="" /></Link>
+												<Link href="/"><img src="/assets/images/logo/logo-white.png" alt="" /></Link>
 											</div>
 											<div className="text">Bold street food made fresh.<br /> Wings, wraps, dosas & more - all packed with flavor and attitude.</div>
 										</div>
diff --git a/components/layout/header/Header2.js b/components/layout/header/Header2.js
index 28aee34..86a739f 100644
--- a/components/layout/header/Header2.js
+++ b/components/layout/header/Header2.js
@@ -22,7 +22,7 @@ export default function Header2({ scroll, isMobileMenu, handleMobileMenu }) {
             	<div className="clearfix">
                 	
                 	<div className="pull-left logo-box">
-                    	<div className="logo"><Link href="/"><img src="assets/images/logo.png" alt="" title=""/></Link></div>
+                    	<div className="logo"><Link href="/"><img src="assets/images/logo/logo-white.png" alt="" title=""/></Link></div>
                     </div>
 					
                    	<div className="nav-outer clearfix">
diff --git a/components/sections/home2/Gallery.js b/components/sections/home2/Gallery.js
index 9a8efc3..10d42c3 100644
--- a/components/sections/home2/Gallery.js
+++ b/components/sections/home2/Gallery.js
@@ -14,7 +14,7 @@ export default function Gallery() {
                         <div className="gallery-block-two masonry-item">
                             <div className="inner-box">
                                 <div className="image-box">
-                                    <img src="assets/images/gallery/7.jpg" alt="" />
+                                    <img src="/assets/images/home/categories/combos.webp" alt="" />
                                     <div className="overlay-box">
                                         <h6><Link href="gallery">Combos</Link></h6>
                                         {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
@@ -30,7 +30,7 @@ export default function Gallery() {
                         <div className="gallery-block-two masonry-item">
                             <div className="inner-box">
                                 <div className="image-box">
-                                    <img src="assets/images/gallery/8.jpg" alt="" />
+                                    <img src="/assets/images/home/categories/milkshakes.webp" alt="" />
                                     <div className="overlay-box">
                                         <h6><Link href="gallery">Milk Shakes</Link></h6>
                                         {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
@@ -42,7 +42,7 @@ export default function Gallery() {
                         <div className="gallery-block-two masonry-item">
                             <div className="inner-box">
                                 <div className="image-box">
-                                    <img src="assets/images/gallery/11.jpg" alt="" />
+                                    <img src="/assets/images/home/categories/poutine.webp" alt="" />
                                     <div className="overlay-box">
                                         <h6><Link href="gallery">Poutine</Link></h6>
                                         {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
@@ -61,7 +61,7 @@ export default function Gallery() {
                                 <div className="gallery-block-two masonry-item">
                                     <div className="inner-box">
                                         <div className="image-box">
-                                            <img src="assets/images/gallery/9.jpg" alt="" />
+                                            <img src="/assets/images/home/categories/salads.webp" alt="" />
                                             <div className="overlay-box">
                                                 <h6><Link href="gallery">Salads</Link></h6>
                                                 {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
@@ -77,7 +77,7 @@ export default function Gallery() {
                                 <div className="gallery-block-two masonry-item ">
                                     <div className="inner-box">
                                         <div className="image-box">
-                                            <img src="assets/images/gallery/10.jpg" alt="" />
+                                            <img src="/assets/images/home/categories/shawarma.webp" alt="" />
                                             <div className="overlay-box">
                                                 <h6><Link href="gallery">Shawarma Wraps</Link></h6>
                                                 {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
@@ -92,7 +92,7 @@ export default function Gallery() {
                                 <div className="gallery-block-two masonry-item">
                                     <div className="inner-box">
                                         <div className="image-box">
-                                            <img src="assets/images/gallery/12.jpg" alt="" />
+                                            <img src="/assets/images/home/categories/dosa.webp" alt="" />
                                             <div className="overlay-box">
                                                 <h6><Link href="gallery">Dosa</Link></h6>
                                                 {/* <div className="title">Us percipit urbanitas referrentur ea.</div> */}
diff --git a/public/assets/css/global.css b/public/assets/css/global.css
index 4b6e4f1..0b6ba2f 100644
--- a/public/assets/css/global.css
+++ b/public/assets/css/global.css
@@ -560,7 +560,8 @@ img{
 
 .sec-title .title{
 	position:relative;
-	color:#beb996;
+	/* color:#beb996; */
+	color: #ed7129;
 	font-size:24px;
 	font-weight:400;
 	letter-spacing:2px;
diff --git a/public/assets/images/home/categories/combos.webp b/public/assets/images/home/categories/combos.webp
new file mode 100644
index 0000000..18c60cf
Binary files /dev/null and b/public/assets/images/home/categories/combos.webp differ
diff --git a/public/assets/images/home/categories/dosa.webp b/public/assets/images/home/categories/dosa.webp
new file mode 100644
index 0000000..4cdce8f
Binary files /dev/null and b/public/assets/images/home/categories/dosa.webp differ
diff --git a/public/assets/images/home/categories/milkshakes.webp b/public/assets/images/home/categories/milkshakes.webp
new file mode 100644
index 0000000..ed023d2
Binary files /dev/null and b/public/assets/images/home/categories/milkshakes.webp differ
diff --git a/public/assets/images/home/categories/poutine.webp b/public/assets/images/home/categories/poutine.webp
new file mode 100644
index 0000000..f6ae58d
Binary files /dev/null and b/public/assets/images/home/categories/poutine.webp differ
diff --git a/public/assets/images/home/categories/salads.webp b/public/assets/images/home/categories/salads.webp
new file mode 100644
index 0000000..f5cfccd
Binary files /dev/null and b/public/assets/images/home/categories/salads.webp differ
diff --git a/public/assets/images/home/categories/shawarma.webp b/public/assets/images/home/categories/shawarma.webp
new file mode 100644
index 0000000..7b8c221
Binary files /dev/null and b/public/assets/images/home/categories/shawarma.webp differ
diff --git a/public/assets/images/logo/logo-black.png b/public/assets/images/logo/logo-black.png
new file mode 100644
index 0000000..ae3d21c
Binary files /dev/null and b/public/assets/images/logo/logo-black.png differ
diff --git a/public/assets/images/logo/logo-white.png b/public/assets/images/logo/logo-white.png
new file mode 100644
index 0000000..e6537c3
Binary files /dev/null and b/public/assets/images/logo/logo-white.png differ