MetatroncubeSoftwareSolutions/sixty5-street
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: MetatroncubeSoftwareSolutions:9cb16c71c7fb8dd3ee0e27ff4e72b66fb3ed4cf3
Branches Tags
MetatroncubeSoftwareSolutions:main
MetatroncubeSoftwareSolutions:team
..
compare: MetatroncubeSoftwareSolutions:c4899f7cd312662bca6306dcbfdec1cbd6d16b08
Branches Tags
MetatroncubeSoftwareSolutions:team
MetatroncubeSoftwareSolutions:main

No commits in common. "9cb16c71c7fb8dd3ee0e27ff4e72b66fb3ed4cf3" and "c4899f7cd312662bca6306dcbfdec1cbd6d16b08" have entirely different histories.
9cb16c71c7 ... c4899f7cd3

12 changed files with 1122 additions and 1200 deletions
Show Stats Expand all files Collapse all files

8
app/page.js
View File

@ -22,14 +22,14 @@ export default function Home() {
<> <>
<Layout headerStyle={2} footerStyle={2}> <Layout headerStyle={2} footerStyle={2}>
<Banner /> <Banner />
<Juice /> {/* <Juice /> */}
<Recipe /> <Recipe />
<Fluid /> <Fluid />
<Specials /> <Specials />
<Menus /> <Menus />
{/* <Video /> */} {/* <Video />
<Menu2 /> <Menu2 /> */}
<Gallery /> {/* <Gallery /> */}

22
components/layout/MobileMenu.js
View File

@ -35,7 +35,7 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
<div className="menu-outer"> <div className="menu-outer">
<div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent"> <div className="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<ul className="navigation"> <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"}` }}> <ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
<li><Link href="/">Home One</Link></li> <li><Link href="/">Home One</Link></li>
<li><Link href="index-2">Home Two</Link></li> <li><Link href="index-2">Home Two</Link></li>
@ -43,28 +43,26 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
<li><Link href="index-4">Home Four</Link></li> <li><Link href="index-4">Home Four</Link></li>
</ul> </ul>
<div className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}><span className="fa fa-angle-right" /></div> <div className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}><span className="fa fa-angle-right" /></div>
</li> */} </li>
<li className={isActive.key == 2 ? "dropdown current" : "dropdown"}><Link href="/#about">About</Link> <li className={isActive.key == 2 ? "dropdown current" : "dropdown"}><Link href="/#">About</Link>
{/* <ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}> <ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
<li><Link href="about">About</Link></li> <li><Link href="about">About</Link></li>
<li><Link href="team">Team</Link></li> <li><Link href="team">Team</Link></li>
<li><Link href="restaurant">Restaurant</Link></li> <li><Link href="restaurant">Restaurant</Link></li>
</ul> </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>
<li><Link href="/#popular-dishes">Popular Dishes</Link></li> <li className={isActive.key == 3 ? "dropdown current" : "dropdown"}><Link href="/#">Menu</Link>
<li><Link href="/#sixty5-street-specials">Sixty5 Street Specials</Link></li> <ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
<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="menu">Menu</Link></li>
<li><Link href="milkshake">Milk Shake</Link></li> <li><Link href="milkshake">Milk Shake</Link></li>
<li><Link href="frappe">Frappe</Link></li> <li><Link href="frappe">Frappe</Link></li>
<li><Link href="boba-tea">Boba Tea</Link></li> <li><Link href="boba-tea">Boba Tea</Link></li>
<li><Link href="slushy">Slushy</Link></li> <li><Link href="slushy">Slushy</Link></li>
</ul> </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>
{/* <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"}` }}> <ul style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
<li><Link href="gallery">Gallery</Link></li> <li><Link href="gallery">Gallery</Link></li>
<li><Link href="gallery-2">Gallery 02</Link></li> <li><Link href="gallery-2">Gallery 02</Link></li>
@ -80,7 +78,7 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
</ul> </ul>
<div className={isActive.key == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(5)}><span className="fa fa-angle-right" /></div> <div className={isActive.key == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(5)}><span className="fa fa-angle-right" /></div>
</li> </li>
<li><Link href="/contact">Contact</Link></li> */} <li><Link href="/contact">Contact</Link></li>
</ul> </ul>
</div> </div>
</div> </div>

