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

menu content and images updated

Browse Source
This commit is contained in:
Selvi 2025-07-19 20:58:56 +05:30
commit fdea7a1e84
26 changed files with 4737 additions and 4700 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/layout/Menu2.js
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>
</>
)

8
components/layout/Menu3.js
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>
</>
)

30
components/sections/home1/Banner.js
View File

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

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

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

2
components/sections/home2/Menus.js
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] || [];

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

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

44
components/sections/home3/Fluid.js
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>
<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>
</div>
{/* 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>View Menu</Link>
<Link href="#menu" className="theme-btn btn-style-one clearfix">
<span className="icon"></span>View Menu
</Link>
</div>
</div>
</div>
{/* Image Column */}
<div className="image-column" style={{ backgroundImage: 'url(assets/images/resource/image-2.jpg)' }} >
<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 */}
</>
)
);
}

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

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

5
next.config.js
View File

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

8
public/assets/css/global.css
View File

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

8
public/assets/css/header.css
View File

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

12
public/assets/css/responsive.css
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{

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

File diff suppressed because it is too large Load Diff

BIN
public/assets/images/banner/banner-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

BIN
public/assets/images/banner/banner-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 107 KiB

BIN
public/assets/images/banner/banner-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 KiB

BIN
public/assets/images/banner/left-element-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
public/assets/images/banner/left-element-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
public/assets/images/banner/left-element-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/assets/images/banner/right-element-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
public/assets/images/banner/right-element-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
public/assets/images/banner/right-element-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
public/assets/images/menu-card/menu-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 351 KiB

BIN
public/assets/images/menu-card/menu-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 351 KiB

BIN
public/assets/images/menu-card/menu-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 304 KiB

BIN
public/assets/images/menu-card/menu-4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 373 KiB