"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 { Compass, Plane, Search, MapPin, Clock, Wifi, Coffee, ShoppingBag, Car, Star, ArrowRight, } from "lucide-react" const airports = [ { code: "JFK", name: "John F. Kennedy International", city: "New York", terminals: 6, lounges: 8, rating: 4.3 }, { code: "LHR", name: "London Heathrow", city: "London", terminals: 4, lounges: 12, rating: 4.5 }, { code: "DXB", name: "Dubai International", city: "Dubai", terminals: 3, lounges: 15, rating: 4.7 }, { code: "NRT", name: "Narita International", city: "Tokyo", terminals: 3, lounges: 6, rating: 4.4 }, { code: "SIN", name: "Changi Airport", city: "Singapore", terminals: 4, lounges: 10, rating: 4.8 }, { code: "CDG", name: "Charles de Gaulle", city: "Paris", terminals: 3, lounges: 7, rating: 4.2 }, ] const terminalAmenities = [ { icon: Wifi, label: "Free WiFi" }, { icon: Coffee, label: "Restaurants & Cafes" }, { icon: ShoppingBag, label: "Duty Free" }, { icon: Car, label: "Car Rental" }, { icon: Clock, label: "Lounge Access" }, ] export default function AirportInfo() { const [search, setSearch] = useState("") const [selectedAirport, setSelectedAirport] = useState(null) const filtered = airports.filter( (a) => a.name.toLowerCase().includes(search.toLowerCase()) || a.code.toLowerCase().includes(search.toLowerCase()) || a.city.toLowerCase().includes(search.toLowerCase()) ) if (selectedAirport) { const airport = airports.find((a) => a.code === selectedAirport)! return (

{airport.name} ({airport.code})

{airport.city} · {airport.terminals} Terminals · {airport.lounges} Lounges

{terminalAmenities.map((a) => (

{a.label}

))}

Lounges {["Sky Lounge T1", "Plaza Premium T2", "Airport Lounge T3", "Business Class Lounge T4"].map( (lounge, i) => (

{lounge}

Terminal {i + 1}

) )}

) } return (

Airport Information

Find your{" "} airport

setSearch(e.target.value)} />

{filtered.map((airport) => ( setSelectedAirport(airport.code)} >

{airport.code} T{airport.terminals}

{airport.name}

{airport.city}

{airport.rating}

{airport.lounges} lounges

))}

) }

Airport Info

Find your airport

Find your airport