Compare commits

...

9 Commits

99 changed files with 5964 additions and 5803 deletions

View File

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

View File

@ -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>
</>
)

View File

@ -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>
</>
)

View File

@ -31,7 +31,7 @@ const MobileMenu = ({ isSidebar, handleMobileMenu, handleSidebar }) => {
<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-2.png" alt="" title="" /></Link></div>
<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">

View File

@ -1,83 +1,95 @@
import Link from "next/link"
export default function Footer2() {
return (
<>
return (
<>
{/* Main Footer */}
<footer className="footer-style-two">
<div className="auto-container">
{/* Widgets Section */}
<div className="widgets-section">
<div className="row clearfix">
{/* Big Column */}
<div className="big-column col-lg-6 col-md-12 col-sm-12">
<div className="row clearfix">
{/*Footer Column*/}
<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>
{/* Main Footer */}
<footer className="footer-style-two">
<div className="auto-container">
{/* Widgets Section */}
<div className="widgets-section">
<div className="row clearfix">
{/* Big Column */}
<div className="big-column col-lg-6 col-md-12 col-sm-12">
<div className="row clearfix">
{/*Footer Column*/}
<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>
</div>
<div className="text">Bold street food made fresh. Wings, wraps, dosas & more - all packed with flavor and attitude.</div>
</div>
</div>
<div className="text">Proin gravida nibh vel velit <br/> Lorem Ipsum. Duis sed proin <br/> gravida nibh.</div>
</div>
</div>
{/*Footer Column*/}
<div className="footer-column col-lg-6 col-md-6 col-sm-12">
<div className="footer-widget contact-widget">
<h6>Useful Links</h6>
<ul className="contact-list">
<li><Link href="mailto:www.yourwebsite.com">Your mail @ gmail.com</Link></li>
<li><Link href="mailto:www.yourwebsite.com">Your mail @ gmail.com</Link></li>
<li><Link href="tel:+123-4567-89000">(123) 4567 89000</Link></li>
</ul>
</div>
</div>
</div>
</div>
{/* Big Column */}
<div className="big-column col-lg-6 col-md-12 col-sm-12">
<div className="row clearfix">
{/*Footer Column*/}
<div className="footer-column col-lg-6 col-md-6 col-sm-12">
<div className="footer-widget visit-widget">
<h6>Visit</h6>
<div className="text">6Fifth Avenue 5501, Broadway, <br/> New York Morris Street <br/> London 1234</div>
</div>
</div>
{/*Footer Column*/}
<div className="footer-column col-lg-6 col-md-6 col-sm-12">
<div className="footer-widget social-widget">
<h6>Follow Us Now</h6>
<ul className="social-list">
<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-instagram"></span>instagram</Link></li>
<li><Link href="#"><span className="icon fa fa-dribbble"></span>dribbble</Link></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="footer-bottom">
<div className="auto-container">
<div className="copyright">&copy; 2024 <Link href="/">foodily</Link> All Rights Reserved.</div>
</div>
</div>
</footer>
</>
)
{/*Footer Column*/}
<div className="footer-column col-lg-6 col-md-6 col-sm-12">
<div className="footer-widget contact-widget">
<h6>Useful Links</h6>
<ul className="contact-list">
<li><Link href="#about">About</Link></li>
<li><Link href="#popular-dishes">Popular Dishes</Link></li>
<li><Link href="#sixty5-street-specials">Sixty5 Street Specials</Link></li>
<li><Link href="#menu">Menu</Link></li>
{/* <li><Link href="tel:+289-498-6565">289-498-6565</Link></li> */}
</ul>
</div>
</div>
</div>
</div>
{/* Big Column */}
<div className="big-column col-lg-6 col-md-12 col-sm-12">
<div className="row clearfix">
{/*Footer Column*/}
<div className="footer-column col-lg-6 col-md-6 col-sm-12">
<div className="footer-widget visit-widget">
<h6>Visit</h6>
<ul className="contact-list">
<li><Link href="tel:+289-498-6565" style={{ color: 'white' }}>289-498-6565</Link></li>
</ul>
<div className="text">6Fifth Avenue 5501, Broadway, <br /> New York Morris Street <br /> London 1234</div>
</div>
</div>
{/*Footer Column*/}
<div className="footer-column col-lg-6 col-md-6 col-sm-12">
<div className="footer-widget social-widget">
<h6>Follow Us Now</h6>
<ul className="social-list">
<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-instagram"></span>instagram</Link></li>
<li><Link href="#"><span className="icon fa fa-dribbble"></span>dribbble</Link></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="footer-bottom">
<div className="auto-container">
<div className="copyright">
Copyright {new Date().getFullYear()} © Foodily. Powered by{" "}
<a
href="https://metatroncubesolutions.com/"
target="_blank"
rel="noopener noreferrer"
>
MetatronCube
</a>. All Rights Reserved.
</div>
</div>
</div>
</footer>
</>
)
}

View File

@ -16,7 +16,7 @@ export default function Header3({ scroll, handlePopup, handleMobileMenu, handleS
<div className="auto-container clearfix">
<div className="pull-left logo-box">
<div className="logo"><Link href="/"><img src="assets/images/logo-2.png" alt="" title=""/></Link></div>
<div className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" title=""/></Link></div>
</div>
<div className="pull-right">

View File

@ -22,7 +22,7 @@ export default function Header4({ scroll, handleSidebar, handleMobileMenu }) {
<div className="clearfix">
<div className="pull-left logo-box">
<div className="logo"><Link href="/"><img src="assets/images/logo-2.png" alt="" title=""/></Link></div>
<div className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" title=""/></Link></div>
</div>
<div className="nav-outer clearfix">

View File

@ -13,7 +13,7 @@ export default function Header5({ scroll, handlePopup, handleMobileMenu, handleS
<div className="auto-container clearfix">
<div className="pull-left logo-box">
<div className="logo"><Link href="/"><img src="assets/images/logo-2.png" alt="" title=""/></Link></div>
<div className="logo"><Link href="/"><img src="/assets/images/logo.png" alt="" title=""/></Link></div>
</div>
<div className="nav-outer clearfix">

View File

@ -34,125 +34,127 @@ export default function Banner() {
return (
<>
{/* Banner Section */}
<section className="banner-section">
<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-two" style={{ backgroundImage: 'url(assets/images/main-slider/icon-2.png)' }} ></div>
<div className="auto-container">
<div className="row clearfix">
{/* Content Column */}
<div className="content-column col-lg-6 col-md-12 col-sm-12">
<div className="inner-column">
<h1><span className="first-letter">Heathly</span><span className="second-letter">Smoothie</span></h1>
<div className="text">Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div>
<div className="btns-box">
<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="" />
</div>
</div>
</div>
{/* 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="image">
<img src="assets/images/main-slider/content-image-1.png" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</SwiperSlide>
{/* Banner Section */}
<section className="banner-section">
<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-two" style={{ backgroundImage: 'url(assets/images/main-slider/icon-6.png)' }} ></div>
<div className="auto-container">
<div className="row clearfix">
{/* Content Column */}
<div className="content-column col-lg-6 col-md-12 col-sm-12">
<div className="inner-column">
<h1><span className="first-letter">Heathly</span><span className="second-letter">Smoothie</span></h1>
<div className="text">Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div>
<div className="btns-box">
<Link href="menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Buy Now</Link>
{/* Slide */}
<SwiperSlide>
<div className="slide">
<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/banner/right-element-1.webp)' }} ></div>
<div className="auto-container">
<div className="row clearfix">
{/* Content Column */}
<div className="content-column col-lg-6 col-md-12 col-sm-12">
<div className="inner-column">
<h1><span className="first-letter">Sip. Savor. </span><span className="second-letter">Smile.</span></h1>
<div className="text">Welcome to Sixty5Street your go-to for bold, crave-worthy street food. From fiery wings to dosas and milkshakes, we serve fresh, fast flavor with attitude.</div>
<div className="btns-box">
<Link href="#menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>View Menu</Link>
</div>
<div className="icons-box">
<img src="/assets/images/main-slider/icons.png" alt="" />
</div>
</div>
</div>
<div className="icons-box">
<img src="assets/images/main-slider/icons.png" alt="" />
{/* 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="image">
<img src="/assets/images/banner/banner-1.webp" alt="" />
</div>
</div>
</div>
</div>
</div>
{/* 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="image">
<img src="assets/images/main-slider/content-image-2.png" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</SwiperSlide>
{/* 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-two" style={{ backgroundImage: 'url(assets/images/main-slider/icon-7.png)' }} ></div>
<div className="auto-container">
<div className="row clearfix">
{/* Content Column */}
<div className="content-column col-lg-6 col-md-12 col-sm-12">
<div className="inner-column">
<h1><span className="first-letter">Heathly</span><span className="second-letter">Smoothie</span></h1>
<div className="text">Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div>
<div className="btns-box">
<Link href="menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Buy Now</Link>
</SwiperSlide>
{/* Slide */}
<SwiperSlide>
<div className="slide">
<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/banner/right-element-2.webp)' }} ></div>
<div className="auto-container">
<div className="row clearfix">
{/* Content Column */}
<div className="content-column col-lg-6 col-md-12 col-sm-12">
<div className="inner-column">
<h1><span className="first-letter">Big Street </span><span className="second-letter">Taste</span></h1>
<div className="text">Subtext:
Sink your teeth into juicy wings and loaded combos that bring the heat. Pick your style - BBQ, Buffalo, Garlic Parm, Hot Honey and level up your meal with fries and a pop.
</div>
<div className="btns-box">
<Link href="#menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>View Menu</Link>
</div>
<div className="icons-box">
<img src="/assets/images/main-slider/icons.png" alt="" />
</div>
</div>
</div>
<div className="icons-box">
<img src="assets/images/main-slider/icons.png" alt="" />
{/* 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="image">
<img src="/assets/images/banner/banner-2.webp" alt="" />
</div>
</div>
</div>
</div>
</div>
{/* 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="image">
<img src="assets/images/main-slider/content-image-3.png" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</SwiperSlide>
</Swiper>
</section>
{/* End Banner Section */}
</SwiperSlide>
{/* Slide */}
<SwiperSlide>
<div className="slide style-two">
<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/banner/right-element-3.webp)' }} ></div>
<div className="auto-container">
<div className="row clearfix">
{/* Content Column */}
<div className="content-column col-lg-6 col-md-12 col-sm-12">
<div className="inner-column">
<h1><span className="first-letter">Dosas to </span><span className="second-letter">Drinks</span></h1>
<div className="text"> Pair your favorite street bites with crispy snacks and creamy milkshakes. Whether its a cheesy dosa, spicy kothu, or a chilled Badham Royal shake, the street never tasted so good.</div>
<div className="btns-box">
<Link href="#menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>View Menu</Link>
</div>
<div className="icons-box">
<img src="/assets/images/main-slider/icons.png" alt="" />
</div>
</div>
</div>
{/* 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="image">
<img src="/assets/images/banner/banner-3.webp" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</SwiperSlide>
</Swiper>
</section>
{/* End Banner Section */}
</>
)
}

View File

@ -1,46 +1,49 @@
'use client'
import Link from "next/link"
export default function Juice() {
return (
<>
{/* Juice Section */}
<section className="juice-section">
<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>
<div className="auto-container">
<div className="row clearfix">
{/* Image Column */}
<div className="image-column col-lg-7 col-md-12 col-sm-12">
<div className="inner-column">
<div className="image">
<img src="assets/images/resource/juice.png" alt=""/>
{/* 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>
<div className="auto-container">
<div className="row clearfix">
{/* Image Column */}
<div className="image-column col-lg-7 col-md-12 col-sm-12">
<div className="inner-column">
<div className="image">
<img src="assets/images/resource/juice.png" alt="" />
</div>
</div>
</div>
</div>
{/* Content Column */}
<div className="content-column col-lg-5 col-md-12 col-sm-12">
<div className="inner-column">
{/* Sec Title */}
<div className="sec-title">
<div className="title">Drink for Health</div>
<h2>Fresh Fruit <span className="theme_color">Juices</span></h2>
<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>
{/* Content Column */}
<div className="content-column col-lg-5 col-md-12 col-sm-12">
<div className="inner-column">
{/* Sec Title */}
<div className="sec-title">
<div className="title">Discover the Flavorh</div>
<h2>Crave-Worthy <span className="theme_color">Street Food.</span></h2>
<div className="separate"></div>
<div className="text"> At Sixty5Street, we bring the hustle and flavor of real street food to your plate - no shortcuts, just seriously satisfying eats. Our menu is stacked with bold bites like Chicken 65, saucy wings, sizzling shawarmas, and crispy dosas - all made fresh and bursting with flavor.</div>
<div className="text">
Whether you're grabbing lunch, chilling with friends, or fueling a late-night craving, we've got something hot, hearty, and delicious waiting for you.
</div>
</div>
<Link href="#menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>View Menu</Link>
</div>
<Link href="menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>Buy Now</Link>
</div>
</div>
</div>
</div>
</section>
{/* End Juice Section */}
</section>
{/* End Juice Section */}
</>
)
}

View File

@ -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] || [];
@ -21,8 +21,8 @@ export default function Menus() {
></div> */}
<div className="auto-container">
{/* Section Title */}
<div className="sec-title centered">
<div className="title">Softly & Crunchy</div>
<div className="sec-title mb-3 centered">
<div className="title">Our Menu</div>
<h2>Menus</h2>
<div className="separate"></div>
</div>

View File

@ -5,134 +5,149 @@ export default function Specials() {
<>
{/* Specials Section */}
<section className="specials-section" id="specials">
<div className="icon-layer-one" style={{ backgroundImage: 'url(assets/images/resource/special-icon-1.png)' }} ></div>
<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>
<div className="icon-layer-four" style={{ backgroundImage: 'url(assets/images/resource/special-icon-4.png)' }} ></div>
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/resource/special-icon-3.png)' }} ></div> */}
{/* <div className="icon-layer-four" style={{ backgroundImage: 'url(assets/images/resource/special-icon-4.png)' }} ></div> */}
<div className="auto-container">
{/* Sec Title */}
<div className="sec-title centered">
<div className="title">Our most valuable asset</div>
<h2>Todays Specials</h2>
<h2>Sixty5 Street Specials</h2>
<div className="separate"></div>
</div>
<div className="row clearfix">
{/* Special Block */}
<div className="special-block col-lg-4 col-md-6 col-sm-12">
{/* 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="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div className="image">
<Link href="milkshake"><img src="assets/images/resource/special-1.jpg" alt="" /></Link>
<Link href="#"><img src="/assets/images/home/special/chicken65-dry.webp" alt="" /></Link>
</div>
<div className="lower-content">
<div className="clearfix">
<div className="pull-left">
<h4><Link href="milkshake">Fried Potatoes</Link></h4>
<h6><Link href="#">Chicken 65 dry</Link></h6>
</div>
<div className="pull-right">
<div className="price">$15</div>
<div className="price">$8.99</div>
</div>
</div>
</div>
</div>
</div>
{/* Special Block */}
<div className="special-block col-lg-4 col-md-6 col-sm-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="image">
<Link href="milkshake"><img src="assets/images/resource/special-2.jpg" alt="" /></Link>
<Link href="#"><img src="/assets/images/home/special/chicken65-wet.webp" alt="" /></Link>
</div>
<div className="lower-content">
<div className="clearfix">
<div className="pull-left">
<h4><Link href="milkshake">shawarma</Link></h4>
<h6><Link href="#">Chicken 65 wet</Link></h6>
</div>
<div className="pull-right">
<div className="price">$15</div>
<div className="price">$9.99</div>
</div>
</div>
</div>
</div>
</div>
{/* Special Block */}
<div className="special-block col-lg-4 col-md-6 col-sm-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="image">
<Link href="milkshake"><img src="assets/images/resource/special-3.jpg" alt="" /></Link>
<Link href="#"><img src="/assets/images/home/special/chicken65-biryani.webp" alt="" /></Link>
</div>
<div className="lower-content">
<div className="clearfix">
<div className="pull-left">
<h4><Link href="milkshake">pizza</Link></h4>
<h6><Link href="#">65 Biryani Bowl</Link></h6>
</div>
<div className="pull-right">
<div className="price">$15</div>
<div className="price">$14.99</div>
</div>
</div>
</div>
</div>
</div>
{/* Special Block */}
<div className="special-block 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="image">
<Link href="milkshake"><img src="assets/images/resource/special-4.jpg" alt="" /></Link>
</div>
<div className="lower-content">
<div className="clearfix">
<div className="pull-left">
<h4><Link href="milkshake">burger</Link></h4>
</div>
<div className="pull-right">
<div className="price">$15</div>
</div>
</div>
</div>
</div>
</div>
{/* Special Block */}
<div className="special-block 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="image">
<Link href="milkshake"><img src="assets/images/resource/special-5.jpg" alt="" /></Link>
</div>
<div className="lower-content">
<div className="clearfix">
<div className="pull-left">
<h4><Link href="milkshake">club sandwiches</Link></h4>
</div>
<div className="pull-right">
<div className="price">$15</div>
</div>
</div>
</div>
</div>
</div>
{/* Special Block */}
<div className="special-block col-lg-4 col-md-6 col-sm-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="image">
<Link href="milkshake"><img src="assets/images/resource/special-6.jpg" alt="" /></Link>
<Link href="#"><img src="/assets/images/home/special/mutton-kothu.webp" alt="" /></Link>
</div>
<div className="lower-content">
<div className="clearfix">
<div className="pull-left">
<h4><Link href="milkshake">spicy chicken</Link></h4>
<h6><Link href="#">Mutton Kothu</Link></h6>
</div>
<div className="pull-right">
<div className="price">$15</div>
<div className="price">$17.99</div>
</div>
</div>
</div>
</div>
</div>
{/* Second Row - 3 cards (will automatically adjust to 2 on md, 1 on sm) */}
{/* 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="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
<div className="image">
<Link href="#"><img src="/assets/images/home/special/mutton-kothu.webp" alt="" /></Link>
</div>
<div className="lower-content">
<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 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="image">
<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 className="pull-right">
<div className="price">$14.99</div>
</div>
</div>
</div>
</div>
</div>
<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="image">
<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 className="pull-right">
<div className="price">$17.99</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

View File

@ -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>
</div>
<ul className="book-list">
<li><img src="assets/images/resource/book-list-1.png" alt="" /></li>
<li><img src="assets/images/resource/book-list-2.png" alt="" /></li>
<li><img src="assets/images/resource/book-list-3.png" alt="" /></li>
{/* Image List */}
<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>Get In Now</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)' }} >
<figure className="image-box"><img src="assets/images/resource/image-2.jpg" alt=""/></figure>
<div className="image-column" style={{ backgroundImage: `url(${selectedImage})` }}>
<figure className="image-box">
<img src={selectedImage} alt="Selected Book" />
</figure>
</div>
</div>
</section>
{/* End Fluid Section Two */}
</>
)
);
}

