From c579669f82aed5b7156d21756b236615db4b1d4e Mon Sep 17 00:00:00 2001 From: Alaguraj0361 Date: Sat, 19 Jul 2025 18:24:39 +0530 Subject: [PATCH] menucard section updated and header menu updated and secondary colour updated --- components/layout/Menu2.js | 11 +- components/layout/Menu3.js | 8 +- components/sections/home1/Juice.js | 4 +- components/sections/home2/Menus.js | 2 +- components/sections/home2/Specials.js | 2 +- components/sections/home3/Fluid.js | 46 +- components/sections/home3/Recipe.js | 2 +- public/assets/css/global.css | 8 +- public/assets/css/header.css | 8 +- public/assets/css/responsive.css | 12 +- public/assets/css/style.css | 9299 ++++++++++---------- public/assets/images/menu-card/menu-1.webp | Bin 0 -> 359442 bytes public/assets/images/menu-card/menu-2.webp | Bin 0 -> 359400 bytes public/assets/images/menu-card/menu-3.webp | Bin 0 -> 311388 bytes public/assets/images/menu-card/menu-4.webp | Bin 0 -> 381736 bytes 15 files changed, 4718 insertions(+), 4684 deletions(-) create mode 100644 public/assets/images/menu-card/menu-1.webp create mode 100644 public/assets/images/menu-card/menu-2.webp create mode 100644 public/assets/images/menu-card/menu-3.webp create mode 100644 public/assets/images/menu-card/menu-4.webp diff --git a/components/layout/Menu2.js b/components/layout/Menu2.js index 63934fc..5060d35 100644 --- a/components/layout/Menu2.js +++ b/components/layout/Menu2.js @@ -13,7 +13,7 @@ export default function Menu() { ) diff --git a/components/layout/Menu3.js b/components/layout/Menu3.js index 5c96d00..2aae9ae 100644 --- a/components/layout/Menu3.js +++ b/components/layout/Menu3.js @@ -11,16 +11,16 @@ export default function Menu() { ) diff --git a/components/sections/home1/Juice.js b/components/sections/home1/Juice.js index 2759cdb..d72a33d 100644 --- a/components/sections/home1/Juice.js +++ b/components/sections/home1/Juice.js @@ -7,7 +7,7 @@ export default function Juice() { {/* Juice Section */} -
+
yummy
@@ -33,7 +33,7 @@ export default function Juice() {
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.
- {/* Buy Now */} + View Menu diff --git a/components/sections/home2/Menus.js b/components/sections/home2/Menus.js index 7129184..089a45c 100644 --- a/components/sections/home2/Menus.js +++ b/components/sections/home2/Menus.js @@ -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] || []; diff --git a/components/sections/home2/Specials.js b/components/sections/home2/Specials.js index 7d8b0f6..0fb0331 100644 --- a/components/sections/home2/Specials.js +++ b/components/sections/home2/Specials.js @@ -5,7 +5,7 @@ export default function Specials() { <> {/* Specials Section */} -
+
diff --git a/components/sections/home3/Fluid.js b/components/sections/home3/Fluid.js index 41445db..586f427 100644 --- a/components/sections/home3/Fluid.js +++ b/components/sections/home3/Fluid.js @@ -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 */}

Free recipe book!

-
Get your copy of spicy kitchen feauturing 10 of our most loved,
highly-rated recipes!
+
+ Get your copy of spicy kitchen featuring 10 of our most loved,
highly-rated recipes! +
-
    -
  • -
  • -
  • + + {/* Image List */} +
      + {images.map((img, idx) => ( +
    • setSelectedImage(img)}> + {`Book +
    • + ))}
    + {/* Button Box */}
    - View Menu + + View Menu +
    - + {/* Image Column */} -
    -
    +
    +
    + Selected Book +
    -
- {/* End Fluid Section Two */} - ) + ); } diff --git a/components/sections/home3/Recipe.js b/components/sections/home3/Recipe.js index e01b633..4579e21 100644 --- a/components/sections/home3/Recipe.js +++ b/components/sections/home3/Recipe.js @@ -6,7 +6,7 @@ export default function Recipe() { {/* Recipe Section */} -
+