"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 { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs" import { Avatar, AvatarFallback } from "@/components/ui/avatar" import { cn } from "@/lib/utils" import { Compass, Hotel, MapPin, Star, Wifi, Coffee, Waves, Dumbbell, Check, Users, Calendar, ChevronLeft, Shield, Snowflake, Tv, Bath, } from "lucide-react" const rooms = [ { name: "Deluxe King Room", price: 289, capacity: 2, size: "35m²", amenities: ["King Bed", "City View", "Mini Bar"], available: true }, { name: "Executive Suite", price: 459, capacity: 3, size: "55m²", amenities: ["Living Room", "Panoramic View", "Butler Service"], available: true }, { name: "Presidential Suite", price: 899, capacity: 4, size: "85m²", amenities: ["Private Terrace", "Jacuzzi", "Dining Area"], available: false }, { name: "Twin Standard", price: 199, capacity: 2, size: "28m²", amenities: ["Twin Beds", "Garden View", "Work Desk"], available: true }, ] const amenities = [ { icon: Wifi, label: "Free WiFi" }, { icon: Waves, label: "Swimming Pool" }, { icon: Dumbbell, label: "Fitness Center" }, { icon: Coffee, label: "Restaurant" }, { icon: Snowflake, label: "Air Conditioning" }, { icon: Tv, label: "Flat Screen TV" }, { icon: Bath, label: "Spa & Sauna" }, { icon: Shield, label: "24/7 Security" }, ] const reviews = [ { name: "Sarah M.", rating: 5, text: "Absolutely stunning hotel. The staff were incredible and the views were breathtaking.", date: "May 2026" }, { name: "James K.", rating: 4, text: "Great location and beautiful rooms. Would definitely stay again.", date: "Apr 2026" }, { name: "Emily R.", rating: 5, text: "The presidential suite was worth every penny. Exceptional service.", date: "Mar 2026" }, ] export default function HotelDetail() { const [selectedTab, setSelectedTab] = useState("rooms") return (

Grand Horizon Resort

5 Star

Bali, Indonesia 4.9 (2.1k reviews)

$289

per night

Rooms Amenities Reviews {rooms.map((room) => (

{room.name} {!room.available && Booked}

Up to {room.capacity} {room.size}

{room.amenities.map((a) => ( {a} ))}

${room.price}/night

))} {amenities.map((a) => (

{a.label} ))} {reviews.map((r) => (

{r.name.split(" ").map(n => n[0]).join("")}

{r.name}

{Array.from({ length: r.rating }).map((_, i) => ( ))}

{r.date}

{r.text}

))}

) }

Hotel Detail

Grand Horizon Resort

Grand Horizon Resort