View File

@ -6,12 +6,12 @@ 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">
<div className="title">News & Recipe</div>
<h2>Popular Recipes</h2>
<h2>Popular Dishes</h2>
<div className="separate"></div>
</div>
<div className="row clearfix">
@ -20,17 +20,17 @@ export default function Recipe() {
<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="image">
<img src="assets/images/resource/recipe-5.jpg" alt="" />
<img src="/assets/images/home/popular/loaded-fries.webp" alt="" />
{/* Overlay Box */}
<div className="overlay-box">
{/* <div className="overlay-box">
<div className="overlay-inner">
<div className="content">
<Link href="assets/images/resource/recipe-5.jpg" 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 className="lower-content">
{/* <div className="lower-content">
<div className="category">smoothie</div>
<h6><Link href="news-detail">Broad bean and goats cheese bruschetta</Link></h6>
<ul className="post-info">
@ -38,7 +38,7 @@ export default function Recipe() {
<li>2 Comments</li>
<li><Link href="news-detail">Share</Link></li>
</ul>
</div>
</div> */}
</div>
</div>
@ -46,17 +46,17 @@ export default function Recipe() {
<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="image">
<img src="assets/images/resource/recipe-6.jpg" alt="" />
<img src="/assets/images/home/popular/hot-wings.webp" alt="" />
{/* Overlay Box */}
<div className="overlay-box">
{/* <div className="overlay-box">
<div className="overlay-inner">
<div className="content">
<Link href="assets/images/resource/recipe-6.jpg" 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 className="lower-content">
{/* <div className="lower-content">
<div className="category">smoothie</div>
<h6><Link href="news-detail">Broad bean and goats cheese bruschetta</Link></h6>
<ul className="post-info">
@ -64,7 +64,7 @@ export default function Recipe() {
<li>2 Comments</li>
<li><Link href="news-detail">Share</Link></li>
</ul>
</div>
</div> */}
</div>
</div>
@ -72,17 +72,17 @@ export default function Recipe() {
<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="image">
<img src="assets/images/resource/recipe-7.jpg" alt="" />
<img src="/assets/images/home/popular/honey-garlic-chicken.webp" alt="" />
{/* Overlay Box */}
<div className="overlay-box">
{/* <div className="overlay-box">
<div className="overlay-inner">
<div className="content">
<Link href="assets/images/resource/recipe-7.jpg" 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 className="lower-content">
{/* <div className="lower-content">
<div className="category">smoothie</div>
<h6><Link href="news-detail">Broad bean and goats cheese bruschetta</Link></h6>
<ul className="post-info">
@ -90,7 +90,7 @@ export default function Recipe() {
<li>2 Comments</li>
<li><Link href="news-detail">Share</Link></li>
</ul>
</div>
</div> */}
</div>
</div>

View File

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

View File

@ -100,7 +100,7 @@ body {
a{
text-decoration:none;
cursor:pointer;
color:#de9190;
color:#cf2d1f ;
}
button,
@ -229,7 +229,7 @@ img{
right:15px;
width:40px;
height:40px;
color:#de9190;
color:#cf2d1f ;
font-size:13px;
text-transform:uppercase;
line-height:38px;
@ -249,7 +249,7 @@ img{
.scroll-to-top:hover{
color:#ffffff;
background:#de9190;
background:#cf2d1f ;
}
/* List Style One */
@ -272,7 +272,7 @@ img{
position:absolute;
left:0px;
top:5px;
color:#de9190;
color:#cf2d1f ;
font-size:18px;
line-height:1em;
font-weight:300;
@ -327,7 +327,7 @@ img{
overflow:hidden;
overflow: hidden;
border-radius: 50px;
background-color:#de9190;
background-color:#cf2d1f ;
padding:7px 35px 6px 7px;
text-transform: capitalize;
font-family: var(--poppins);
@ -352,7 +352,7 @@ img{
.btn-style-one:hover{
color: #ffffff;
background-color:#91ad41;
background-color:#ed7129;
}
/* Btn Style Two */
@ -366,7 +366,7 @@ img{
overflow:hidden;
overflow: hidden;
border-radius: 50px;
border:1px solid #de9190;
border:1px solid #cf2d1f ;
padding:7px 35px 5px 7px;
text-transform: capitalize;
font-family: var(--poppins);
@ -386,16 +386,16 @@ img{
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
background:#de9190 url(../images/icons/btn-icon-1.png) no-repeat;
background:#cf2d1f url(../images/icons/btn-icon-1.png) no-repeat;
}
.btn-style-two:hover .icon{
background-color:#111111;
background-color:#1d1d1b ;
}
.btn-style-two:hover{
color: #ffffff;
background-color:#de9190;
background-color:#cf2d1f ;
}
/* Btn Style Three */
@ -404,7 +404,7 @@ img{
display: inline-block;
font-size: 16px;
line-height: 50px;
color: #de9190;
color: #cf2d1f ;
padding: 11px 30px;
font-weight: 500;
overflow:hidden;
@ -430,16 +430,16 @@ img{
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
background:#de9190 url(../images/icons/btn-icon-1.png) no-repeat;
background:#cf2d1f url(../images/icons/btn-icon-1.png) no-repeat;
}
.btn-style-three:hover .icon{
background-color:#111111;
background-color:#1d1d1b ;
}
.btn-style-three:hover{
color: #ffffff;
background-color:#de9190;
background-color:#cf2d1f ;
}
/* Btn Style Four */
@ -479,12 +479,12 @@ img{
}
.btn-style-four:hover .icon{
background-color:#111111;
background-color:#1d1d1b ;
}
.btn-style-four:hover{
color: #ffffff;
background-color:#de9190;
background-color:#cf2d1f ;
}
/* Social Icon One */
@ -530,11 +530,11 @@ img{
}
.social-icon-one li a:hover{
color: #de9190;
color: #cf2d1f ;
}
.theme_color{
color:#de9190;
color:#cf2d1f ;
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); background-size:100px; }
@ -619,7 +619,7 @@ img{
.sec-title-two .title{
position:relative;
color:#de9190;
color:#cf2d1f ;
font-size:18px;
font-weight:400;
letter-spacing:2px;

File diff suppressed because it is too large Load Diff

View File

@ -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{

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View File

@ -8,5 +8,5 @@
</clipPath>
</defs>
<path fill="none" stroke="#27272f" stroke-width="2.7928" d="M82 63H18c-7.2 0-13-5.8-13-13v0c0-7.2 5.8-13 13-13h64c7.2 0 13 5.8 13 13v0C95 57.2 89.2 63 82 63z"></path>
<path fill="#de9190" clip-path="url(#ldio-8283jqv1o3w-cp)" d="M81.3 58.7H18.7c-4.8 0-8.7-3.9-8.7-8.7v0c0-4.8 3.9-8.7 8.7-8.7h62.7c4.8 0 8.7 3.9 8.7 8.7v0C90 54.8 86.1 58.7 81.3 58.7z"></path>
<path fill="#cf2d1f " clip-path="url(#ldio-8283jqv1o3w-cp)" d="M81.3 58.7H18.7c-4.8 0-8.7-3.9-8.7-8.7v0c0-4.8 3.9-8.7 8.7-8.7h62.7c4.8 0 8.7 3.9 8.7 8.7v0C90 54.8 86.1 58.7 81.3 58.7z"></path>
</svg>

Before

Width:  |  Height:  |  Size: 978 B

After

Width:  |  Height:  |  Size: 979 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 351 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 351 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 373 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -1,28 +1,111 @@
export const menuData = {
Wings: [
{ name: 'Honey Garlic Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Reg', price: 9.99 },
{ name: 'Buffalo Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Reg', price: 9.99 },
{ name: 'BBQ (Barbecue) Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Reg', price: 9.99 },
{ name: 'Garlic Parmesan Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Reg', price: 9.99 },
{ name: 'Hot Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Reg', price: 9.99 },
{ name: 'Hot Honey Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Reg', price: 9.99 },
{ name: 'Honey Garlic Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Large', price: 12.99 },
{ name: 'Buffalo Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Large', price: 12.99 },
{ name: 'BBQ (Barbecue) Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Large', price: 12.99 },
{ name: 'Garlic Parmesan Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Large', price: 12.99 },
{ name: 'Hot Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Large', price: 12.99 },
{ name: 'Hot Honey Wings', img: 'assets/images/resource/menu-3.jpg', desc: 'Large', price: 12.99 },
{ name: 'Honey Garlic Wings', img: '/assets/images/menu/wing/honey-garlic-chicken.webp', desc: 'Reg', price: 9.99 },
{ name: 'Buffalo Wings', img: '/assets/images/menu/wing/buffalo-chicken.webp', desc: 'Reg', price: 9.99 },
{ name: 'BBQ (Barbecue) Wings', img: '/assets/images/menu/wing/bbq.webp', desc: 'Reg', price: 9.99 },
{ name: 'Garlic Parmesan Wings', img: '/assets/images/menu/wing/garlic-parmesan-wings.webp', desc: 'Reg', price: 9.99 },
{ name: 'Hot Wings', img: '/assets/images/menu/wing/hot-wings.webp', desc: 'Reg', price: 9.99 },
{ name: 'Hot Honey Wings', img: '/assets/images/menu/wing/hot-honey-wings.webp', desc: 'Reg', price: 9.99 },
{ name: 'Honey Garlic Wings', img: '/assets/images/menu/wing/honey-garlic-chicken.webp', desc: 'Large', price: 12.99 },
{ name: 'Buffalo Wings', img: '/assets/images/menu/wing/buffalo-chicken.webp', desc: 'Large', price: 12.99 },
{ name: 'BBQ (Barbecue) Wings', img: '/assets/images/menu/wing/bbq.webp', desc: 'Large', price: 12.99 },
{ name: 'Garlic Parmesan Wings', img: '/assets/images/menu/wing/garlic-parmesan-wings.webp', desc: 'Large', price: 12.99 },
{ name: 'Hot Wings', img: '/assets/images/menu/wing/hot-wings.webp', desc: 'Large', price: 12.99 },
{ name: 'Hot Honey Wings', img: '/assets/images/menu/wing/hot-honey-wings.webp', desc: 'Large', price: 12.99 },
],
Burgers: [
{ name: 'Grilled Toast Burger', img: 'assets/images/resource/menu-1.jpg', desc: 'Crispy black garlic', price: 15 },
Combos: [
{ name: 'Spicy 65 Combo', img: '/assets/images/menu/combo/spicy-65.webp', desc: 'Chicken 65 dry, Loaded Fries, 1 Pop', price: 19.99 },
{ name: 'Saucy 65 Combo', img: '/assets/images/menu/combo/saucy-65.webp', desc: 'Chicken 65 wet, Classic Fries, 1 Pop', price: 19.99 },
{ name: 'Veggie Wrap Combo', img: '/assets/images/menu/combo/veggie-wrap.webp', desc: 'Falafel Wrap, Classic Fries, 1 Pop', price: 17.99 },
{ name: 'Shawarma Classic Combo', img: '/assets/images/menu/combo/shawarma-classic.webp', desc: 'Chicken Shawarma Wrap, Classic Fries, 1 Pop', price: 19.99 },
{ name: 'Kothu Crave Combo', img: '/assets/images/menu/combo/kothu-crave.webp', desc: 'Chicken Kothu, Loaded Fries, 1 Pop', price: 19.99 },
{ name: 'Golden Bites Combo', img: '/assets/images/menu/combo/golden-bites.webp', desc: 'Chicken Nuggets, Classic Fries, Vanilla Caramel Dream', price: 18.99 },
],
Pizza: [
{ name: 'Pizza', img: 'assets/images/resource/menu-5.jpg', desc: 'Crispy black garlic', price: 15 },
Milkshakes: [
{ name: 'Tropical Mango Splash', img: '/assets/images/menu/milk-shakes/mango-splash.webp', desc: '', price: 4.99 },
{ name: 'Vanilla Caramel Dream', img: '/assets/images/menu/milk-shakes/vanilla-caramel.webp', desc: '', price: 4.99 },
{ name: 'Berry Love', img: '/assets/images/menu/milk-shakes/berry-love.webp', desc: '', price: 4.99 },
{ name: 'Choco Bliss Shake', img: '/assets/images/menu/milk-shakes/choco-bliss.webp', desc: '', price: 4.99 },
{ name: 'Rosy Glow', img: '/assets/images/menu/milk-shakes/rosy-glow.webp', desc: '', price: 4.99 },
{ name: 'Badham Royal', img: '/assets/images/menu/milk-shakes/badham-royal.webp', desc: '', price: 4.99 },
],
Drinks: [
{ name: 'Coca Cola', img: 'assets/images/resource/menu-2.jpg', desc: 'Carbonated Drinks', price: 15 },
{ name: 'Papsi', img: 'assets/images/resource/menu-4.jpg', desc: 'Carbonated Drinks', price: 15 },
{ name: 'Mirinda', img: 'assets/images/resource/menu-6.jpg', desc: 'Carbonated Drinks', price: 15 },
{ name: 'Fanta', img: 'assets/images/resource/menu-8.jpg', desc: 'Carbonated Drinks', price: 15 },
Poutine: [
{ name: 'Classic Poutine', img: '/assets/images/menu/poutine/classic-poutine.webp', desc: 'Reg', price: 6.99 },
{ name: 'Chicken 65 Poutine', img: '/assets/images/menu/poutine/chicken65.webp', desc: 'Reg', price: 9.99 },
{ name: 'Chicken Shawarma Poutine', img: '/assets/images/menu/poutine/chicken-shawarma.webp', desc: 'Reg', price: 9.99 },
{ name: 'Mutton Madness', img: '/assets/images/menu/poutine/mutton-madness.webp', desc: 'Reg', price: 12.99 },
{ name: 'Classic Poutine', img: '/assets/images/menu/poutine/classic-poutine.webp', desc: 'Large', price: 8.99 },
{ name: 'Chicken 65 Poutine', img: '/assets/images/menu/poutine/chicken65.webp', desc: 'Large', price: 14.99 },
{ name: 'Chicken Shawarma Poutine', img: '/assets/images/menu/poutine/chicken-shawarma.webp', desc: 'Large', price: 14.99 },
{ name: 'Mutton Madness', img: '/assets/images/menu/poutine/mutton-madness.webp', desc: 'Large', price: 17.99 },
],
Salads: [
{ name: 'Garden Salad', img: '/assets/images/menu/salads/garden-salad.webp', desc: 'Reg', price: 6.99 },
{ name: 'Chicken Shawarma Salad', img: '/assets/images/menu/salads/chiken-shawarma-salad.webp', desc: 'Reg', price: 9.99 },
{ name: 'Chicken 65 Salad', img: '/assets/images/menu/salads/chiken-65-salad.webp', desc: 'Reg', price: 9.99 },
{ name: 'Mutton Medley', img: '/assets/images/menu/salads/mutton-medley.webp', desc: 'Reg', price: 12.99 },
{ name: 'Garden Salad', img: '/assets/images/menu/salads/garden-salad.webp', desc: 'Large', price: 8.99 },
{ name: 'Chicken Shawarma Salad', img: '/assets/images/menu/salads/chiken-shawarma-salad.webp', desc: 'Large', price: 14.99 },
{ name: 'Chicken 65 Salad', img: '/assets/images/menu/salads/chiken-65-salad.webp', desc: 'Large', price: 14.99 },
{ name: 'Mutton Medley', img: '/assets/images/menu/salads/mutton-medley.webp', desc: 'Large', price: 17.99 },
],
ShawarmaWraps: [
{ name: 'Chicken Shawarma Wrap', img: '/assets/images/menu/shawarma/chicken-shawarma.webp', desc: 'Reg', price: 9.99 },
{ name: 'Chicken 65 Shawarma Wrap', img: '/assets/images/menu/shawarma/chicken65-shawarma.webp', desc: 'Reg', price: 9.99 },
{ name: 'Paneer Bhurji Shawarma Wrap', img: '/assets/images/menu/shawarma/paneer-shawarma.webp', desc: 'Reg', price: 9.99 },
{ name: 'Falafal Shawarma Wrap', img: '/assets/images/menu/shawarma/falafal-shawarma.webp', desc: 'Reg', price: 7.99 },
{ name: 'Mutton Shawarma Wrap', img: '/assets/images/menu/shawarma/mutton-shawarma.webp', desc: 'Reg', price: 12.99 },
{ name: 'Chicken Shawarma Wrap', img: '/assets/images/menu/shawarma/chicken-shawarma.webp', desc: 'Large', price: 14.99 },
{ name: 'Chicken 65 Shawarma Wrap', img: '/assets/images/menu/shawarma/chicken65-shawarma.webp', desc: 'Large', price: 14.99 },
{ name: 'Paneer Bhurji Shawarma Wrap', img: '/assets/images/menu/shawarma/paneer-shawarma.webp', desc: 'Large', price: 14.99 },
{ name: 'Falafal Shawarma Wrap', img: '/assets/images/menu/shawarma/falafal-shawarma.webp', desc: 'Large', price: 11.99 },
{ name: 'Mutton Shawarma Wrap', img: '/assets/images/menu/shawarma/mutton-shawarma.webp', desc: 'Large', price: 17.99 },
],
OnTheStones: [
{ name: 'Chicken on the stones', img: '/assets/images/resource/menu-3.jpg', desc: 'Reg', price: 9.99 },
{ name: 'Chicken 65 on the stones', img: '/assets/images/resource/menu-3.jpg', desc: 'Reg', price: 9.99 },
{ name: 'Falafal on the stones', img: '/assets/images/resource/menu-3.jpg', desc: 'Reg', price: 7.99 },
{ name: 'Mutton on the stones', img: '/assets/images/resource/menu-3.jpg', desc: 'Reg', price: 12.99 },
{ name: 'Chicken on the stones', img: '/assets/images/resource/menu-3.jpg', desc: 'Large', price: 14.99 },
{ name: 'Chicken 65 on the stones', img: '/assets/images/resource/menu-3.jpg', desc: 'Large', price: 14.99 },
{ name: 'Falafal on the stones', img: '/assets/images/resource/menu-3.jpg', desc: 'Large', price: 11.99 },
{ name: 'Mutton on the stones', img: '/assets/images/resource/menu-3.jpg', desc: 'Large', price: 17.99 },
],
OnTheFries: [
{ name: 'Loaded Fries', img: '/assets/images/menu/fries/loaded-fries.webp', desc: 'Reg', price: 7.99 },
{ name: 'Chicken Nuggets on the Fries', img: '/assets/images/menu/fries/chicken-nuggets.webp', desc: 'Reg', price: 6.99 },
{ name: 'Chicken Shawarma on the Fries', img: '/assets/images/menu/fries/chicken-shawarma.webp', desc: 'Reg', price: 9.99 },
{ name: 'Chicken 65 on the Fries', img: '/assets/images/menu/fries/chicken65.webp', desc: 'Reg', price: 9.99 },
{ name: 'Mutton on the Fries', img: '/assets/images/menu/fries/mutton.webp', desc: 'Reg', price: 12.99 },
{ name: 'Loaded Fries', img: '/assets/images/menu/fries/loaded-fries.webp', desc: 'Large', price: 9.99 },
{ name: 'Chicken Nuggets on the Fries', img: '/assets/images/menu/fries/chicken-nuggets.webp', desc: 'Large', price: 8.99 },
{ name: 'Chicken Shawarma on the Fries', img: '/assets/images/menu/fries/chicken-shawarma.webp', desc: 'Large', price: 14.99 },
{ name: 'Chicken 65 on the Fries', img: '/assets/images/menu/fries/chicken65.webp', desc: 'Large', price: 14.99 },
{ name: 'Mutton on the Fries', img: '/assets/images/menu/fries/mutton.webp', desc: 'Large', price: 17.99 },
],
Dosas: [
{ name: 'Plain Dosa', img: '/assets/images/menu/dosa/plain-dosa.webp', desc: '', price: 7.99 },
{ name: 'Masala Dosa', img: '/assets/images/menu/dosa/masala-dosa.webp', desc: '', price: 9.99 },
{ name: 'Ghee Dosa', img: '/assets/images/menu/dosa/ghee dosa.webp', desc: '', price: 8.99 },
{ name: 'Onion Dosa', img: '/assets/images/menu/dosa/onion-dosa.webp', desc: '', price: 8.99 },
{ name: 'Ghee Masala Dosa', img: '/assets/images/menu/dosa/ghee-masala-dosa.webp', desc: '', price: 10.99 },
{ name: 'Mysore Masala Dosa', img: '/assets/images/menu/dosa/mysore-masala-dosa.webp', desc: '', price: 10.99 },
{ name: 'Ghee Mysore Masala Dosa', img: '/assets/images/menu/dosa/ghee-mysore-masala-dosa.webp', desc: '', price: 12.99 },
{ name: 'Cheese Dosa', img: '/assets/images/menu/dosa/cheese.webp', desc: '', price: 12.99 },
{ name: 'Podi Dosa', img: '/assets/images/menu/dosa/podi-dosa.webp', desc: '', price: 12.99 },
{ name: 'Podi Masala Dosa', img: '/assets/images/menu/dosa/podi-masala-dosa.webp', desc: '', price: 12.99 },
{ name: 'Egg Dosa', img: '/assets/images/menu/dosa/egg-dosa.webp', desc: '', price: 12.99 },
{ name: 'Kal Dosa', img: '/assets/images/menu/dosa/kal-dosa.webp', desc: '', price: 12.99 },
],
Sides: [
{ name: 'Medhu Vada (2 Pcs)', img: '/assets/images/menu/sides/medhu-vada.webp', desc: '', price: 6.99 },
{ name: 'Classic Aaloo Samosa (2 Pcs)', img: '/assets/images/menu/sides/aaloo-samosa.webp', desc: '', price: 2.49 },
{ name: 'Chicken Samosa (4 Pcs)', img: '/assets/images/menu/sides/chicken-samosa.webp', desc: '', price: 7.99 },
{ name: 'Veg Spring rolls (4 Pcs)', img: '/assets/images/menu/sides/veg-spring-roll.webp', desc: '', price: 6.49 },
{ name: 'Chicken Spring rolls (4 Pcs)', img: '/assets/images/menu/sides/chicken-spring-roll.webp', desc: '', price: 9.99 },
],
HotDrinks: [
{ name: 'Masala Tea', img: '/assets/images/menu/hot-drinks/masala-tea.webp', desc: '', price: 2.99 },
{ name: 'Filter Coffee', img: '/assets/images/menu/hot-drinks/filter-coffee.webp', desc: '', price: 3.49 },
],
};