"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 { Input } from "@/components/ui/input" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { UtensilsCrossed, MapPin, Clock, Search, Bike, Star, ShoppingBag, ChevronRight, Percent, } from "lucide-react" const restaurants = [ { name: "Pizza Roma", cuisine: "Italian", price: "$", rating: 4.6, time: "20-30 min", fee: "MK 5,100", badge: "Free Delivery" }, { name: "Sakura Sushi", cuisine: "Japanese", price: "$$", rating: 4.8, time: "15-25 min", fee: "MK 6,800", badge: "Popular" }, { name: "Taco Fiesta", cuisine: "Mexican", price: "$", rating: 4.7, time: "10-20 min", fee: "MK 3,400" }, { name: "The Grill House", cuisine: "American", price: "$$", rating: 4.8, time: "25-35 min", fee: "MK 8,500", badge: "Best Seller" }, { name: "Golden Dragon", cuisine: "Chinese", price: "$$", rating: 4.5, time: "20-30 min", fee: "MK 5,100" }, { name: "Fresh Bowl", cuisine: "Healthy", price: "$$", rating: 4.7, time: "10-15 min", fee: "MK 5,900", badge: "New" }, ] export default function FoodDelivery() { return (

Food{" "} delivery

Delivered to your door in minutes.

{["All", "Italian", "Japanese", "Mexican", "American", "Chinese", "Healthy"].map((c) => ( ))}

{restaurants.map((r) => (

{r.name} {r.badge && {r.badge}}

{r.cuisine} · {r.price} {r.rating}

{r.time} {r.fee}

))}

) }

Food Delivery

Food delivery

Food delivery