"use client" import { useState } from "react" import { motion } from "framer-motion" import { fadeIn, slideUp, stagger, staggerItem, cardHoverTarget, buttonTapTarget } from "@/lib/animations" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { formatPrice } from "@/lib/currency" import { UtensilsCrossed, Search, Plus, Minus, Star, Check, ChefHat, Coffee, Soup, Pizza, IceCream, } from "lucide-react" const categories = [ { id: "starters", name: "Starters", icon: Soup }, { id: "mains", name: "Mains", icon: Pizza }, { id: "desserts", name: "Desserts", icon: IceCream }, { id: "drinks", name: "Drinks", icon: Coffee }, ] const menuItems = [ { name: "Caesar Salad", price: 23800, desc: "Romaine, parmesan, croutons", category: "starters" }, { name: "Bruschetta", price: 20400, desc: "Tomato, basil, olive oil", category: "starters", badge: "Veg" }, { name: "Truffle Risotto", price: 40800, desc: "Wild mushrooms, parmesan", category: "mains", badge: "Chef's Pick" }, { name: "Grilled Salmon", price: 54400, desc: "Citrus beurre blanc", category: "mains" }, { name: "Wagyu Burger", price: 44200, desc: "Truffle aioli, brioche", category: "mains", badge: "Popular" }, { name: "Margherita Pizza", price: 30600, desc: "San Marzano tomatoes, mozzarella", category: "mains", badge: "Classic" }, { name: "Tiramisu", price: 20400, desc: "Espresso-soaked, mascarpone", category: "desserts" }, { name: "Panna Cotta", price: 17000, desc: "Vanilla bean, berry compote", category: "desserts" }, { name: "Espresso", price: 6800, desc: "Double shot", category: "drinks" }, { name: "Fresh Juice", price: 10200, desc: "Orange, apple, or carrot", category: "drinks" }, ] export default function MenuPage() { const [activeCat, setActiveCat] = useState("starters") const [quantities, setQuantities] = useState>({}) const addItem = (name: string) => setQuantities((q) => ({ ...q, [name]: (q[name] || 0) + 1 })) const removeItem = (name: string) => setQuantities((q) => ({ ...q, [name]: Math.max(0, (q[name] || 0) - 1) })) const filtered = menuItems.filter((m) => m.category === activeCat) const totalItems = Object.values(quantities).reduce((a, b) => a + b, 0) return (

Digital Menu

La Maison Menu

French fine dining in the heart of the city

{categories.map((cat) => { const Icon = cat.icon return ( ) })}

{filtered.map((item) => (

{item.name} {item.badge && {item.badge}}

{item.desc}

{formatPrice(item.price)}

{quantities[item.name] > 0 ? ( <> {quantities[item.name]} ) : null}

))}

) }

Menu Page

La Maison Menu

La Maison Menu