9
components/layout/footer/Footer2.js
View File

@ -21,7 +21,7 @@ export default function Footer2() {
<div className="logo"> <div className="logo">
<Link href="/"><img src="/assets/images/logo.png" alt="" /></Link> <Link href="/"><img src="/assets/images/logo.png" alt="" /></Link>
</div> </div>
<div className="text">Bold street food made fresh.<br /> Wings, wraps, dosas & more - all packed with flavor and attitude.</div> <div className="text">Bold street food made fresh. Wings, wraps, dosas & more - all packed with flavor and attitude.</div>
</div> </div>
</div> </div>
@ -49,11 +49,11 @@ export default function Footer2() {
{/*Footer Column*/} {/*Footer Column*/}
<div className="footer-column col-lg-6 col-md-6 col-sm-12"> <div className="footer-column col-lg-6 col-md-6 col-sm-12">
<div className="footer-widget visit-widget"> <div className="footer-widget visit-widget">
<h6>Contact</h6> <h6>Visit</h6>
<ul className="contact-list"> <ul className="contact-list">
<li><Link href="tel:+289-498-6565" style={{ color: 'white' }}>289-498-6565</Link></li> <li><Link href="tel:+289-498-6565" style={{ color: 'white' }}>289-498-6565</Link></li>
</ul> </ul>
{/* <div className="text">6Fifth Avenue 5501, Broadway, <br /> New York Morris Street <br /> London 1234</div> */} <div className="text">6Fifth Avenue 5501, Broadway, <br /> New York Morris Street <br /> London 1234</div>
</div> </div>
</div> </div>
@ -65,7 +65,7 @@ export default function Footer2() {
<li><Link href="#"><span className="icon fa fa-facebook"></span>facebook</Link></li> <li><Link href="#"><span className="icon fa fa-facebook"></span>facebook</Link></li>
<li><Link href="#"><span className="icon fa fa-twitter"></span>twitter</Link></li> <li><Link href="#"><span className="icon fa fa-twitter"></span>twitter</Link></li>
<li><Link href="#"><span className="icon fa fa-instagram"></span>instagram</Link></li> <li><Link href="#"><span className="icon fa fa-instagram"></span>instagram</Link></li>
{/* <li><Link href="#"><span className="icon fa fa-dribbble"></span>dribbble</Link></li> */} <li><Link href="#"><span className="icon fa fa-dribbble"></span>dribbble</Link></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -82,7 +82,6 @@ export default function Footer2() {
href="https://metatroncubesolutions.com/" href="https://metatroncubesolutions.com/"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
style={{ color: "#cf2d1f" }}
> >
MetatronCube MetatronCube
</a>. All Rights Reserved. </a>. All Rights Reserved.

4
components/sections/home1/Juice.js
View File

@ -8,8 +8,8 @@ export default function Juice() {
{/* Juice Section */} {/* Juice Section */}
<section className="juice-section" id="about"> <section className="juice-section" id="about">
{/* <div className="section-text">Sixty5Street</div> */} <div className="section-text">yummy</div>
{/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/1.png)' }} ></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="pattern-layer-two" style={{ backgroundImage: 'url(assets/images/resource/juice-glass.png)' }} ></div>
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">

24
components/sections/home2/Gallery.js
View File

@ -16,8 +16,8 @@ export default function Gallery() {
<div className="image-box"> <div className="image-box">
<img src="assets/images/gallery/7.jpg" alt="" /> <img src="assets/images/gallery/7.jpg" alt="" />
<div className="overlay-box"> <div className="overlay-box">
<h6><Link href="gallery">Combos</Link></h6> <h6><Link href="gallery">Cornish cod fillet</Link></h6>
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */} <div className="title">Us percipit urbanitas referrentur ea.</div>
</div> </div>
</div> </div>
</div> </div>
@ -32,8 +32,8 @@ export default function Gallery() {
<div className="image-box"> <div className="image-box">
<img src="assets/images/gallery/8.jpg" alt="" /> <img src="assets/images/gallery/8.jpg" alt="" />
<div className="overlay-box"> <div className="overlay-box">
<h6><Link href="gallery">Milk Shakes</Link></h6> <h6><Link href="gallery">Cornish cod fillet</Link></h6>
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */} <div className="title">Us percipit urbanitas referrentur ea.</div>
</div> </div>
</div> </div>
</div> </div>
@ -44,8 +44,8 @@ export default function Gallery() {
<div className="image-box"> <div className="image-box">
<img src="assets/images/gallery/11.jpg" alt="" /> <img src="assets/images/gallery/11.jpg" alt="" />
<div className="overlay-box"> <div className="overlay-box">
<h6><Link href="gallery">Poutine</Link></h6> <h6><Link href="gallery">Cornish cod fillet</Link></h6>
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */} <div className="title">Us percipit urbanitas referrentur ea.</div>
</div> </div>
</div> </div>
</div> </div>
@ -63,8 +63,8 @@ export default function Gallery() {
<div className="image-box"> <div className="image-box">
<img src="assets/images/gallery/9.jpg" alt="" /> <img src="assets/images/gallery/9.jpg" alt="" />
<div className="overlay-box"> <div className="overlay-box">
<h6><Link href="gallery">Salads</Link></h6> <h6><Link href="gallery">Cornish cod fillet</Link></h6>
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */} <div className="title">Us percipit urbanitas referrentur ea.</div>
</div> </div>
</div> </div>
</div> </div>
@ -79,8 +79,8 @@ export default function Gallery() {
<div className="image-box"> <div className="image-box">
<img src="assets/images/gallery/10.jpg" alt="" /> <img src="assets/images/gallery/10.jpg" alt="" />
<div className="overlay-box"> <div className="overlay-box">
<h6><Link href="gallery">Shawarma Wraps</Link></h6> <h6><Link href="gallery">Cornish cod fillet</Link></h6>
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */} <div className="title">Us percipit urbanitas referrentur ea.</div>
</div> </div>
</div> </div>
</div> </div>
@ -94,8 +94,8 @@ export default function Gallery() {
<div className="image-box"> <div className="image-box">
<img src="assets/images/gallery/12.jpg" alt="" /> <img src="assets/images/gallery/12.jpg" alt="" />
<div className="overlay-box"> <div className="overlay-box">
<h6><Link href="gallery">Dosa</Link></h6> <h6><Link href="gallery">Cornish cod fillet</Link></h6>
{/* <div className="title">Us percipit urbanitas referrentur ea.</div> */} <div className="title">Us percipit urbanitas referrentur ea.</div>
</div> </div>
</div> </div>
</div> </div>

3
components/sections/home2/Menus.js
View File

@ -37,8 +37,7 @@ export default function Menus() {
style={{ cursor: 'pointer' }} style={{ cursor: 'pointer' }}
> >
<span <span
className={`nav-link ${activeTab === tab ? 'active fw-bold ' : ''}`} className={`nav-link ${activeTab === tab ? 'active fw-bold text-primary' : ''}`}
style={activeTab === tab ? { color: '#cf2d1f' } : {}}
> >
{tab} {tab}
</span> </span>

104
components/sections/home2/Specials.js
View File

@ -17,7 +17,7 @@ export default function Specials() {
<h2>Sixty5 Street Specials</h2> <h2>Sixty5 Street Specials</h2>
<div className="separate"></div> <div className="separate"></div>
</div> </div>
<div className="row clearfix justify-content-center"> <div className="row clearfix">
{/* First Row - 4 cards (3 on md screens, 2 on sm) */} {/* First Row - 4 cards (3 on md screens, 2 on sm) */}
<div className="special-block col-lg-3 col-md-4 col-sm-6 col-12"> <div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
<div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms"> <div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
@ -29,9 +29,9 @@ export default function Specials() {
<div className="pull-left"> <div className="pull-left">
<h6><Link href="#">Chicken 65 dry</Link></h6> <h6><Link href="#">Chicken 65 dry</Link></h6>
</div> </div>
</div> <div className="pull-right">
<div className="text"> <div className="price">$8.99</div>
<div className="price">Price - $8.99</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -47,9 +47,9 @@ export default function Specials() {
<div className="pull-left"> <div className="pull-left">
<h6><Link href="#">Chicken 65 wet</Link></h6> <h6><Link href="#">Chicken 65 wet</Link></h6>
</div> </div>
</div> <div className="pull-right">
<div className="text"> <div className="price">$9.99</div>
<div className="price">Price - $9.99</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -65,9 +65,9 @@ export default function Specials() {
<div className="pull-left"> <div className="pull-left">
<h6><Link href="#">65 Biryani Bowl</Link></h6> <h6><Link href="#">65 Biryani Bowl</Link></h6>
</div> </div>
</div> <div className="pull-right">
<div className="text"> <div className="price">$14.99</div>
<div className="price">Price - $14.99</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -83,9 +83,9 @@ export default function Specials() {
<div className="pull-left"> <div className="pull-left">
<h6><Link href="#">Mutton Kothu</Link></h6> <h6><Link href="#">Mutton Kothu</Link></h6>
</div> </div>
</div> <div className="pull-right">
<div className="text"> <div className="price">$17.99</div>
<div className="price">Price - $17.99</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -93,55 +93,57 @@ export default function Specials() {
{/* Second Row - 3 cards (will automatically adjust to 2 on md, 1 on sm) */} {/* Second Row - 3 cards (will automatically adjust to 2 on md, 1 on sm) */}
{/* Second Row - 3 cards centered */} {/* Second Row - 3 cards centered */}
<div className="special-block col-lg-3 col-md-4 col-sm-6 col-12"> <div className="row justify-content-center">
<div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms"> <div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
<div className="image"> <div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
<Link href="#"><img src="/assets/images/home/special/mutton-kothu.webp" alt="" /></Link> <div className="image">
</div> <Link href="#"><img src="/assets/images/home/special/mutton-kothu.webp" alt="" /></Link>
<div className="lower-content">
<div className="clearfix">
<div className="pull-left">
<h6><Link href="#">Veg Kothu</Link></h6>
</div>
</div> </div>
<div className="text"> <div className="lower-content">
<div className="price">Price - $11.99</div> <div className="clearfix">
<div className="pull-left">
<h6><Link href="#">Veg Kothu</Link></h6>
</div>
<div className="pull-right">
<div className="price">$11.99</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div className="special-block col-lg-3 col-md-4 col-sm-6 col-12"> <div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
<div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms"> <div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
<div className="image"> <div className="image">
<Link href="#"><img src="/assets/images/home/special/chicken-kothu.webp" alt="" /></Link> <Link href="#"><img src="/assets/images/home/special/chicken-kothu.webp" alt="" /></Link>
</div>
<div className="lower-content">
<div className="clearfix">
<div className="pull-left">
<h6><Link href="#">Chicken Kothu</Link></h6>
</div>
</div> </div>
<div className="text"> <div className="lower-content">
<div className="price">Price - $14.99</div> <div className="clearfix">
<div className="pull-left">
<h6><Link href="#">Chicken Kothu</Link></h6>
</div>
<div className="pull-right">
<div className="price">$14.99</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div className="special-block col-lg-3 col-md-4 col-sm-6 col-12"> <div className="special-block col-lg-3 col-md-4 col-sm-6 col-12">
<div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms"> <div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div className="image"> <div className="image">
<Link href="#"><img src="/assets/images/home/special/mutton-biryani.webp" alt="" /></Link> <Link href="#"><img src="/assets/images/home/special/mutton-biryani.webp" alt="" /></Link>
</div>
<div className="lower-content">
<div className="clearfix">
<div className="pull-left">
<h6><Link href="#">Mutton Biryani Bowl</Link></h6>
</div>
</div> </div>
<div className="text"> <div className="lower-content">
<div className="price">Price - $17.99</div> <div className="clearfix">
<div className="pull-left">
<h6><Link href="#">Mutton Biryani Bowl</Link></h6>
</div>
<div className="pull-right">
<div className="price">$17.99</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

28
components/sections/home3/Fluid.js
View File

@ -16,24 +16,25 @@ export default function Fluid() {
<> <>
{/* Fluid Section Two */} {/* Fluid Section Two */}
<section className="fluid-section-two"> <section className="fluid-section-two">
{/* <div className="section-text">Recipe book</div> */} <div className="section-text">Recipe book</div>
<div className="outer-container clearfix row d-flex align-items-center"> <div className="outer-container clearfix">
{/* Content Column */} {/* Content Column */}
<div className="col-lg-6 content-column"> <div className="content-column">
<div className="inner-column"> <div className="inner-column">
{/* Title Box */} {/* Title Box */}
<div className="title-box"> <div className="title-box">
<h2>Spice Up Your Screen!</h2> <h2>Free recipe book!</h2>
<div className="text"> <div className="text">
Grab our exclusive *Spicy Kitchen* recipe book – packed with 10 fan-favorite dishes<br /> bursting with bold flavor. Try before you buy! Get your copy of spicy kitchen featuring 10 of our most loved, <br /> highly-rated recipes!
</div> </div>
</div> </div>
{/* Image List */} {/* Image List */}
<ul className="book-list d-flex justify-content-start align-items-center"> <ul className="book-list d-flex justify-content-start align-items-center">
{images.map((img, idx) => ( {images.map((img, idx) => (
<li key={idx} style={{ cursor: "pointer" }} onClick={() => setSelectedImage(img)}> <li key={idx} style={{ cursor: "pointer" }} onClick={() => setSelectedImage(img)}>
<img src={img} alt={`Book ${idx + 1}`} style={{ width: "150px", height: "150px" }} /> <img src={img} alt={`Book ${idx + 1}`} style={{width:"150px", height:"150px"}}/>
</li> </li>
))} ))}
</ul> </ul>
@ -48,15 +49,10 @@ export default function Fluid() {
</div> </div>
{/* Image Column */} {/* Image Column */}
<div className="col-lg-6"> <div className="image-column" style={{ backgroundImage: `url(${selectedImage})` }}>
<div className="w-100"> <figure className="image-box">
<img <img src={selectedImage} alt="Selected Book" />
src={selectedImage} </figure>
alt="Selected Book"
className="img-fluid rounded shadow"
style={{ width: "100%", height: "auto", objectFit: "cover" }}
/>
</div>
</div> </div>
</div> </div>
</section> </section>

133
components/sections/home3/Recipe.js
View File

@ -5,109 +5,100 @@ export default function Recipe() {
<> <>
{/* Recipe Section */} {/* Recipe Section */}
<section className="recipe-section-two" id="popular-dishes"> <section className="recipe-section-two" id="popular-dishes">
<div className="auto-container"> <div className="auto-container">
{/* Sec Title */} {/* Sec Title */}
<div className="sec-title centered"> <div className="sec-title centered">
<div className="title">News & Recipe</div> <div className="title">News & Recipe</div>
<h2>Popular Dishes</h2> <h2>Popular Dishes</h2>
<div className="separate"></div> <div className="separate"></div>
</div> </div>
<div className="row clearfix"> <div className="row clearfix">
{/* Recipe Block Two */} {/* Recipe Block Two */}
<div className="recipe-block-two col-lg-4 col-md-6 col-sm-12"> <div className="recipe-block-two col-lg-4 col-md-6 col-sm-12">
<div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms"> <div className="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div className="image"> <div className="image">
<img src="/assets/images/home/popular/loaded-fries.webp" alt="" /> <img src="/assets/images/home/popular/loaded-fries.webp" alt="" />
{/* Overlay Box */} {/* Overlay Box */}
{/* <div className="overlay-box"> {/* <div className="overlay-box">
<div className="overlay-inner"> <div className="overlay-inner">
<div className="content"> <div className="content">
<Link href="assets/images/home/popular/loaded-fries.webp" data-fancybox="news" data-caption="" className="icon flaticon-gallery"></Link> <Link href="assets/images/home/popular/loaded-fries.webp" data-fancybox="news" data-caption="" className="icon flaticon-gallery"></Link>
</div> </div>
</div> </div>
</div> */} </div> */}
</div> </div>
<div className="lower-content"> {/* <div className="lower-content">
<div className="category">OnTheFries</div> <div className="category">smoothie</div>
<h6 className="mb-0"><Link href="news-detail">loaded fries</Link></h6> <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
<div className="text"> <ul className="post-info">
Price $7.99
</div>
{/* <ul className="post-info">
<li>May 21, 2021</li> <li>May 21, 2021</li>
<li>2 Comments</li> <li>2 Comments</li>
<li><Link href="news-detail">Share</Link></li> <li><Link href="news-detail">Share</Link></li>
</ul> */} </ul>
</div> </div> */}
</div>
</div> </div>
</div>
{/* Recipe Block Two */}
<div className="recipe-block-two col-lg-4 col-md-6 col-sm-12"> {/* Recipe Block Two */}
<div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms"> <div className="recipe-block-two col-lg-4 col-md-6 col-sm-12">
<div className="image"> <div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
<img src="/assets/images/home/popular/hot-wings.webp" alt="" /> <div className="image">
{/* Overlay Box */} <img src="/assets/images/home/popular/hot-wings.webp" alt="" />
{/* <div className="overlay-box"> {/* Overlay Box */}
{/* <div className="overlay-box">
<div className="overlay-inner"> <div className="overlay-inner">
<div className="content"> <div className="content">
<Link href="assets/images/home/popular/hot-wings.webp" data-fancybox="news" data-caption="" className="icon flaticon-gallery"></Link> <Link href="assets/images/home/popular/hot-wings.webp" data-fancybox="news" data-caption="" className="icon flaticon-gallery"></Link>
</div> </div>
</div> </div>
</div> */} </div> */}
</div> </div>
<div className="lower-content"> {/* <div className="lower-content">
<div className="category">Wings</div> <div className="category">smoothie</div>
<h6 className="mb-0"><Link href="news-detail">Hot Wings</Link></h6> <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
<div className="text"> <ul className="post-info">
Price $9.99
</div>
{/* <ul className="post-info">
<li>May 21, 2021</li> <li>May 21, 2021</li>
<li>2 Comments</li> <li>2 Comments</li>
<li><Link href="news-detail">Share</Link></li> <li><Link href="news-detail">Share</Link></li>
</ul> */} </ul>
</div> </div> */}
</div>
</div> </div>
</div>
{/* Recipe Block Two */}
<div className="recipe-block-two col-lg-4 col-md-6 col-sm-12"> {/* Recipe Block Two */}
<div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms"> <div className="recipe-block-two col-lg-4 col-md-6 col-sm-12">
<div className="image"> <div className="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
<img src="/assets/images/home/popular/honey-garlic-chicken.webp" alt="" /> <div className="image">
{/* Overlay Box */} <img src="/assets/images/home/popular/honey-garlic-chicken.webp" alt="" />
{/* <div className="overlay-box"> {/* Overlay Box */}
{/* <div className="overlay-box">
<div className="overlay-inner"> <div className="overlay-inner">
<div className="content"> <div className="content">
<Link href="assets/images/home/popular/honey-garlic-chicken.webp" data-fancybox="news" data-caption="" className="icon flaticon-gallery"></Link> <Link href="assets/images/home/popular/honey-garlic-chicken.webp" data-fancybox="news" data-caption="" className="icon flaticon-gallery"></Link>
</div> </div>
</div> </div>
</div> */} </div> */}
</div> </div>
<div className="lower-content"> {/* <div className="lower-content">
<div className="category">Wings</div> <div className="category">smoothie</div>
<h6 className="mb-0"><Link href="news-detail">Honey Garlic Chicken</Link></h6> <h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6>
<div className="text"> <ul className="post-info">
Price $9.99
</div>
{/* <ul className="post-info">
<li>May 21, 2021</li> <li>May 21, 2021</li>
<li>2 Comments</li> <li>2 Comments</li>
<li><Link href="news-detail">Share</Link></li> <li><Link href="news-detail">Share</Link></li>
</ul> */} </ul>
</div> </div> */}
</div>
</div> </div>
</div> </div>
</div> </div>
</section> </div>
{/* End Recipe Section Two */} </section>
{/* End Recipe Section Two */}
</> </>
) )

12
components/sections/home4/Menu2.js
View File

@ -18,8 +18,8 @@ export default function Menu2() {
<div className="icon"> <div className="icon">
<img src="assets/images/icons/menu-1.png" alt="" /> <img src="assets/images/icons/menu-1.png" alt="" />
</div> </div>
<h6><Link href="#">Street Flavor</Link></h6> <h6><Link href="#">Awesome taste</Link></h6>
<div className="text">Spicy shawarmas, crispy dosas, saucy wings burst with bold, unforgettable street flavor.</div> <div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam.</div>
</div> </div>
</div> </div>
@ -32,8 +32,8 @@ export default function Menu2() {
<div className="icon"> <div className="icon">
<img src="assets/images/icons/menu-2.png" alt="" /> <img src="assets/images/icons/menu-2.png" alt="" />
</div> </div>
<h6><Link href="#">Fresh Ingredients</Link></h6> <h6><Link href="#">Organic fruits</Link></h6>
<div className="text">Handpicked vegetables, premium proteins, and authentic masalas elevate each dish.</div> <div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam.</div>
</div> </div>
</div> </div>
@ -46,8 +46,8 @@ export default function Menu2() {
<div className="icon"> <div className="icon">
<img src="assets/images/icons/menu-3.png" alt="" /> <img src="assets/images/icons/menu-3.png" alt="" />
</div> </div>
<h6><Link href="#">Quick Service</Link></h6> <h6><Link href="#">Healthy Blends</Link></h6>
<div className="text">Freshly prepared, expertly crafted meals delivered fast without compromising quality.</div> <div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam.</div>
</div> </div>
</div> </div>

1969
public/assets/css/responsive.css
View File

File diff suppressed because it is too large Load Diff

6
public/assets/css/style.css
View File

@ -2577,9 +2577,9 @@
.special-block .inner-box .lower-content .price { .special-block .inner-box .lower-content .price {
position: relative; position: relative;
color: #27272f; color: #27272f;
font-size: 16px; font-size: 18px;
font-weight: 500; font-weight: 500;
/* margin-top: 8px; */ margin-top: 8px;
} }
/*** /***
@ -3385,7 +3385,7 @@
padding: 2px 18px; padding: 2px 18px;
border-radius: 8px; border-radius: 8px;
display: inline-block; display: inline-block;
background-color: #CF2D10 ; background-color: #ed7129;
text-transform: uppercase; text-transform: uppercase;
} }