"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 { Input } from "@/components/ui/input" import { cn } from "@/lib/utils" import { formatPrice } from "@/lib/currency" import { UtensilsCrossed, Plus, Minus, Trash2, ShoppingBag, ArrowRight, Percent, Shield, MapPin, CreditCard, Check, } from "lucide-react" interface CartItem { name: string price: number quantity: number options: string[] } const initialItems: CartItem[] = [ { name: "Wagyu Burger", price: 44200, quantity: 2, options: ["Extra Patty"] }, { name: "Truffle Fries", price: 20400, quantity: 1, options: ["Large Size"] }, { name: "Margherita Pizza", price: 30600, quantity: 1, options: [] }, ] export default function CartFood() { const [items, setItems] = useState(initialItems) const [promoCode, setPromoCode] = useState("") const [step, setStep] = useState(0) const updateQuantity = (index: number, delta: number) => { setItems((prev) => prev.map((item, i) => i === index ? { ...item, quantity: Math.max(0, item.quantity + delta) } : item ).filter((item) => item.quantity > 0) ) } const subtotal = items.reduce((sum, item) => sum + item.price * item.quantity, 0) const delivery = 6800 const discount = promoCode ? subtotal * 0.1 : 0 const total = subtotal + delivery - discount if (step === 1) { return (

Order Placed!

Your food is being prepared. Estimated delivery: 25-35 min.

Order #AN-8492

) } return (

Your Cart

{items.map((item, index) => (

{item.name}

{item.options.length > 0 && (

{item.options.join(", ")}

)} {formatPrice(item.price)}

{item.quantity}

{formatPrice(item.price * item.quantity)}

))}

setPromoCode(e.target.value)} />

Order Summary

Subtotal ({items.length} items){formatPrice(subtotal)}

Delivery Fee{formatPrice(delivery)}

{discount > 0 && (

Discount (10%)-{formatPrice(discount)}

)}

Total{formatPrice(total)}

Delivering to 123 Main St, Downtown

Secure checkout

) }

Cart Food

Your Cart

Your Cart