diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx index 2265ca3..1675e49 100644 --- a/src/app/menu/page.tsx +++ b/src/app/menu/page.tsx @@ -1,127 +1,37 @@ "use client"; +import { useState } from "react"; import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; -import HeroSplit from "@/components/sections/hero/HeroSplit"; -import ProductCardFour from "@/components/sections/product/ProductCardFour"; -import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen"; -import FeatureCardTen from "@/components/sections/feature/FeatureCardTen"; -import FooterMedia from "@/components/sections/footer/FooterMedia"; -import { - Award, - Flame, - Star, - Zap, - TrendingUp, - Facebook, -} from "lucide-react"; -import { useState } from "react"; +import { ArrowLeft, Lock } from "lucide-react"; export default function MenuPage() { + const [password, setPassword] = useState(""); + const [isAuthenticated, setIsAuthenticated] = useState(false); + const [error, setError] = useState(""); + const navItems = [ { name: "Home", id: "home" }, - { name: "Menu", id: "menu" }, - { name: "About Us", id: "about" }, - { name: "Gallery", id: "gallery" }, - { name: "Reviews", id: "reviews" }, - { name: "Locations", id: "locations" }, + { name: "Menu", id: "signature-dishes" }, + { name: "About Us", id: "owners-spotlight" }, + { name: "Gallery", id: "featured-gallery" }, + { name: "Reviews", id: "testimonials" }, + { name: "Locations", id: "footer" }, ]; - const [activeCategory, setActiveCategory] = useState("mains"); - - const footerColumns = [ - { - title: "Quick Links", items: [ - { label: "Home", href: "/" }, - { label: "Menu", href: "/menu" }, - { label: "Gallery", href: "/gallery" }, - { label: "Reviews", href: "/" }, - ], - }, - { - title: "Order & Contact", items: [ - { label: "Order Online", href: "/menu" }, - { label: "Call Us", href: "tel:2397850423" }, - { label: "Locations & Hours", href: "/" }, - { label: "Contact", href: "/" }, - ], - }, - { - title: "Connect With Us", items: [ - { label: "Facebook", href: "https://facebook.com/caribbeanflair" }, - { label: "About Us", href: "/about" }, - { label: "Privacy Policy", href: "/" }, - { label: "Terms of Service", href: "/" }, - ], - }, - { - title: "Located In", items: [ - { label: "801 Leeland Heights Blvd W", href: "/" }, - { label: "Lehigh Acres, FL 33936", href: "/" }, - { label: "Open Until 9PM", href: "/" }, - { label: "Delivery Available", href: "/" }, - ], - }, - ]; - - const menuItems = { - mains: [ - { - id: "jerk-chicken", name: "Jerk Chicken Platter", price: "$15.95", variant: "Full Rack", imageSrc: - "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1", imageAlt: "Jerk chicken grilled on foil with spices"}, - { - id: "curry-goat", name: "Curry Goat Platter", price: "$17.95", variant: "Tender & Aromatic", imageSrc: - "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1", imageAlt: "Curry goat served over rice and peas"}, - { - id: "jerk-pork", name: "Jerk Pork Platter", price: "$16.95", variant: "Juicy & Spiced", imageSrc: - "http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=1", imageAlt: "Jerk pork platter with rice"}, - { - id: "escovitch-fish", name: "Escovitch Fish", price: "$18.95", variant: "Island Tradition", imageSrc: - "http://img.b2bpic.net/free-photo/grilled-chicken-served-with-aubergine-lemon-parsley_140725-1554.jpg?_wi=1", imageAlt: "Escovitch fish with pickled vegetables"}, - ], - sandwiches: [ - { - id: "jerk-chicken-sandwich", name: "Jerk Chicken Sandwich", price: "$11.95", variant: "Fresh Bread", imageSrc: - "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1", imageAlt: "Jerk chicken sandwich with slaw"}, - { - id: "curry-goat-sandwich", name: "Curry Goat Sandwich", price: "$12.95", variant: "Hearty & Flavorful", imageSrc: - "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1", imageAlt: "Curry goat sandwich"}, - { - id: "pulled-pork-sandwich", name: "Pulled Pork Sandwich", price: "$11.95", variant: "Smoky & Tender", imageSrc: - "http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=1", imageAlt: "Pulled pork sandwich"}, - ], - sides: [ - { - id: "rice-peas", name: "Rice & Peas", price: "$4.95", variant: "Classic Caribbean", imageSrc: - "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1", imageAlt: "Rice and peas side"}, - { - id: "mac-cheese", name: "Creamy Mac & Cheese", price: "$5.95", variant: "Comfort Classic", imageSrc: - "http://img.b2bpic.net/free-photo/delicious-food-presentation_23-2151914003.jpg?_wi=1", imageAlt: "Creamy mac and cheese"}, - { - id: "festival", name: "Festival Dumplings", price: "$4.95", variant: "Golden & Crispy", imageSrc: - "http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=1", imageAlt: "Festival dumplings"}, - ], - drinks: [ - { - id: "sorrel-punch", name: "Sorrel Punch", price: "$3.95", variant: "16 oz", imageSrc: - "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1", imageAlt: "Tropical sorrel punch"}, - { - id: "ginger-beer", name: "Island Ginger Beer", price: "$3.95", variant: "Refreshing", imageSrc: - "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1", imageAlt: "Ginger beer"}, - ], - specials: [ - { - id: "combo-1", name: "Island Feast Combo", price: "$22.95", variant: "Jerk Chicken + Sides", imageSrc: - "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1", imageAlt: "Island feast combo"}, - { - id: "seafood-special", name: "Seafood Special", price: "$24.95", variant: "Curry Shrimp + Sides", imageSrc: - "http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=1", imageAlt: "Seafood special"}, - ], - }; - - const getMenuItems = () => { - return menuItems[activeCategory as keyof typeof menuItems] || []; + const handlePasswordSubmit = (e: React.FormEvent) => { + e.preventDefault(); + // Replace with your actual password + const correctPassword = "caribbean2025"; + + if (password === correctPassword) { + setIsAuthenticated(true); + setError(""); + } else { + setError("Incorrect password. Please try again."); + setPassword(""); + } }; return ( @@ -147,40 +57,6 @@ export default function MenuPage() { } } - @keyframes slideInFromLeft { - from { - opacity: 0; - transform: translateX(-60px); - } - to { - opacity: 1; - transform: translateX(0); - } - } - - @keyframes slideInFromRight { - from { - opacity: 0; - transform: translateX(60px); - } - to { - opacity: 1; - transform: translateX(0); - } - } - - @keyframes glowHover { - 0% { - box-shadow: 0 0 0px rgba(227, 68, 0, 0.4); - } - 50% { - box-shadow: 0 0 20px rgba(227, 68, 0, 0.6); - } - 100% { - box-shadow: 0 0 30px rgba(227, 68, 0, 0.8); - } - } - html { scroll-behavior: smooth; } @@ -188,224 +64,182 @@ export default function MenuPage() { body { animation: fadeIn 0.8s ease-out; } - - [data-section] { - animation: fadeIn 1.2s ease-out forwards; - opacity: 0; - } - - #hero [data-section] { - animation-delay: 0.1s; - } - - #menu-categories { - animation-delay: 0.2s; - } - - #testimonials { - animation-delay: 0.3s; - } - - #final-cta { - animation-delay: 0.4s; - } - - #footer { - animation-delay: 0.5s; - } - - img { - animation: slideInFromRight 1s ease-out forwards; - opacity: 0; - } - - #hero img { - animation-delay: 0.3s; - } - - #menu-categories img { - animation-delay: 0.4s; - } - - button, [role="button"], a[href*="#"], a[href*="/"] { - position: relative; - transition: all 0.3s ease; - } - - button:hover, [role="button"]:hover, a[href*="#"]:hover, a[href*="/"]:hover { - animation: glowHover 0.6s ease-in-out; - } - - .bg-gradient-to-r, .bg-primary-cta, [class*="bg-blue"], [class*="bg-orange"], [class*="bg-red"] { - transition: all 0.3s ease; - } - - .bg-gradient-to-r:hover, .bg-primary-cta:hover, [class*="bg-blue"]:hover, [class*="bg-orange"]:hover, [class*="bg-red"]:hover { - filter: brightness(1.1); - animation: glowHover 0.6s ease-in-out; - } `} - {/* Navbar */} - @@ -274,9 +274,9 @@ export default function HomePage() { @@ -320,10 +320,10 @@ export default function HomePage() { background={{ variant: "glowing-orb" }} buttons={[ { - text: "Order Online Now", href: "#signature-dishes" + text: "Order Online Now", href: "/menu" }, { - text: "View Full Menu", href: "#signature-dishes" + text: "View Full Menu", href: "/menu" }, ]} buttonAnimation="slide-up" @@ -345,7 +345,7 @@ export default function HomePage() { tagAnimation="slide-up" buttons={[ { - text: "Explore Full Menu", href: "#signature-dishes" + text: "Explore Full Menu", href: "/menu" }, ]} buttonAnimation="slide-up" @@ -512,7 +512,7 @@ export default function HomePage() { tagAnimation="slide-up" buttons={[ { - text: "Order Online Now", href: "#signature-dishes" + text: "Order Online Now", href: "/menu" }, { text: "Call (239) 785-0423", href: "tel:2397850423"