"use client" import { useState } from "react" import { motion } from "framer-motion" import { fadeIn, slideUp, stagger, staggerItem, 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 { Textarea } from "@/components/ui/textarea" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { Compass, Star, ThumbsUp, Camera, Send, Hotel, Plane, MapPin, CheckCircle, } from "lucide-react" const categories = [ { label: "Hotel", icon: Hotel }, { label: "Flight", icon: Plane }, { label: "Destination", icon: MapPin }, ] export default function ReviewPage() { const [rating, setRating] = useState(0) const [hoverRating, setHoverRating] = useState(0) const [selectedCategory, setSelectedCategory] = useState("Hotel") const [submitted, setSubmitted] = useState(false) const handleSubmit = () => { setSubmitted(true) } if (submitted) { return (

Thank You!

Your review has been submitted and will help other travelers make informed decisions.

) } return (

Share Your Experience

Write a Review

Help fellow travelers by sharing your experience.

Review Details

Review Page

Write a Review

Write a Review