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/Banner.js b/components/sections/home1/Banner.js index 9a845ab..5cdd70a 100644 --- a/components/sections/home1/Banner.js +++ b/components/sections/home1/Banner.js @@ -36,14 +36,14 @@ export default function Banner() { {/* Banner Section */}
-
+
{/* Slide */}
-
-
+
+
@@ -56,7 +56,7 @@ export default function Banner() { Buy Now
- +
@@ -66,7 +66,7 @@ export default function Banner() {
- +
@@ -79,8 +79,8 @@ export default function Banner() { {/* Slide */}
-
-
+
+
@@ -93,7 +93,7 @@ export default function Banner() { Buy Now
- +
@@ -101,9 +101,9 @@ export default function Banner() { {/* Image Column */}
-
+
- +
@@ -115,8 +115,8 @@ export default function Banner() { {/* Slide */}
-
-
+
+
@@ -129,7 +129,7 @@ export default function Banner() { Buy Now
- +
@@ -137,9 +137,9 @@ export default function Banner() { {/* Image Column */}
-
+
- +
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 614f300..bbe21dd 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 4d28af2..9cab4a0 100644 --- a/components/sections/home3/Recipe.js +++ b/components/sections/home3/Recipe.js @@ -6,7 +6,7 @@ export default function Recipe() { {/* Recipe Section */} -
+