"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 { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs" import { cn } from "@/lib/utils" import { Compass, Plane, Search, ArrowRightLeft, Calendar, Users, Clock, Luggage, ArrowRight, Filter, Wifi, Coffee as CoffeeIcon, } from "lucide-react" const flights = [ { airline: "SkyWings Air", from: "JFK", to: "LHR", departure: "08:30", arrival: "20:45", duration: "7h 15m", price: 549, stops: 0, badge: "Best" }, { airline: "Global Airlines", from: "JFK", to: "LHR", departure: "11:00", arrival: "23:20", duration: "7h 20m", price: 429, stops: 0 }, { airline: "Oceanic Airways", from: "JFK", to: "LHR", departure: "14:15", arrival: "04:30", duration: "9h 15m", price: 389, stops: 1, badge: "Economy" }, { airline: "Continental Fly", from: "JFK", to: "LHR", departure: "22:00", arrival: "10:10", duration: "7h 10m", price: 499, stops: 0, badge: "Night" }, { airline: "AeroConnect", from: "JFK", to: "LHR", departure: "06:00", arrival: "18:45", duration: "8h 45m", price: 359, stops: 1 }, { airline: "Velocity Air", from: "JFK", to: "LHR", departure: "16:30", arrival: "04:55", duration: "7h 25m", price: 519, stops: 0, badge: "Popular" }, ] export default function FlightSearch() { const [tripType, setTripType] = useState("round-trip") return (

Find Your Flight

Where are you{" "} flying?

Round Trip One Way Multi-City

From

Departure

{tripType === "round-trip" && (

Return

)}

Available Flights

Sort by: Price

{flights.map((f, i) => (

{f.airline} {f.badge && {f.badge}}

{f.departure} {f.from} {f.arrival} {f.to}

{f.duration} {f.stops === 0 ? "Direct" : `${f.stops} stop`}

${f.price}

))}

) }

Flight Search

Where are you flying?

Available Flights

Where are you flying?

Available Flights