menu content and images updated

components/layout/Menu2.js

@@ -13,7 +13,7 @@ export default function Menu() {
 
        
             <ul className="navigation left-nav clearfix">
-                <li className="dropdown">
+                {/* <li className="dropdown">
                     <Link href="/">Home </Link>
                     <ul>
                         <li className="/"><Link href="/">Home One</Link></li>
@@ -21,16 +21,19 @@ export default function Menu() {
                         <li><Link href="index-3">Home Three</Link></li>
                         <li><Link href="index-4">Home Four</Link></li>
                     </ul>
+                </li> */}
+                <li className="dropdown">
+                    <Link href="#about">About</Link>
                 </li>
                 <li className="dropdown">
-                    <Link href="#specials">Specials</Link>
+                    <Link href="#popular-dishes">Popular Dishes</Link>
                 </li>
-                <li className="dropdown">
+                {/* <li className="dropdown">
                     <Link href="#location">Locations</Link>
                 </li>
                 <li className="dropdown">
                     <Link href="#menu">Menu</Link>
-                </li>
+                </li> */}
             </ul>
         </>
     )

components/layout/Menu3.js

@@ -11,16 +11,16 @@ export default function Menu() {
 
             <ul className="navigation right-nav clearfix">
                 <li className="dropdown">
-                    <Link href="#about">About</Link>
+                    <Link href="#sixty5-street-specials">Sixty5 Street Specials</Link>
         
                 </li>
                 <li className="dropdown">
-                    <Link href="#gallery">Gallery</Link>
+                    <Link href="#menu">Menu</Link>
         
                 </li>
-                <li>
+                {/* <li>
                     <Link href="#contact">Contact</Link>
-                </li>
+                </li> */}
             </ul>
         </>
     )

components/sections/home1/Banner.js

@@ -36,14 +36,14 @@ export default function Banner() {
 
         {/* Banner Section */}
         <section className="banner-section">
-            <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/main-slider/pattern-1.png)' }} ></div>
+            <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/main-slider/pattern-1.png)' }} ></div>
             <Swiper {...swiperOptions} className="main-slider-carousel ">
                 
                 {/* Slide */}
                 <SwiperSlide>
                 <div className="slide">
-                    <div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/main-slider/icon-1.png)' }} ></div>
+                    <div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-1.webp)' }} ></div>
-                    <div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/main-slider/icon-2.png)' }} ></div>
+                    <div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-1.webp)' }} ></div>
                     <div className="auto-container">
                         <div className="row clearfix">
                         
@@ -56,7 +56,7 @@ export default function Banner() {
                                         <Link href="menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Buy Now</Link>
                                     </div>
                                     <div className="icons-box">
-                                        <img src="assets/images/main-slider/icons.png" alt="" />
+                                        <img src="/assets/images/main-slider/icons.png" alt="" />
                                     </div>
                                 </div>
                             </div>
@@ -66,7 +66,7 @@ export default function Banner() {
                                 <div className="inner-column">
                                     <div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/main-slider/icon-3.png)' }} ></div>
                                     <div className="image">
-                                        <img src="assets/images/main-slider/content-image-1.png" alt="" />
+                                        <img src="/assets/images/banner/banner-1.webp" alt="" />
                                     </div>
                                 </div>
                             </div>
@@ -79,8 +79,8 @@ export default function Banner() {
                 {/* Slide */}
                 <SwiperSlide>
                 <div className="slide">
-                    <div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/main-slider/icon-1.png)' }} ></div>
+                    <div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-2.webp)' }} ></div>
-                    <div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/main-slider/icon-6.png)' }} ></div>
+                    <div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-2.webp)' }} ></div>
                     <div className="auto-container">
                         <div className="row clearfix">
                         
