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

menucard section updated and header menu updated and secondary colour updated

Browse Source
This commit is contained in:
Alaguraj0361 2025-07-19 18:24:39 +05:30
parent 56743cf68e
commit c579669f82
15 changed files with 4718 additions and 4684 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>
</>
)

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>
</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>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">

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{

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

File diff suppressed because it is too large Load Diff

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