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"> <ul className="navigation left-nav clearfix">
<li className="dropdown"> {/* <li className="dropdown">
<Link href="/">Home </Link> <Link href="/">Home </Link>
<ul> <ul>
<li className="/"><Link href="/">Home One</Link></li> <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-3">Home Three</Link></li>
<li><Link href="index-4">Home Four</Link></li> <li><Link href="index-4">Home Four</Link></li>
</ul> </ul>
</li> */}
<li className="dropdown">
<Link href="#about">About</Link>
</li> </li>
<li className="dropdown"> <li className="dropdown">
<Link href="#specials">Specials</Link> <Link href="#popular-dishes">Popular Dishes</Link>
</li> </li>
<li className="dropdown"> {/* <li className="dropdown">
<Link href="#location">Locations</Link> <Link href="#location">Locations</Link>
</li> </li>
<li className="dropdown"> <li className="dropdown">
<Link href="#menu">Menu</Link> <Link href="#menu">Menu</Link>
</li> </li> */}
</ul> </ul>
</> </>
) )

8
components/layout/Menu3.js
View File

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

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

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

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

@ -7,7 +7,7 @@ export default function Juice() {
{/* Juice Section */} {/* Juice Section */}
<section className="juice-section"> <section className="juice-section" id="about">
<div className="section-text">yummy</div> <div className="section-text">yummy</div>
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/1.png)' }} ></div> <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/1.png)' }} ></div>
<div className="pattern-layer-two" style={{ backgroundImage: 'url(assets/images/resource/juice-glass.png)' }} ></div> <div className="pattern-layer-two" style={{ backgroundImage: 'url(assets/images/resource/juice-glass.png)' }} ></div>
@ -33,7 +33,7 @@ export default function Juice() {
<div className="separate"></div> <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 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> </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>
</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'; import { menuData } from '@/utils/constant.utils';
export default function Menus() { export default function Menus() {
const [activeTab, setActiveTab] = useState('Snacks'); const [activeTab, setActiveTab] = useState('Wings');
const tabs = Object.keys(menuData); const tabs = Object.keys(menuData);
const menuItems = menuData[activeTab] || []; const menuItems = menuData[activeTab] || [];

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

@ -5,7 +5,7 @@ export default function Specials() {
<> <>
{/* Specials Section */} {/* 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-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-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-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' 'use client'
import Link from "next/link" import { useState } from "react";
import Link from "next/link";
export default function Fluid() { 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 ( return (
<> <>
{/* Fluid Section Two */} {/* Fluid Section Two */}
@ -14,28 +25,37 @@ export default function Fluid() {
{/* Title Box */} {/* Title Box */}
<div className="title-box"> <div className="title-box">
<h2>Free recipe book!</h2> <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"> </div>
<li><img src="assets/images/resource/book-list-1.png" alt="" /></li>
<li><img src="assets/images/resource/book-list-2.png" alt="" /></li> {/* Image List */}
<li><img src="assets/images/resource/book-list-3.png" alt="" /></li> <ul className="book-list d-flex justify-content-start align-items-center">
{images.map((img, idx) => (
<li key={idx} style={{ cursor: "pointer" }} onClick={() => setSelectedImage(img)}>
<img src={img} alt={`Book ${idx + 1}`} style={{width:"150px", height:"150px"}}/>
</li>
))}
</ul> </ul>
{/* Button Box */} {/* Button Box */}
<div className="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> </div>
</div> </div>
{/* Image Column */} {/* Image Column */}
<div className="image-column" style={{ backgroundImage: 'url(assets/images/resource/image-2.jpg)' }} > <div className="image-column" style={{ backgroundImage: `url(${selectedImage})` }}>
<figure className="image-box"><img src="assets/images/resource/image-2.jpg" alt=""/></figure> <figure className="image-box">
<img src={selectedImage} alt="Selected Book" />
</figure>
</div> </div>
</div> </div>
</section> </section>
{/* End Fluid Section Two */}
</> </>
) );
} }

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

@ -6,7 +6,7 @@ export default function Recipe() {
{/* Recipe Section */} {/* Recipe Section */}
<section className="recipe-section-two"> <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">

5
next.config.js
View File

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

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

@ -352,7 +352,7 @@ img{
.btn-style-one:hover{ .btn-style-one:hover{
color: #ffffff; color: #ffffff;
background-color:#91ad41; background-color:#ed7129;
} }
/* Btn Style Two */ /* Btn Style Two */
@ -390,7 +390,7 @@ img{
} }
.btn-style-two:hover .icon{ .btn-style-two:hover .icon{
background-color:#111111; background-color:#1d1d1b ;
} }
.btn-style-two:hover{ .btn-style-two:hover{
@ -434,7 +434,7 @@ img{
} }
.btn-style-three:hover .icon{ .btn-style-three:hover .icon{
background-color:#111111; background-color:#1d1d1b ;
} }
.btn-style-three:hover{ .btn-style-three:hover{
@ -479,7 +479,7 @@ img{
} }
.btn-style-four:hover .icon{ .btn-style-four:hover .icon{
background-color:#111111; background-color:#1d1d1b ;
} }
.btn-style-four:hover{ .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:hover > a,
.main-menu .navigation > li.current > a{ .main-menu .navigation > li.current > a{
opacity:1; opacity:1;
color:#111111; color:#1d1d1b ;
} }
.header-style-two .main-menu .navigation > li:hover > a, .header-style-two .main-menu .navigation > li:hover > a,
@ -633,7 +633,7 @@
.header-style-two.fixed-header{ .header-style-two.fixed-header{
position:fixed; position:fixed;
background-color:#111111; background-color:#1d1d1b ;
} }
/* Header Style Three */ /* Header Style Three */
@ -892,7 +892,7 @@
} }
.header-style-five .header-upper .outer-box .nav-btn{ .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:hover > a,
.mobile-menu .navigation li.current > a{ .mobile-menu .navigation li.current > a{
color:#111111; color:#1d1d1b ;
} }
.mobile-menu .navigation li.dropdown .dropdown-btn{ .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:hover > a,
.header-style-five .main-menu .navigation > li.current > 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{ .banner-section .owl-dots .owl-dot span{
color:#111111; color:#1d1d1b ;
opacity:1; opacity:1;
} }
.banner-section .owl-dots .owl-dot::after{ .banner-section .owl-dots .owl-dot::after{
color:#111111; color:#1d1d1b ;
opacity:1; opacity:1;
} }
.banner-section .owl-dots .owl-dot:hover span, .banner-section .owl-dots .owl-dot:hover span,
.banner-section .owl-dots .owl-dot.active span{ .banner-section .owl-dots .owl-dot.active span{
color:#111111; color:#1d1d1b ;
} }
.header-style-two .header-upper .logo-box{ .header-style-two .header-upper .logo-box{
@ -974,7 +974,7 @@
.header-style-three .nav-outer .mobile-nav-toggler, .header-style-three .nav-outer .mobile-nav-toggler,
.header-style-four .nav-outer .mobile-nav-toggler{ .header-style-four .nav-outer .mobile-nav-toggler{
color:#111111; color:#1d1d1b ;
} }
.newsletter-section .inner-container{ .newsletter-section .inner-container{
@ -1032,7 +1032,7 @@
} }
.header-style-five .nav-outer .mobile-nav-toggler{ .header-style-five .nav-outer .mobile-nav-toggler{
color:#111111; color:#1d1d1b ;
} }
.header-style-five .header-upper .outer-box .nav-btn{ .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