From 929ca7f30814c61640c2aec627742c839dea2089 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 19 Mar 2026 02:36:08 +0000 Subject: [PATCH] Update src/app/menu/page.tsx --- src/app/menu/page.tsx | 232 ++++++++++-------------------------------- 1 file changed, 52 insertions(+), 180 deletions(-) diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx index b0983fc..8e66954 100644 --- a/src/app/menu/page.tsx +++ b/src/app/menu/page.tsx @@ -3,21 +3,10 @@ import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; -import ProductCardFour from "@/components/sections/product/ProductCardFour"; +import HeroSplit from "@/components/sections/hero/HeroSplit"; +import BlogCardThree from "@/components/sections/blog/BlogCardThree"; import FooterMedia from "@/components/sections/footer/FooterMedia"; -import { - Award, - Flame, - Phone, - ShoppingCart, - MapPin, - Clock, - Star, - Heart, - Zap, - TrendingUp, - Facebook, -} from "lucide-react"; +import { Award, Camera, Phone, ShoppingCart } from "lucide-react"; import { useState, useEffect } from "react"; export default function MenuPage() { @@ -43,7 +32,7 @@ export default function MenuPage() { const navItems = [ { name: "Home", id: "home" }, - { name: "Menu", id: "signature-dishes" }, + { name: "Menu", id: "featured-gallery" }, { name: "About Us", id: "owners-spotlight" }, { name: "Gallery", id: "featured-gallery" }, { name: "Reviews", id: "testimonials" }, @@ -55,16 +44,16 @@ export default function MenuPage() { title: "Quick Links", items: [ { label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, - { label: "Gallery", href: "/#featured-gallery" }, - { label: "Reviews", href: "/#testimonials" }, + { label: "Gallery", href: "#featured-gallery" }, + { label: "Reviews", href: "#testimonials" }, ], }, { title: "Order & Contact", items: [ - { label: "Order Online", href: "/menu" }, + { label: "Order Online", href: "/order-now" }, { label: "Call Us", href: "tel:2397850423" }, - { label: "Locations & Hours", href: "/#footer" }, - { label: "Contact", href: "/#footer" }, + { label: "Locations & Hours", href: "#footer" }, + { label: "Contact", href: "#footer" }, ], }, { @@ -154,28 +143,16 @@ export default function MenuPage() { opacity: 0; } - #menu-header { + #hero [data-section] { animation-delay: 0.1s; } - #full-menu { + #featured-gallery { animation-delay: 0.2s; } - #mains { - animation-delay: 0.3s; - } - - #sides { - animation-delay: 0.4s; - } - - #beverages { - animation-delay: 0.5s; - } - #footer { - animation-delay: 0.6s; + animation-delay: 0.3s; } img { @@ -183,18 +160,14 @@ export default function MenuPage() { opacity: 0; } - #full-menu img { + #hero img { animation-delay: 0.3s; } - #mains img { + #featured-gallery img { animation-delay: 0.4s; } - #sides img { - animation-delay: 0.5s; - } - button, [role="button"], a[href*="#"], a[href*="/"] { position: relative; transition: all 0.3s ease; @@ -220,7 +193,7 @@ export default function MenuPage() { brandName="Caribbean Flair" navItems={navItems} button={{ - text: "Order Now", href: "/menu" + text: "Order Now", href: "/order-now" }} /> @@ -237,14 +210,14 @@ export default function MenuPage() { {navItems.map((item) => ( setIsMobileMenuOpen(false)} > {item.name} ))} - + Order Now @@ -263,7 +236,7 @@ export default function MenuPage() { @@ -298,168 +271,67 @@ export default function MenuPage() { )} - {/* Menu Header Section */} - - - {/* Main Dishes Section */} -
- + +
+ + {/* Full Menu Display - All 5 Pages */} + - {/* Sides & Extras Section */} -
- -
- - {/* Beverages Section */} -
- -
- - {/* Order CTA Section */} -
-
-

Ready to Order?

-

Call us now or visit our location to experience authentic Caribbean island flavors made fresh daily.

-
- - - Call (239) 785-0423 - - - - Visit Us - -
-
-

📍 801 Leeland Heights Blvd W, Lehigh Acres, FL 33936

-

🕐 Open Until 9PM Daily

-

🚚 Delivery Available

-
-
-
- - {/* Footer */} + {/* Footer with Local Map Info and Social Links */}