@@ -93,7 +93,7 @@ export default function Banner() {
                                         <Link href="menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Buy Now</Link>
                                     </div>
                                     <div className="icons-box">
-                                        <img src="assets/images/main-slider/icons.png" alt="" />
+                                        <img src="/assets/images/main-slider/icons.png" alt="" />
                                     </div>
                                 </div>
                             </div>
@@ -101,9 +101,9 @@ export default function Banner() {
                             {/* Image Column */}
                             <div className="image-column col-lg-6 col-md-12 col-sm-12">
                                 <div className="inner-column">
-                                    <div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/main-slider/icon-3.png)' }} ></div>
+                                    <div className="icon-layer-three" style={{ backgroundImage: 'url(/assets/images/main-slider/icon-3.png)' }} ></div>
                                     <div className="image">
-                                        <img src="assets/images/main-slider/content-image-2.png" alt="" />
+                                        <img src="/assets/images/banner/banner-2.webp" alt="" />
                                     </div>
                                 </div>
                             </div>
@@ -115,8 +115,8 @@ export default function Banner() {
                 {/* Slide */}
                 <SwiperSlide>
                 <div className="slide style-two">
-                    <div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/main-slider/icon-1.png)' }} ></div>
+                    <div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-3.webp)' }} ></div>
-                    <div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/main-slider/icon-7.png)' }} ></div>
+                    <div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-3.webp)' }} ></div>
                     <div className="auto-container">
                         <div className="row clearfix">
                         
