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

Compare commits

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

7 Commits
c4899f7cd3 ... 9cb16c71c7

Author SHA1 Message Date
Alaguraj0361
9cb16c71c7 menu card section responsive issues updated 2025-07-21 21:21:28 +05:30
selvi
c4f50e7b68 Corrections updated 2025-07-21 20:56:11 +05:30
selvi
ba94b3f1c7 Corrections updated 2025-07-21 20:55:28 +05:30
Alaguraj0361
12320220dd style updated 2025-07-21 20:29:53 +05:30
selvi
42c1f211f3 Mobile menu updated 2025-07-21 16:47:55 +05:30
selvi
dedc65a9dc corrections updated 2025-07-21 12:26:48 +05:30
Alaguraj0361
c26a35493c uncommented home page sections 2025-07-21 10:38:50 +05:30
12 changed files with 1218 additions and 1140 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,26 +43,28 @@ 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</Link> <li className={isActive.key == 2 ? "dropdown current" : "dropdown"}><Link href="/#about">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 className={isActive.key == 3 ? "dropdown current" : "dropdown"}><Link href="/#">Menu</Link> <li><Link href="/#popular-dishes">Popular Dishes</Link></li>
<ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}> <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="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>
@ -78,7 +80,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. Wings, wraps, dosas & more - all packed with flavor and attitude.</div> <div className="text">Bold street food made fresh.<br /> 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>Visit</h6> <h6>Contact</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,6 +82,7 @@ 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">yummy</div> {/* <div className="section-text">Sixty5Street</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">Cornish cod fillet</Link></h6> <h6><Link href="gallery">Combos</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">Cornish cod fillet</Link></h6> <h6><Link href="gallery">Milk Shakes</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">Cornish cod fillet</Link></h6> <h6><Link href="gallery">Poutine</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">Cornish cod fillet</Link></h6> <h6><Link href="gallery">Salads</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">Cornish cod fillet</Link></h6> <h6><Link href="gallery">Shawarma Wraps</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">Cornish cod fillet</Link></h6> <h6><Link href="gallery">Dosa</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,7 +37,8 @@ export default function Menus() {
style={{ cursor: 'pointer' }} style={{ cursor: 'pointer' }}
> >
<span <span
className={`nav-link ${activeTab === tab ? 'active fw-bold text-primary' : ''}`} className={`nav-link ${activeTab === tab ? 'active fw-bold ' : ''}`}
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"> <div className="row clearfix justify-content-center">
{/* 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 className="pull-right"> </div>
<div className="price">$8.99</div> <div className="text">
</div> <div className="price">Price - $8.99</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 className="pull-right"> </div>
<div className="price">$9.99</div> <div className="text">
</div> <div className="price">Price - $9.99</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 className="pull-right"> </div>
<div className="price">$14.99</div> <div className="text">
</div> <div className="price">Price - $14.99</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 className="pull-right"> </div>
<div className="price">$17.99</div> <div className="text">
</div> <div className="price">Price - $17.99</div>
</div> </div>
</div> </div>
</div> </div>
@ -93,58 +93,56 @@ 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="row justify-content-center"> <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 fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
<div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms"> <div className="image">
<div className="image"> <Link href="#"><img src="/assets/images/home/special/mutton-kothu.webp" alt="" /></Link>
<Link href="#"><img src="/assets/images/home/special/mutton-kothu.webp" alt="" /></Link> </div>
</div> <div className="lower-content">
<div className="lower-content"> <div className="clearfix">
<div className="clearfix"> <div className="pull-left">
<div className="pull-left"> <h6><Link href="#">Veg Kothu</Link></h6>
<h6><Link href="#">Veg Kothu</Link></h6>
</div>
<div className="pull-right">
<div className="price">$11.99</div>
</div>
</div> </div>
</div> </div>
<div className="text">
<div className="price">Price - $11.99</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>
<div className="lower-content"> <div className="lower-content">
<div className="clearfix"> <div className="clearfix">
<div className="pull-left"> <div className="pull-left">
<h6><Link href="#">Chicken Kothu</Link></h6> <h6><Link href="#">Chicken Kothu</Link></h6>
</div>
<div className="pull-right">
<div className="price">$14.99</div>
</div>
</div> </div>
</div> </div>
<div className="text">
<div className="price">Price - $14.99</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>
<div className="lower-content"> <div className="lower-content">
<div className="clearfix"> <div className="clearfix">
<div className="pull-left"> <div className="pull-left">
<h6><Link href="#">Mutton Biryani Bowl</Link></h6> <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 className="text">
<div className="price">Price - $17.99</div>
</div>
</div> </div>
</div> </div>
</div> </div>

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

@ -16,25 +16,24 @@ 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"> <div className="outer-container clearfix row d-flex align-items-center">
{/* Content Column */} {/* Content Column */}
<div className="content-column"> <div className="col-lg-6 content-column">
<div className="inner-column"> <div className="inner-column">
{/* Title Box */} {/* Title Box */}
<div className="title-box"> <div className="title-box">
<h2>Free recipe book!</h2> <h2>Spice Up Your Screen!</h2>
<div className="text"> <div className="text">
Get your copy of spicy kitchen featuring 10 of our most loved, <br /> highly-rated recipes! Grab our exclusive *Spicy Kitchen* recipe book – packed with 10 fan-favorite dishes<br /> bursting with bold flavor. Try before you buy!
</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>
@ -49,10 +48,15 @@ export default function Fluid() {
</div> </div>
{/* Image Column */} {/* Image Column */}
<div className="image-column" style={{ backgroundImage: `url(${selectedImage})` }}> <div className="col-lg-6">
<figure className="image-box"> <div className="w-100">
<img src={selectedImage} alt="Selected Book" /> <img
</figure> src={selectedImage}
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,100 +5,109 @@ 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">smoothie</div> <div className="category">OnTheFries</div>
<h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6> <h6 className="mb-0"><Link href="news-detail">loaded fries</Link></h6>
<ul className="post-info"> <div className="text">
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 */}
{/* 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 fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
<div className="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms"> <div className="image">
<div className="image"> <img src="/assets/images/home/popular/hot-wings.webp" alt="" />
<img src="/assets/images/home/popular/hot-wings.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/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">smoothie</div> <div className="category">Wings</div>
<h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6> <h6 className="mb-0"><Link href="news-detail">Hot Wings</Link></h6>
<ul className="post-info"> <div className="text">
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 */}
{/* 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 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"> <img src="/assets/images/home/popular/honey-garlic-chicken.webp" alt="" />
<img src="/assets/images/home/popular/honey-garlic-chicken.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/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">smoothie</div> <div className="category">Wings</div>
<h6><Link href="news-detail">Broad bean and goats’ cheese bruschetta</Link></h6> <h6 className="mb-0"><Link href="news-detail">Honey Garlic Chicken</Link></h6>
<ul className="post-info"> <div className="text">
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>
</div> </section>
</section> {/* End Recipe Section Two */}
{/* 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="#">Awesome taste</Link></h6> <h6><Link href="#">Street Flavor</Link></h6>
<div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam.</div> <div className="text">Spicy shawarmas, crispy dosas, saucy wings burst with bold, unforgettable street flavor.</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="#">Organic fruits</Link></h6> <h6><Link href="#">Fresh Ingredients</Link></h6>
<div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam.</div> <div className="text">Handpicked vegetables, premium proteins, and authentic masalas elevate each dish.</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="#">Healthy Blends</Link></h6> <h6><Link href="#">Quick Service</Link></h6>
<div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam.</div> <div className="text">Freshly prepared, expertly crafted meals delivered fast without compromising quality.</div>
</div> </div>
</div> </div>

2005
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: 18px; font-size: 16px;
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: #ed7129; background-color: #CF2D10 ;
text-transform: uppercase; text-transform: uppercase;
} }