@@ -129,7 +129,7 @@ export default function Banner() {
                                         <Link href="menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Buy Now</Link>
                                     </div>
                                     <div className="icons-box">
-                                        <img src="assets/images/main-slider/icons.png" alt="" />
+                                        <img src="/assets/images/main-slider/icons.png" alt="" />
                                     </div>
                                 </div>
                             </div>
@@ -137,9 +137,9 @@ export default function Banner() {
                             {/* Image Column */}
                             <div className="image-column col-lg-6 col-md-12 col-sm-12">
                                 <div className="inner-column">
-                                    <div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/main-slider/icon-3.png)' }} ></div>
+                                    <div className="icon-layer-three" style={{ backgroundImage: 'url(/assets/images/main-slider/icon-3.png)' }} ></div>
                                     <div className="image">
-                                        <img src="assets/images/main-slider/content-image-3.png" alt="" />
+                                        <img src="/assets/images/banner/banner-3.webp" alt="" />
                                     </div>
                                 </div>
                             </div>

components/sections/home1/Juice.js

@@ -7,7 +7,7 @@ export default function Juice() {
 
 
         {/* Juice Section */}
-        <section className="juice-section">
+        <section className="juice-section" id="about">
             <div className="section-text">yummy</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>
@@ -33,7 +33,7 @@ export default function Juice() {
                                 <div className="separate"></div>
                                 <div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam. Ansed dictas accumsan. Nam sint atqui voluptatibus an, pro ne malis semper perpetua. Nam sint atqui voluptatibus an, pro ne malis semper perpetua.</div>
                             </div>
-                            {/* <Link href="menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>Buy Now</Link> */}
+                            <Link href="#menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>View Menu</Link>
                         </div>
                     </div>
                     

components/sections/home2/Menus.js

@@ -4,7 +4,7 @@ import Link from 'next/link';
 import { menuData } from '@/utils/constant.utils';
 
 export default function Menus() {
-    const [activeTab, setActiveTab] = useState('Snacks');
+    const [activeTab, setActiveTab] = useState('Wings');
     const tabs = Object.keys(menuData);
     const menuItems = menuData[activeTab] || [];
 

components/sections/home2/Specials.js

@@ -5,7 +5,7 @@ export default function Specials() {
         <>
 
             {/* Specials Section */}
-            <section className="specials-section" id="specials">
+            <section className="specials-section" id="sixty5-street-specials">
                 <div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/resource/special-icon-1.png)' }} ></div>
                 <div className="icon-layer-two" style={{ backgroundImage: 'url(assets/images/resource/special-icon-2.png)' }} ></div>
                 <div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/resource/special-icon-3.png)' }} ></div>

components/sections/home3/Fluid.js

@@ -1,6 +1,17 @@
 'use client'
-import Link from "next/link"
+import { useState } from "react";
+import Link from "next/link";
+
 export default function Fluid() {
+    const images = [
+        "/assets/images/menu-card/menu-1.webp",
+        "/assets/images/menu-card/menu-2.webp",
+        "/assets/images/menu-card/menu-3.webp",
+        "/assets/images/menu-card/menu-4.webp"
+    ];
+
+    const [selectedImage, setSelectedImage] = useState(images[0]); // Set first image as default
+
     return (
         <>
             {/* Fluid Section Two */}
@@ -14,28 +25,37 @@ export default function Fluid() {
                             {/* Title Box */}
                             <div className="title-box">
                                 <h2>Free recipe book!</h2>
-                                <div className="text">Get your copy of spicy kitchen feauturing 10 of our most loved, <br/> highly-rated recipes!</div>
+                                <div className="text">
+                                    Get your copy of spicy kitchen featuring 10 of our most loved, <br /> highly-rated recipes!
                                 </div>
-                            <ul className="book-list">
+                            </div>
-                                <li><img src="assets/images/resource/book-list-1.png" alt="" /></li>
+
-                                <li><img src="assets/images/resource/book-list-2.png" alt="" /></li>
+                            {/* Image List */}
-                                <li><img src="assets/images/resource/book-list-3.png" alt="" /></li>
+                            <ul className="book-list d-flex justify-content-start align-items-center">
+                                {images.map((img, idx) => (
+                                    <li key={idx} style={{ cursor: "pointer" }} onClick={() => setSelectedImage(img)}>
+                                        <img src={img} alt={`Book ${idx + 1}`} style={{width:"150px", height:"150px"}}/>
+                                    </li>
+                                ))}
                             </ul>
+
                             {/* Button Box */}
                             <div className="button-box">
-                                <Link href="menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>View Menu</Link>
+                                <Link href="#menu" className="theme-btn btn-style-one clearfix">
+                                    <span className="icon"></span>View Menu
+                                </Link>
                             </div>
                         </div>
                     </div>
 
                     {/* Image Column */}
-                    <div className="image-column" style={{ backgroundImage: 'url(assets/images/resource/image-2.jpg)' }} >
+                    <div className="image-column" style={{ backgroundImage: `url(${selectedImage})` }}>
-                        <figure className="image-box"><img src="assets/images/resource/image-2.jpg" alt=""/></figure>
+                        <figure className="image-box">
+                            <img src={selectedImage} alt="Selected Book" />
+                        </figure>
                     </div>
-                    
                 </div>
             </section>
-            {/* End Fluid Section Two */}
         </>
-    )
+    );
 }

components/sections/home3/Recipe.js

@@ -6,7 +6,7 @@ export default function Recipe() {
 
 
         {/* Recipe Section */}
-        <section className="recipe-section-two">
+        <section className="recipe-section-two" id="popular-dishes">
             <div className="auto-container">
                 {/* Sec Title */}
                 <div className="sec-title centered">

next.config.js

@@ -1,4 +1,7 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+    output:"export",
+    trailingSlash: true
+}
 
 module.exports = nextConfig

public/assets/css/global.css

@@ -352,7 +352,7 @@ img{
 
 .btn-style-one:hover{
 	color: #ffffff;
-	background-color:#91ad41;
+	background-color:#ed7129;
 }
 
 /* Btn Style Two */
@@ -390,7 +390,7 @@ img{
 }
 
 .btn-style-two:hover .icon{
-	background-color:#111111;
+	background-color:#1d1d1b ;
 }
 
 .btn-style-two:hover{
@@ -434,7 +434,7 @@ img{
 }
 
 .btn-style-three:hover .icon{
-	background-color:#111111;
+	background-color:#1d1d1b ;
 }
 
 .btn-style-three:hover{
@@ -479,7 +479,7 @@ img{
 }
 
 .btn-style-four:hover .icon{
-	background-color:#111111;
+	background-color:#1d1d1b ;
 }
 
 .btn-style-four:hover{

public/assets/css/header.css

@@ -293,7 +293,7 @@
 .main-menu .navigation > li:hover > a,
 .main-menu .navigation > li.current > a{
 	opacity:1;
-	color:#111111;
+	color:#1d1d1b ;
 }
 
 .header-style-two .main-menu .navigation > li:hover > a,
@@ -633,7 +633,7 @@
 
 .header-style-two.fixed-header{
 	position:fixed;
-	background-color:#111111;
+	background-color:#1d1d1b ;
 }
 
 /* Header Style Three */
@@ -892,7 +892,7 @@
 }
 
 .header-style-five .header-upper .outer-box .nav-btn{
-	color:#111111;
+	color:#1d1d1b ;
 }
 
 /*** 
@@ -1081,7 +1081,7 @@
 
 .mobile-menu .navigation li:hover > a,
 .mobile-menu .navigation li.current > a{
-	color:#111111;
+	color:#1d1d1b ;
 }
 
 .mobile-menu .navigation li.dropdown .dropdown-btn{

public/assets/css/responsive.css

@@ -537,7 +537,7 @@
 	
 	.header-style-five .main-menu .navigation > li:hover > a,
 	.header-style-five .main-menu .navigation > li.current > a{
-		color:#111111;
+		color:#1d1d1b ;
 	}
 	
 }
@@ -940,18 +940,18 @@
 	}
 	
 	.banner-section .owl-dots .owl-dot span{
-		color:#111111;
+		color:#1d1d1b ;
 		opacity:1;
 	}
 	
 	.banner-section .owl-dots .owl-dot::after{
-		color:#111111;
+		color:#1d1d1b ;
 		opacity:1;
 	}
 	
 	.banner-section .owl-dots .owl-dot:hover span,
 	.banner-section .owl-dots .owl-dot.active span{
-		color:#111111;
+		color:#1d1d1b ;
 	}
 	
 	.header-style-two .header-upper .logo-box{
@@ -974,7 +974,7 @@
 	
 	.header-style-three .nav-outer .mobile-nav-toggler,
 	.header-style-four .nav-outer .mobile-nav-toggler{
-		color:#111111;
+		color:#1d1d1b ;
 	}
 	
 	.newsletter-section .inner-container{
@@ -1032,7 +1032,7 @@
 	}
 	
 	.header-style-five .nav-outer .mobile-nav-toggler{
-		color:#111111;
+		color:#1d1d1b ;
 	}
 	
 	.header-style-five .header-upper .outer-box .nav-btn{

public/assets/css/style.css

@@ -120,7 +120,7 @@
 	margin: -35px auto 0;
 	transform: scaleX(0);
 	transform-origin: center;
-	background-color: #111111;
+	background-color: #1d1d1b;
 	-webkit-transition: all 300ms ease;
 	-moz-transition: all 300ms ease;
 	-ms-transition: all 300ms ease;
@@ -1033,7 +1033,7 @@
 	padding: 1px 22px;
 	border-radius: 8px;
 	display: inline-block;
-	background-color:#91ad41;
+	background-color: #ed7129;
 	text-transform: uppercase;
 }
 
@@ -1054,7 +1054,7 @@
 }
 
 .banner-section-three .content-box h3 a:hover {
-	color:#91ad41;
+	color: #ed7129;
 }
 
 .banner-section-three .content-box .post-info {
@@ -1889,7 +1889,7 @@
 	padding: 2px 18px;
 	border-radius: 8px;
 	display: inline-block;
-	background-color:#91ad41;
+	background-color: #ed7129;
 	text-transform: uppercase;
 }
 
@@ -1949,7 +1949,7 @@
 
 .news-block .inner-box:hover .lower-content .post-info li a,
 .news-block .inner-box:hover .lower-content h6 a {
-	color:#91ad41;
+	color: #ed7129;
 }
 
 /*** 
@@ -2100,7 +2100,7 @@
 	border-radius: 0px;
 	font-weight: 700;
 	display: inline-block;
-	background-color:#91ad41;
+	background-color: #ed7129;
 	-webkit-transition: all 300ms ease;
 	-ms-transition: all 300ms ease;
 	-o-transition: all 300ms ease;
@@ -2110,7 +2110,7 @@
 
 .gallery-block .inner-box .image-box .overlay-box .icon:hover {
 	background-color: #ffffff;
-	color:#91ad41;
+	color: #ed7129;
 }
 
 /***
@@ -2450,7 +2450,7 @@
 	position: relative;
 	text-align: center;
 	padding: 25px 0px;
-	background-color:#111111;
+	background-color: #1d1d1b;
 }
 
 .footer-style-two .footer-bottom .copyright {
@@ -2670,7 +2670,7 @@
 
 .location-block .inner-box .post-date {
 	position: relative;
-	color:#111111;
+	color: #1d1d1b;
 	font-size: 14px;
 	font-weight: 600;
 }
@@ -2693,7 +2693,7 @@
 }
 
 .location-block .inner-box h3 a:hover {
-	color:#111111;
+	color: #1d1d1b;
 }
 
 .location-block .inner-box .post-info {
@@ -3085,7 +3085,7 @@
 	width: 100%;
 	line-height: 28px;
 	padding: 10px 28px;
-	color:#111111;
+	color: #1d1d1b;
 	border: 1px solid #d1d1d1;
 	height: 55px;
 	font-size: 16px;
@@ -3113,7 +3113,7 @@
 	width: 100%;
 	line-height: 24px;
 	padding: 15px 20px 25px;
-	color:#111111;
+	color: #1d1d1b;
 	border: 1px solid #d1d1d1;
 	height: 250px;
 	background: #ffffff;
@@ -3227,7 +3227,7 @@
 	line-height: 28px;
 	padding: 10px 30px;
 	height: 72px;
-	color:#111111;
+	color: #1d1d1b;
 	display: inline-block;
 	font-size: 14px;
 	letter-spacing: 1px;
@@ -3383,7 +3383,7 @@
 	padding: 2px 18px;
 	border-radius: 8px;
 	display: inline-block;
-	background-color:#91ad41;
+	background-color: #ed7129;
 	text-transform: uppercase;
 }
 
@@ -3443,7 +3443,7 @@
 
 .recipe-block-two .inner-box:hover .lower-content .post-info li a,
 .recipe-block-two .inner-box:hover .lower-content h6 a {
-	color:#91ad41;
+	color: #ed7129;
 }
 
 /*** 
@@ -3475,7 +3475,7 @@
 .fluid-section-two .outer-container {
 	position: relative;
 	min-height: 250px;
-	background-color:#f1f2f6;
+	background-color: #e0766d;
 }
 
 .fluid-section-two .image-column {
@@ -3511,7 +3511,7 @@
 
 .fluid-section-two .content-column .inner-column {
 	position: relative;
-	max-width:700px;
+	max-width: 780px;
 	width: 100%;
 	float: right;
 	padding: 110px 60px 110px 15px;
@@ -3523,14 +3523,14 @@
 }
 
 .fluid-section-two .content-column .title-box h2 {
-	color:#27272f;
+	color: #ffffff;
 	margin-bottom: 10px;
 	font-family: 'LillyBelle';
 }
 
 .fluid-section-two .content-column .title-box .text {
 	position: relative;
-	color:#5e5e5e;
+	color: #ffffff;
 	font-size: 14px;
 }
 
@@ -3673,7 +3673,7 @@
 	border-radius: 8px;
 	margin-bottom: 15px;
 	display: inline-block;
-	background-color:#91ad41;
+	background-color: #ed7129;
 	text-transform: uppercase;
 }
 
@@ -3733,7 +3733,7 @@
 
 .recipe-block-three .inner-box:hover .lower-content .post-info li a,
 .recipe-block-three .inner-box:hover .lower-content h6 a {
-	color:#91ad41;
+	color: #ed7129;
 }
 
 .recipe-block-three .inner-box .lower-content .text {
@@ -3859,7 +3859,7 @@
 	border-radius: 8px;
 	margin-bottom: 15px;
 	display: inline-block;
-	background-color:#91ad41;
+	background-color: #ed7129;
 	text-transform: uppercase;
 }
 
@@ -3919,7 +3919,7 @@
 
 .recipe-block-four .inner-box:hover .content .post-info li a,
 .recipe-block-four .inner-box:hover .content h6 a {
-	color:#91ad41;
+	color: #ed7129;
 }
 
 /*** 
@@ -4028,7 +4028,7 @@
 }
 
 .instagram-block .inner-box .image-box .overlay-box .icon:hover {
-	background-color:#111111;
+	background-color: #1d1d1b;
 	color: #ffffff;
 }
 
@@ -4145,7 +4145,7 @@
 	left: 50%;
 	top: 50%;
 	z-index: 10;
-	color: #111111;
+	color: #1d1d1b;
 	font-weight: 400;
 	font-size: 16px;
 	text-align: center;
@@ -4214,13 +4214,23 @@
 }
 
 @-webkit-keyframes ripple {
-    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
+	70% {
-    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
+		box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
+	}
+
+	100% {
+		box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
+	}
 }
 
 @keyframes ripple {
-    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
+	70% {
-    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
+		box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
+	}
+
+	100% {
+		box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
+	}
 }
 
 /*** 
@@ -4358,7 +4368,7 @@
 	border-radius: 8px;
 	margin-bottom: 15px;
 	display: inline-block;
-	background-color:#91ad41;
+	background-color: #ed7129;
 	text-transform: uppercase;
 }
 
@@ -4418,7 +4428,7 @@
 
 .news-block-two .inner-box:hover .content .post-info li a,
 .news-block-two .inner-box:hover .content h6 a {
-	color:#91ad41;
+	color: #ed7129;
 }
 
 .news-block-two .inner-box .text {
@@ -4503,7 +4513,7 @@
 }
 
 .about-news-section .about-column .social-box li a:hover {
-	color:#91ad41;
+	color: #ed7129;
 }
 
 /* Recipe Block Five */
@@ -4646,7 +4656,7 @@
 .recipe-block-five .inner-box .image {
 	position: relative;
 	overflow: hidden;
-	background-color:#111111;
+	background-color: #1d1d1b;
 }
 
 .recipe-block-five .inner-box .image img {
@@ -4875,7 +4885,7 @@
 }
 
 .page-breadcrumb li a:hover {
-	color:#111111;
+	color: #1d1d1b;
 }
 
 /*** 
@@ -4963,7 +4973,7 @@
 
 .staff-block .inner-box .image {
 	position: relative;
-	background-color:#111111;
+	background-color: #1d1d1b;
 }
 
 .staff-block .inner-box .image img {
@@ -5340,6 +5350,7 @@
 	position: relative;
 
 }
+
 .accrodion.block.active-block .content {
 	display: block;
 }
@@ -5588,7 +5599,7 @@
 .frape-block .inner-box .image {
 	position: relative;
 	overflow: hidden;
-	background-color:#111111;
+	background-color: #1d1d1b;
 }
 
 .frape-block .inner-box .image img {
@@ -6002,7 +6013,7 @@
 }
 
 .tag-list li a:hover {
-	color:#91ad41;
+	color: #ed7129;
 }
 
 .sidebar .social-widget .social-list {
@@ -6027,7 +6038,7 @@
 }
 
 .sidebar .social-widget .social-list li a:hover {
-	color:#91ad41;
+	color: #ed7129;
 }
 
 /* News Block Three */
@@ -6189,7 +6200,7 @@
 	left: 50%;
 	top: 50%;
 	z-index: 10;
-	color: #111111;
+	color: #1d1d1b;
 	font-weight: 400;
 	font-size: 16px;
 	text-align: center;
@@ -6270,7 +6281,7 @@
 	border-radius: 8px;
 	margin-bottom: 15px;
 	display: inline-block;
-	background-color:#91ad41;
+	background-color: #ed7129;
 	text-transform: uppercase;
 }
 
@@ -6331,7 +6342,7 @@
 
 .news-block-three .inner-box:hover .lower-content .post-info li a,
 .news-block-three .inner-box:hover .lower-content h3 a {
-	color:#91ad41;
+	color: #ed7129;
 }
 
 .news-block-three .inner-box .lower-content .text {
@@ -6417,7 +6428,7 @@
 .styled-pagination li a:hover,
 .styled-pagination li a.active {
 	color: #ffffff;
-	background-color:#91ad41;
+	background-color: #ed7129;
 }
 
 .styled-pagination li.next a {
@@ -6524,7 +6535,7 @@
 	border-radius: 8px;
 	margin-bottom: 15px;
 	display: inline-block;
-	background-color:#91ad41;
+	background-color: #ed7129;
 	text-transform: uppercase;
 }
 
@@ -7090,7 +7101,7 @@
 }
 
 .banner-section-four .content-box h1 a:hover {
-	color:#91ad41;
+	color: #ed7129;
 }
 
 .banner-section-four .owl-nav,
@@ -7320,7 +7331,7 @@
 
 .menu-block-three .menu-item .price-box .price {
 	position: relative;
-	color:#111111;
+	color: #1d1d1b;
 	font-size: 18px;
 	padding: 2px 0px 2px 30px;
 	background-color: #ffffff;