PageSourceSearch

https://thepianoresortkaoyai.vercel.app/en

html thepianoresortkaoyai.vercel.app collected 2026-10-03 07:52:15 UTC 100,613 bytes, 1 lines download raw bytes

1<!DOCTYPE html><!--QiSEXC_z0Bjl4wrRsI9ds--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/2a65768255d6b625-s.p.d19752fb.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/assets/logo/logo.jpg"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=3840&amp;q=75 3840w" imageSizes="100vw"/><link rel="stylesheet" href="/_next/static/chunks/65ecefa353c5abcc.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/1b10c13af7fa92db.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/ba2798f67c51af60.js"/>
1<script src="/_next/static/chunks/8e867952f9018d8d.js" async=""></script>
1<script src="/_next/static/chunks/ed432eccdaca5a7e.js" async=""></script>
1<script src="/_next/static/chunks/249261e921aeebba.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-eec1ed8b74e71968.js" async=""></script>
1<script src="/_next/static/chunks/ae0bd5fcc30ccfd3.js" async=""></script>
1<script src="/_next/static/chunks/fa6895f554157df0.js" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script>
1<script src="/_next/static/chunks/7340adf74ff47ec0.js" async=""></script>
1<script src="/_next/static/chunks/ecc72ef74cfbd402.js" async=""></script>
1<script src="/_next/static/chunks/bccf37e92786a8e1.js" async=""></script>
1<script src="/_next/static/chunks/3ce662eb7979ee9d.js" async=""></script>
1<script src="/_next/static/chunks/0b1c8f8130f3fad2.js" async=""></script>
1<script src="/_next/static/chunks/8b303b16a553dd9d.js" async=""></script>
1<script src="/_next/static/chunks/5afe37d427bdd118.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>The Piano Resort Khao Yai</title><meta name="description" content="Luxury meets Nature in Khao Yai. Experience the cinematic, serene, and musical atmosphere."/><link rel="icon" href="/favicon.ico?favicon.0b3bf435.ico" sizes="256x256" type="image/x-icon"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="playfair_display_fa003182-module__E_H7JW__variable inter_fe8b9d92-module__LINzvG__variable antialiased bg-cream text-forest"><div hidden=""><!--$--><!--/$--></div><div class="fixed inset-0 z-[9999] flex flex-col items-center justify-center opacity-0 pointer-events-none"><div class="bg-layer-2 absolute inset-0 w-full h-full bg-[#FAFAF9] z-0"></div> <div class="bg-layer-1 absolute inset-0 w-full h-full bg-[#1A2E22] z-10"></div> <div class="relative z-20 flex flex-col items-center overflow-hidden p-4"><div class="overflow-hidden mb-2"><h1 class="reveal-text reveal-text-main text-5xl md:text-8xl font-serif font-bold tracking-widest text-white leading-tight">THE PIANO</h1></div><div class="golden-line w-full h-[1px] md:h-[2px] bg-[#C5A059] mb-4 opacity-80"></div><div class="overflow-hidden"><p class="reveal-text reveal-text-sub text-sm md:text-xl uppercase tracking-[0.5em] font-light text-[#FAFAF9]/80">RESORT KHAO YAI</p></div></div></div><div class="w-full min-h-screen"><header class="fixed top-0 left-0 w-full z-50 flex items-center justify-between transition-all duration-500 ease-in-out px-4 md:px-10 bg-transparent py-6"><div class="flex items-center gap-4 md:gap-8"><button class="flex items-center gap-3 text-white hover:text-white/80 transition-colors group"><div class="p-1 group-hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6 md:h-7 md:w-7" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></div><span class="text-xs md:text-sm font-medium uppercase tracking-[0.2em] hidden lg:block group-hover:tracking-[0.3em] transition-all duration-300">MENU</span></button><div class="h-4 w-[1px] bg-white/20 hidden md:block"></div><div class="flex items-center gap-2 text-xs md:text-sm tracking-widest font-medium text-white/70"><a class="hover:text-white transition-colors text-white font-bold" href="/en">EN</a><span class="opacity-30">/</span><a class="hover:text-white transition-colors" href="/th">TH</a></div></div><div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"><a class="block relative rounded-full overflow-hidden border border-white/10 shadow-lg hover:scale-105 transition-transform duration-300 h-12 w-12 md:h-16 md:w-16" href="/"><img src="/assets/logo/logo.jpg" alt="The Piano Resort" class="w-full h-full object-cover"/></a></div><button class="pointer-events-auto group outline-none"><div class="relative flex items-center gap-2 rounded-full overflow-hidden transition-all duration-300 ease-out bg-white/10 backdrop-blur-md border border-white/20 shadow-lg group-hover:bg-white/20 group-hover:border-white/40 group-hover:shadow-[0_0_15px_rgba(255,255,255,0.2)] group-hover:scale-105 px-6 py-2.5 md:px-7 md:py-3"><div class="absolute top-0 left-0 w-full h-[50%] bg-gradient-to-b from-white/10 to-transparent pointer-events-none"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-days w-4 h-4 text-white/90 transition-all block" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg><span class="font-sans font-medium text-white text-xs md:text-sm tracking-widest uppercase">Book Now</span></div></button></header><div class="fixed inset-0 z-[999] bg-[#FAFAF9] flex flex-col justify-between p-8 md:p-16" style="clip-path:circle(0% at 0% 0%)"><button class="absolute top-6 right-6 md:top-10 md:right-10 p-4 hover:rotate-90 transition-transform duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-10 h-10 text-[#1A2E22]" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button><div class="flex-1 flex flex-col justify-center items-start gap-6 md:gap-8 mt-20"><a class="menu-link block" href="#home"><span class="text-5xl md:text-7xl font-serif text-[#1A2E22] hover:italic transition-all duration-300">Home</span></a><a class="menu-link block" href="#gallery"><span class="text-5xl md:text-7xl font-serif text-[#1A2E22] hover:italic transition-all duration-300">Gallery</span></a><a class="menu-link block" href="#rooms"><span class="text-5xl md:text-7xl font-serif text-[#1A2E22] hover:italic transition-all duration-300">Rooms</span></a><a class="menu-link block" href="#offers"><span class="text-5xl md:text-7xl font-serif text-[#1A2E22] hover:italic transition-all duration-300">Promotion</span></a><a class="menu-link block" href="#attractions"><span class="text-5xl md:text-7xl font-serif text-[#1A2E22] hover:italic transition-all duration-300">Travel</span></a><a class="menu-link block" href="#contact"><span class="text-5xl md:text-7xl font-serif text-[#1A2E22] hover:italic transition-all duration-300">Contact</span></a></div><div class="menu-lang flex items-center justify-between border-t border-[#1A2E22]/10 pt-8 mt-8"><div class="flex gap-4 text-[#1A2E22]"><a class="text-xl font-medium hover:underline underline" href="/en">EN</a><a class="text-xl font-medium hover:underline " href="/th">TH</a></div><p class="text-[#1A2E22]/50 text-sm uppercase tracking-widest">The Piano Resort</p></div></div><main class="relative min-h-screen w-full"><div id="home" class="sticky top-0 left-0 h-[100dvh] w-full -z-10"><section class="relative h-[100dvh] w-full overflow-hidden bg-[#0B120F]"><div class="absolute inset-0 h-full w-full" style="opacity:1;transform:none"><img alt="A Heaven of Tranquility" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Fphoto%2Fhero.jpeg&amp;w=3840&amp;q=75"/><div class="absolute top-0 left-0 w-full h-64 bg-gradient-to-b from-black/80 to-transparent opacity-90"></div><div class="absolute bottom-0 left-0 w-full h-3/4 bg-gradient-to-t from-[#0B120F] via-black/40 to-transparent"></div><div class="absolute inset-0 bg-black/10 mix-blend-overlay"></div></div><div class="absolute top-24 md:top-10 left-1/2 -translate-x-1/2 z-50 flex flex-col items-center w-full px-4"><div class="w-[1px] h-8 bg-white/50 mb-4 hidden md:block"></div><div class="text-center w-full"><h2 class="font-serif text-3xl md:text-4xl text-white tracking-[0.2em] font-bold drop-shadow-2xl">THE PIANO</h2><div class="flex items-center justify-center gap-2 md:gap-3 mt-2"><div class="w-4 md:w-6 h-[1px] bg-[#C5A059]"></div><p class="text-[#C5A059] text-[10px] md:text-xs uppercase tracking-[0.2em] md:tracking-[0.4em] font-medium drop-shadow-md whitespace-nowrap">RESORT KHAO YAI</p><div class="w-4 md:w-6 h-[1px] bg-[#C5A059]"></div></div></div></div><div class="absolute inset-0 z-40 flex flex-col items-center justify-end pb-32 md:justify-center md:pb-0 text-center px-4 pointer-events-none"><div style="opacity:0;filter:blur(10px);transform:translateY(30px)"><h1 class="text-5xl md:text-7xl lg:text-9xl font-serif text-white mb-4 drop-shadow-2xl leading-tight">A Heaven of Tranquility</h1><p class="text-sm md:text-xl text-white/80 font-light tracking-[0.2em] uppercase drop-shadow-lg">The secluded nature of Khao Yai</p></div></div><button class="hidden md:flex absolute left-8 top-1/2 -translate-y-1/2 z-50 p-4 rounded-full border border-white/10 bg-white/5 backdrop-blur-sm hover:bg-white/20 transition-all text-white/70 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left h-8 w-8" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><button class="hidden md:flex absolute right-8 top-1/2 -translate-y-1/2 z-50 p-4 rounded-full border border-white/10 bg-white/5 backdrop-blur-sm hover:bg-white/20 transition-all text-white/70 hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-8 w-8" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></section></div><div class="relative z-10 w-full bg-[#FAFAF9] rounded-t-[50px] overflow-hidden shadow-2xl mt-[-50px] md:mt-0 pb-0"><div id="gallery"><section class="relative w-full bg-[#FAFAF9] py-16 md:py-32 overflow-hidden"><div class="container mx-auto px-6 mb-10 md:mb-16"><h2 class="text-3xl md:text-5xl font-serif text-[#1A2E22]">Visual Journey</h2><p class="text-[#8C7A5B] mt-2 font-medium tracking-wide flex items-center gap-2">Motion &amp; Atmosphere<span class="animate-pulse">●</span></p></div><div class="w-full pb-12"><div class="swiper w-full !overflow-visible"><div class="swiper-wrapper"><div class="swiper-slide group cursor-pointer"><div class="relative w-full aspect-[3/4] md:aspect-[4/3] rounded-2xl overflow-hidden shadow-xl transition-all duration-500"><div class="absolute inset-0 w-full h-full" data-swiper-parallax-scale="1.15"><img alt="Outdoor Pool" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 85vw, 40vw" srcSet="/_next/image?url=%2Fassets%2Fphoto%2F1.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Fphoto%2F1.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Fphoto%2F1.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Fphoto%2F1.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Fphoto%2F1.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Fphoto%2F1.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Fphoto%2F1.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Fphoto%2F1.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Fphoto%2F1.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Fphoto%2F1.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Fphoto%2F1.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#1A2E22] via-trans
1parent to-transparent opacity-80"></div></div><div class="absolute bottom-0 left-0 w-full p-6 md:p-10" data-swiper-parallax="-300"><span class="inline-block px-3 py-1 bg-white/10 backdrop-blur-md text-[#C5A059] text-[10px] md:text-xs font-bold tracking-widest uppercase rounded-sm mb-3 border border-white/10 shadow-sm">View</span><h3 class="text-2xl md:text-4xl font-serif text-white mb-2 leading-tight drop-shadow-md">Outdoor Pool</h3><p class="text-white/80 text-sm md:text-lg font-light tracking-wide opacity-0 group-[.swiper-slide-active]:opacity-100 transition-opacity duration-700 delay-300">Relax by the crystal clear water</p></div></div></div><div class="swiper-slide group cursor-pointer"><div class="relative w-full aspect-[3/4] md:aspect-[4/3] rounded-2xl overflow-hidden shadow-xl transition-all duration-500"><div class="absolute inset-0 w-full h-full" data-swiper-parallax-scale="1.15"><img alt="Massage &amp; Spa" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 85vw, 40vw" srcSet="/_next/image?url=%2Fassets%2Factivity%2F%E0%B8%99%E0%B8%A7%E0%B8%94.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Factivity%2F%E0%B8%99%E0%B8%A7%E0%B8%94.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Factivity%2F%E0%B8%99%E0%B8%A7%E0%B8%94.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Factivity%2F%E0%B8%99%E0%B8%A7%E0%B8%94.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Factivity%2F%E0%B8%99%E0%B8%A7%E0%B8%94.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Factivity%2F%E0%B8%99%E0%B8%A7%E0%B8%94.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Factivity%2F%E0%B8%99%E0%B8%A7%E0%B8%94.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Factivity%2F%E0%B8%99%E0%B8%A7%E0%B8%94.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Factivity%2F%E0%B8%99%E0%B8%A7%E0%B8%94.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Factivity%2F%E0%B8%99%E0%B8%A7%E0%B8%94.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Factivity%2F%E0%B8%99%E0%B8%A7%E0%B8%94.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#1A2E22] via-trans
1parent to-transparent opacity-80"></div></div><div class="absolute bottom-0 left-0 w-full p-6 md:p-10" data-swiper-parallax="-300"><span class="inline-block px-3 py-1 bg-white/10 backdrop-blur-md text-[#C5A059] text-[10px] md:text-xs font-bold tracking-widest uppercase rounded-sm mb-3 border border-white/10 shadow-sm">Service</span><h3 class="text-2xl md:text-4xl font-serif text-white mb-2 leading-tight drop-shadow-md">Massage &amp; Spa</h3><p class="text-white/80 text-sm md:text-lg font-light tracking-wide opacity-0 group-[.swiper-slide-active]:opacity-100 transition-opacity duration-700 delay-300">Rejuvenate your body and soul</p></div></div></div><div class="swiper-slide group cursor-pointer"><div class="relative w-full aspect-[3/4] md:aspect-[4/3] rounded-2xl overflow-hidden shadow-xl transition-all duration-500"><div class="absolute inset-0 w-full h-full" data-swiper-parallax-scale="1.15"><img alt="Pool Villa" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 85vw, 40vw" srcSet="/_next/image?url=%2Fassets%2Fphoto%2F3.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Fphoto%2F3.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Fphoto%2F3.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Fphoto%2F3.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Fphoto%2F3.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Fphoto%2F3.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Fphoto%2F3.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Fphoto%2F3.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Fphoto%2F3.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Fphoto%2F3.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Fphoto%2F3.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#1A2E22] via-trans
1parent to-transparent opacity-80"></div></div><div class="absolute bottom-0 left-0 w-full p-6 md:p-10" data-swiper-parallax="-300"><span class="inline-block px-3 py-1 bg-white/10 backdrop-blur-md text-[#C5A059] text-[10px] md:text-xs font-bold tracking-widest uppercase rounded-sm mb-3 border border-white/10 shadow-sm">Architecture</span><h3 class="text-2xl md:text-4xl font-serif text-white mb-2 leading-tight drop-shadow-md">Pool Villa</h3><p class="text-white/80 text-sm md:text-lg font-light tracking-wide opacity-0 group-[.swiper-slide-active]:opacity-100 transition-opacity duration-700 delay-300">Exclusive private luxury</p></div></div></div><div class="swiper-slide group cursor-pointer"><div class="relative w-full aspect-[3/4] md:aspect-[4/3] rounded-2xl overflow-hidden shadow-xl transition-all duration-500"><div class="absolute inset-0 w-full h-full" data-swiper-parallax-scale="1.15"><img alt="Flower Garden" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 85vw, 40vw" srcSet="/_next/image?url=%2Fassets%2Factivity%2Fflower.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Factivity%2Fflower.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Factivity%2Fflower.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Factivity%2Fflower.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Factivity%2Fflower.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Factivity%2Fflower.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Factivity%2Fflower.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Factivity%2Fflower.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Factivity%2Fflower.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Factivity%2Fflower.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Factivity%2Fflower.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#1A2E22] via-trans
1parent to-transparent opacity-80"></div></div><div class="absolute bottom-0 left-0 w-full p-6 md:p-10" data-swiper-parallax="-300"><span class="inline-block px-3 py-1 bg-white/10 backdrop-blur-md text-[#C5A059] text-[10px] md:text-xs font-bold tracking-widest uppercase rounded-sm mb-3 border border-white/10 shadow-sm">Activity</span><h3 class="text-2xl md:text-4xl font-serif text-white mb-2 leading-tight drop-shadow-md">Flower Garden</h3><p class="text-white/80 text-sm md:text-lg font-light tracking-wide opacity-0 group-[.swiper-slide-active]:opacity-100 transition-opacity duration-700 delay-300">Immerse in the blooming beauty</p></div></div></div><div class="swiper-slide group cursor-pointer"><div class="relative w-full aspect-[3/4] md:aspect-[4/3] rounded-2xl overflow-hidden shadow-xl transition-all duration-500"><div class="absolute inset-0 w-full h-full" data-swiper-parallax-scale="1.15"><img alt="Sea of Mist" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 85vw, 40vw" srcSet="/_next/image?url=%2Fassets%2Factivity%2Fclound.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Factivity%2Fclound.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Factivity%2Fclound.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Factivity%2Fclound.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Factivity%2Fclound.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Factivity%2Fclound.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Factivity%2Fclound.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Factivity%2Fclound.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Factivity%2Fclound.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Factivity%2Fclound.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Factivity%2Fclound.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#1A2E22] via-trans
1parent to-transparent opacity-80"></div></div><div class="absolute bottom-0 left-0 w-full p-6 md:p-10" data-swiper-parallax="-300"><span class="inline-block px-3 py-1 bg-white/10 backdrop-blur-md text-[#C5A059] text-[10px] md:text-xs font-bold tracking-widest uppercase rounded-sm mb-3 border border-white/10 shadow-sm">Activity</span><h3 class="text-2xl md:text-4xl font-serif text-white mb-2 leading-tight drop-shadow-md">Sea of Mist</h3><p class="text-white/80 text-sm md:text-lg font-light tracking-wide opacity-0 group-[.swiper-slide-active]:opacity-100 transition-opacity duration-700 delay-300">Breathtaking morning atmosphere</p></div></div></div><div class="swiper-slide group cursor-pointer"><div class="relative w-full aspect-[3/4] md:aspect-[4/3] rounded-2xl overflow-hidden shadow-xl transition-all duration-500"><div class="absolute inset-0 w-full h-full" data-swiper-parallax-scale="1.15"><img alt="Elephant Watching" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 85vw, 40vw" srcSet="/_next/image?url=%2Fassets%2Factivity%2Felephan.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Factivity%2Felephan.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Factivity%2Felephan.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Factivity%2Felephan.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Factivity%2Felephan.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Factivity%2Felephan.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Factivity%2Felephan.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Factivity%2Felephan.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Factivity%2Felephan.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Factivity%2Felephan.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Factivity%2Felephan.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#1A2E22] via-trans
1parent to-transparent opacity-80"></div></div><div class="absolute bottom-0 left-0 w-full p-6 md:p-10" data-swiper-parallax="-300"><span class="inline-block px-3 py-1 bg-white/10 backdrop-blur-md text-[#C5A059] text-[10px] md:text-xs font-bold tracking-widest uppercase rounded-sm mb-3 border border-white/10 shadow-sm">Activity</span><h3 class="text-2xl md:text-4xl font-serif text-white mb-2 leading-tight drop-shadow-md">Elephant Watching</h3><p class="text-white/80 text-sm md:text-lg font-light tracking-wide opacity-0 group-[.swiper-slide-active]:opacity-100 transition-opacity duration-700 delay-300">Unforgettable wildlife encounter</p></div></div></div><div class="swiper-slide group cursor-pointer"><div class="relative w-full aspect-[3/4] md:aspect-[4/3] rounded-2xl overflow-hidden shadow-xl transition-all duration-500"><div class="absolute inset-0 w-full h-full" data-swiper-parallax-scale="1.15"><img alt="Resort View" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 85vw, 40vw" srcSet="/_next/image?url=%2Fassets%2Factivity%2Fview.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Factivity%2Fview.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Factivity%2Fview.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Factivity%2Fview.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Factivity%2Fview.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Factivity%2Fview.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Factivity%2Fview.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Factivity%2Fview.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Factivity%2Fview.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Factivity%2Fview.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Factivity%2Fview.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#1A2E22] via-trans
1parent to-transparent opacity-80"></div></div><div class="absolute bottom-0 left-0 w-full p-6 md:p-10" data-swiper-parallax="-300"><span class="inline-block px-3 py-1 bg-white/10 backdrop-blur-md text-[#C5A059] text-[10px] md:text-xs font-bold tracking-widest uppercase rounded-sm mb-3 border border-white/10 shadow-sm">Highlight</span><h3 class="text-2xl md:text-4xl font-serif text-white mb-2 leading-tight drop-shadow-md">Resort View</h3><p class="text-white/80 text-sm md:text-lg font-light tracking-wide opacity-0 group-[.swiper-slide-active]:opacity-100 transition-opacity duration-700 delay-300">Where melody meets nature</p></div></div></div><div class="swiper-slide group cursor-pointer"><div class="relative w-full aspect-[3/4] md:aspect-[4/3] rounded-2xl overflow-hidden shadow-xl transition-all duration-500"><div class="absolute inset-0 w-full h-full" data-swiper-parallax-scale="1.15"><img alt="Restaurant" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 85vw, 40vw" srcSet="/_next/image?url=%2Fassets%2Factivity%2Fdinner.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Factivity%2Fdinner.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Factivity%2Fdinner.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Factivity%2Fdinner.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Factivity%2Fdinner.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Factivity%2Fdinner.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Factivity%2Fdinner.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Factivity%2Fdinner.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Factivity%2Fdinner.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Factivity%2Fdinner.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Factivity%2Fdinner.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#1A2E22] via-trans
1parent to-transparent opacity-80"></div></div><div class="absolute bottom-0 left-0 w-full p-6 md:p-10" data-swiper-parallax="-300"><span class="inline-block px-3 py-1 bg-white/10 backdrop-blur-md text-[#C5A059] text-[10px] md:text-xs font-bold tracking-widest uppercase rounded-sm mb-3 border border-white/10 shadow-sm">Dining</span><h3 class="text-2xl md:text-4xl font-serif text-white mb-2 leading-tight drop-shadow-md">Restaurant</h3><p class="text-white/80 text-sm md:text-lg font-light tracking-wide opacity-0 group-[.swiper-slide-active]:opacity-100 transition-opacity duration-700 delay-300">Exquisite flavors in style</p></div></div></div><div class="swiper-slide group cursor-pointer"><div class="relative w-full aspect-[3/4] md:aspect-[4/3] rounded-2xl overflow-hidden shadow-xl transition-all duration-500"><div class="absolute inset-0 w-full h-full" data-swiper-parallax-scale="1.15"><img alt="Meditation" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 85vw, 40vw" srcSet="/_next/image?url=%2Fassets%2Factivity%2Fbudha.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Factivity%2Fbudha.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Factivity%2Fbudha.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Factivity%2Fbudha.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Factivity%2Fbudha.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Factivity%2Fbudha.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Factivity%2Fbudha.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Factivity%2Fbudha.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Factivity%2Fbudha.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Factivity%2Fbudha.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Factivity%2Fbudha.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#1A2E22] via-trans
1parent to-transparent opacity-80"></div></div><div class="absolute bottom-0 left-0 w-full p-6 md:p-10" data-swiper-parallax="-300"><span class="inline-block px-3 py-1 bg-white/10 backdrop-blur-md text-[#C5A059] text-[10px] md:text-xs font-bold tracking-widest uppercase rounded-sm mb-3 border border-white/10 shadow-sm">Wellness</span><h3 class="text-2xl md:text-4xl font-serif text-white mb-2 leading-tight drop-shadow-md">Meditation</h3><p class="text-white/80 text-sm md:text-lg font-light tracking-wide opacity-0 group-[.swiper-slide-active]:opacity-100 transition-opacity duration-700 delay-300">Find inner peace and serenity</p></div></div></div><div class="swiper-slide group cursor-pointer"><div class="relative w-full aspect-[3/4] md:aspect-[4/3] rounded-2xl overflow-hidden shadow-xl transition-all duration-500"><div class="absolute inset-0 w-full h-full" data-swiper-parallax-scale="1.15"><img alt="Grand Conference Room" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 85vw, 40vw" srcSet="/_next/image?url=%2Fassets%2Fphoto%2F%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%8A%E0%B8%B8%E0%B8%A1.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Fphoto%2F%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%8A%E0%B8%B8%E0%B8%A1.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Fphoto%2F%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%8A%E0%B8%B8%E0%B8%A1.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Fphoto%2F%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%8A%E0%B8%B8%E0%B8%A1.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Fphoto%2F%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%8A%E0%B8%B8%E0%B8%A1.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Fphoto%2F%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%8A%E0%B8%B8%E0%B8%A1.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Fphoto%2F%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%8A%E0%B8%B8%E0%B8%A1.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Fphoto%2F%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%8A%E0%B8%B8%E0%B8%A1.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Fphoto%2F%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%8A%E0%B8%B8%E0%B8%A1.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Fphoto%2F%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%8A%E0%B8%B8%E0%B8%A1.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Fphoto%2F%E0%B8%AB%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%8A%E0%B8%B8%E0%B8%A1.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#1A2E22] via-trans
1parent to-transparent opacity-80"></div></div><div class="absolute bottom-0 left-0 w-full p-6 md:p-10" data-swiper-parallax="-300"><span class="inline-block px-3 py-1 bg-white/10 backdrop-blur-md text-[#C5A059] text-[10px] md:text-xs font-bold tracking-widest uppercase rounded-sm mb-3 border border-white/10 shadow-sm">Meeting &amp; Events</span><h3 class="text-2xl md:text-4xl font-serif text-white mb-2 leading-tight drop-shadow-md">Grand Conference Room</h3><p class="text-white/80 text-sm md:text-lg font-light tracking-wide opacity-0 group-[.swiper-slide-active]:opacity-100 transition-opacity duration-700 delay-300">Perfect venue for business and leisure</p></div></div></div></div></div></div></section></div><div id="rooms"><section class="relative z-20 bg-[#F0F2F0] overflow-hidden"><div class="absolute inset-0 bg-[#F0F2F0] z-0"><div class="absolute inset-0 bg-[url(&#x27;/assets/photo/hero5.jpg&#x27;)] bg-cover bg-center opacity-[0.03] grayscale blur-[1px]"></div></div><div class="flex h-[100dvh] flex-col justify-center relative"><div class="absolute top-4 md:top-8 left-0 w-full text-center z-0 pointer-events-none opacity-5"><h2 class="text-[15vw] md:text-[12vw] font-serif font-bold text-[#1A2E22] leading-none">COLLECTION</h2></div><div class="flex items-center gap-6 md:gap-16 px-6 md:px-32 w-max relative z-10"><div class="w-[85vw] md:w-[450px] shrink-0 pr-4 md:pr-12 flex flex-col justify-center"><span class="text-[#C5A059] text-xs md:text-sm font-bold uppercase tracking-widest mb-4 md:mb-6 block">Accommodations</span><h2 class="text-5xl md:text-7xl font-serif font-bold text-[#1A2E22] mb-6 md:mb-8 leading-[1]">Stay in<!-- --> <br/><span class="italic font-light text-4xl md:text-6xl">Harmony</span></h2><p class="text-gray-500 text-sm md:text-lg font-light leading-relaxed mb-8 md:mb-10 border-l-2 border-[#C5A059] pl-4 md:pl-6 max-w-[90%]">Discover spaces designed for ultimate relaxation, surrounded by the embrace of nature. Every detail is curated for your perfect getaway.</p><div class="flex items-center gap-4 text-[#1A2E22] font-bold uppercase tracking-widest text-[10px] md:text-xs opacity-60 animate-pulse"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 md:w-5 md:h-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg> SCROLL TO EXPLORE</div></div><div class="w-[85vw] md:w-[500px] h-[60vh] md:h-[650px] shrink-0 transform transition-transform md:hover:scale-[1.02]"><div class="group relative bg-white rounded-[20px] overflow-hidden transition-all duration-500 hover:shadow-[0_20px_50px_-12px_rgba(0,0,0,0.1)] hover:-translate-y-2 h-full flex flex-col border border-gray-100"><div class="relative h-[50%] md:h-auto md:aspect-[4/3] shrink-0 overflow-hidden bg-gray-100"><img alt="Superior Keyboard" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 33vw" srcSet="/_next/image?url=%2Fassets%2Froom%2Fkeyboard.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Froom%2Fkeyboard.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Froom%2Fkeyboard.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Froom%2Fkeyboard.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Froom%2Fkeyboard.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Froom%2Fkeyboard.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Froom%2Fkeyboard.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Froom%2Fkeyboard.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Froom%2Fkeyboard.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Froom%2Fkeyboard.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Froom%2Fkeyboard.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent opacity-60 group-hover:opacity-40 transition-opacity duration-500"></div><div class="absolute bottom-4 left-4 w-10 h-10 rounded-full bg-white/20 backdrop-blur-sm border border-white/30 flex items-center justify-center text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music w-5 h-5" aria-hidden="true"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg></div></div><div class="p-4 md:p-8 flex-1 flex flex-col relative"><div class="absolute top-0 left-8 right-8 h-[1px] bg-gradient-to-r from-transparent via-gray-200 to-transparent"></div><div class="flex flex-wrap gap-2 mb-2 md:mb-4"><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">2 Guests</span><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">King Bed</span></div><h3 class="text-lg md:text-2xl font-serif font-bold text-[#1A2E22] mb-2 md:mb-3 group-hover:text-[#C5A059] transition-colors duration-300">Superior Keyboard</h3><p class="text-gray-500 text-xs md:text-sm font-light leading-relaxed mb-4 md:mb-6 line-clamp-2 md:line-clamp-3">Cozy comfort designed with musical inspiration. Perfect for couples seeking a rhythmic getaway.</p><div class="mt-auto pt-3 md:pt-6 flex items-center justify-between border-t border-gray-100"><div class="flex gap-3 md:gap-4 text-gray-400"><div class="flex items-center gap-1" title="Wifi"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wifi w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M12 20h.01"></path><path d="M2 8.82a15 15 0 0 1 20 0"></path><path d="M5 12.859a10 10 0 0 1 14 0"></path><path d="M8.5 16.429a5 5 0 0 1 7 0"></path></svg></div><div class="flex items-center gap-1" title="Hot Water"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-thermometer w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z"></path></svg></div><div class="flex items-center gap-1" title="TV"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tv w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m17 2-5 5-5-5"></path><rect width="20" height="15" x="2" y="7" rx="2"></rect></svg></div><div class="flex items-center gap-1" title="Keycard"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4"></path><path d="m21 2-9.6 9.6"></path><circle cx="7.5" cy="15.5" r="5.5"></circle></svg></div></div><div class="text-[#C5A059] opacity-50 scale-75 group-hover:scale-100 group-hover:opacity-100 transition-all duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="mt-4 md:mt-6 flex justify-between items-center px-2"><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">0<!-- -->1</span><span class="h-[1px] w-full bg-[#1A2E22]/10 mx-4"></span><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">06</span></div></div><div class="w-[85vw] md:w-[500px] h-[60vh] md:h-[650px] shrink-0 transform transition-transform md:hover:scale-[1.02]"><div class="group relative bg-white rounded-[20px] overflow-hidden transition-all duration-500 hover:shadow-[0_20px_50px_-12px_rgba(0,0,0,0.1)] hover:-translate-y-2 h-full flex flex-col border border-gray-100"><div class="relative h-[50%] md:h-auto md:aspect-[4/3] shrink-0 overflow-hidden bg-gray-100"><img alt="Superior Back Yard" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 33vw" srcSet="/_next/image?url=%2Fassets%2Froom%2Fbackyard.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Froom%2Fbackyard.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Froom%2Fbackyard.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Froom%2Fbackyard.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Froom%2Fbackyard.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Froom%2Fbackyard.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Froom%2Fbackyard.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Froom%2Fbackyard.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Froom%2Fbackyard.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Froom%2Fbackyard.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Froom%2Fbackyard.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent opacity-60 group-hover:opacity-40 transition-opacity duration-500"></div><div class="absolute bottom-4 left-4 w-10 h-10 rounded-full bg-white/20 backdrop-blur-sm border border-white/30 flex items-center justify-center text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coffee w-5 h-5" aria-hidden="true"><path d="M10 2v2"></path><path d="M14 2v2"></path><path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"></path><path d="M6 2v2"></path></svg></div></div><div class="p-4 md:p-8 flex-1 flex flex-col relative"><div class="absolute top-0 left-8 right-8 h-[1px] bg-gradient-to-r from-transparent via-gray-200 to-transparent"></div><div class="flex flex-wrap gap-2 mb-2 md:mb-4"><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">2 Guests</span><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">King Bed</span></div><h3 class="text-lg md:text-2xl font-serif font-bold text-[#1A2E22] mb-2 md:mb-3 group-hover:text-[#C5A059] transition-colors duration-300">Superior Back Yard</h3><p class="text-gray-500 text-xs md:text-sm font-light leading-relaxed mb-4 md:mb-6 line-clamp-2 md:line-clamp-3">Direct private garden access for nature lovers. Step out and breathe the fresh Khao Yai air.</p><div class="mt-auto pt-3 md:pt-6 flex items-center justify-between border-t border-gray-100"><div class="flex gap-3 md:gap-4 text-gray-400"><div class="flex items-center gap-1" title="Wifi"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wifi w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M12 20h.01"></path><path d="M2 8.82a15 15 0 0 1 20 0"></path><path d="M5 12.859a10 10 0 0 1 14 0"></path><path d="M8.5 16.429a5 5 0 0 1 7 0"></path></svg></div><div class="flex items-center gap-1" title="Hot Water"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-thermometer w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z"></path></svg></div><div class="flex items-center gap-1" title="TV"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tv w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m17 2-5 5-5-5"></path><rect width="20" height="15" x="2" y="7" rx="2"></rect></svg></div><div class="flex items-center gap-1" title="Keycard"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4"></path><path d="m21 2-9.6 9.6"></path><circle cx="7.5" cy="15.5" r="5.5"></circle></svg></div></div><div class="text-[#C5A059] opacity-50 scale-75 group-hover:scale-100 group-hover:opacity-100 transition-all duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="mt-4 md:mt-6 flex justify-between items-center px-2"><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">0<!-- -->2</span><span class="h-[1px] w-full bg-[#1A2E22]/10 mx-4"></span><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">06</span></div></div><div class="w-[85vw] md:w-[500px] h-[60vh] md:h-[650px] shrink-0 transform transition-transform md:hover:scale-[1.02]"><div class="group relative bg-white rounded-[20px] overflow-hidden transition-all duration-500 hover:shadow-[0_20px_50px_-12px_rgba(0,0,0,0.1)] hover:-translate-y-2 h-full flex flex-col border border-gray-100"><div class="relative h-[50%] md:h-auto md:aspect-[4/3] shrink-0 overflow-hidden bg-gray-100">
1<img alt="Deluxe Mountain View" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 33vw" srcSet="/_next/image?url=%2Fassets%2Froom%2Fmountain.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Froom%2Fmountain.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Froom%2Fmountain.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Froom%2Fmountain.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Froom%2Fmountain.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Froom%2Fmountain.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Froom%2Fmountain.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Froom%2Fmountain.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Froom%2Fmountain.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Froom%2Fmountain.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Froom%2Fmountain.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent opacity-60 group-hover:opacity-40 transition-opacity duration-500"></div><div class="absolute bottom-4 left-4 w-10 h-10 rounded-full bg-white/20 backdrop-blur-sm border border-white/30 flex items-center justify-center text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mountain w-5 h-5" aria-hidden="true"><path d="m8 3 4 8 5-5 5 15H2L8 3z"></path></svg></div></div><div class="p-4 md:p-8 flex-1 flex flex-col relative"><div class="absolute top-0 left-8 right-8 h-[1px] bg-gradient-to-r from-transparent via-gray-200 to-transparent"></div><div class="flex flex-wrap gap-2 mb-2 md:mb-4"><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">2 Guests</span><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">King Bed or Double Bed</span></div><h3 class="text-lg md:text-2xl font-serif font-bold text-[#1A2E22] mb-2 md:mb-3 group-hover:text-[#C5A059] transition-colors duration-300">
1Deluxe Mountain View</h3><p class="text-gray-500 text-xs md:text-sm font-light leading-relaxed mb-4 md:mb-6 line-clamp-2 md:line-clamp-3">Breathtaking panoramic mountain scenery from your private balcony. Wake up to the mist.</p><div class="mt-auto pt-3 md:pt-6 flex items-center justify-between border-t border-gray-100"><div class="flex gap-3 md:gap-4 text-gray-400"><div class="flex items-center gap-1" title="Wifi"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wifi w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M12 20h.01"></path><path d="M2 8.82a15 15 0 0 1 20 0"></path><path d="M5 12.859a10 10 0 0 1 14 0"></path><path d="M8.5 16.429a5 5 0 0 1 7 0"></path></svg></div><div class="flex items-center gap-1" title="Hot Water"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-thermometer w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z"></path></svg></div><div class="flex items-center gap-1" title="TV"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tv w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m17 2-5 5-5-5"></path><rect width="20" height="15" x="2" y="7" rx="2"></rect></svg></div><div class="flex items-center gap-1" title="Keycard"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4"></path><path d="m21 2-9.6 9.6"></path><circle cx="7.5" cy="15.5" r="5.5"></circle></svg></div></div><div class="text-[#C5A059] opacity-50 scale-75 group-hover:scale-100 group-hover:opacity-100 transition-all duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="mt-4 md:mt-6 flex justify-between items-center px-2"><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">0<!-- -->3</span><span class="h-[1px] w-full bg-[#1A2E22]/10 mx-4"></span><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">06</span></div></div><div class="w-[85vw] md:w-[500px] h-[60vh] md:h-[650px] shrink-0 transform transition-transform md:hover:scale-[1.02]"><div class="group relative bg-white rounded-[20px] overflow-hidden transition-all duration-500 hover:shadow-[0_20px_50px_-12px_rgba(0,0,0,0.1)] hover:-translate-y-2 h-full flex flex-col border border-gray-100"><div class="relative h-[50%] md:h-auto md:aspect-[4/3] shrink-0 overflow-hidden bg-gray-100"><img alt="Pool Villa" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 33vw" srcSet="/_next/image?url=%2Fassets%2Froom%2Fpool.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Froom%2Fpool.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Froom%2Fpool.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Froom%2Fpool.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Froom%2Fpool.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Froom%2Fpool.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Froom%2Fpool.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Froom%2Fpool.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Froom%2Fpool.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Froom%2Fpool.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Froom%2Fpool.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent opacity-60 group-hover:opacity-40 transition-opacity duration-500"></div><div class="absolute bottom-4 left-4 w-10 h-10 rounded-full bg-white/20 backdrop-blur-sm border border-white/30 flex items-center justify-center text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-waves w-5 h-5" aria-hidden="true"><path d="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path><path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path><path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path></svg></div></div><div class="p-4 md:p-8 flex-1 flex flex-col relative"><div class="absolute top-0 left-8 right-8 h-[1px] bg-gradient-to-r from-transparent via-gray-200 to-transparent"></div><div class="flex flex-wrap gap-2 mb-2 md:mb-4"><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">4 Guests</span><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">Private Pool</span></div><h3 class="text-lg md:text-2xl font-serif font-bold text-[#1A2E22] mb-2 md:mb-3 group-hover:text-[#C5A059] transition-colors duration-300">Pool Villa</h3><p class="text-gray-500 text-xs md:text-sm font-light leading-relaxed mb-4 md:mb-6 line-clamp-2 md:line-clamp-3">Ultimate luxury with a private pool. Indulge in exclusivity and serene privacy.</p><div class="mt-auto pt-3 md:pt-6 flex items-center justify-between border-t border-gray-100"><div class="flex gap-3 md:gap-4 text-gray-400"><div class="flex items-center gap-1" title="Wifi"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wifi w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M12 20h.01"></path><path d="M2 8.82a15 15 0 0 1 20 0"></path><path d="M5 12.859a10 10 0 0 1 14 0"></path><path d="M8.5 16.429a5 5 0 0 1 7 0"></path></svg></div><div class="flex items-center gap-1" title="Hot Water"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-thermometer w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z"></path></svg></div><div class="flex items-center gap-1" title="TV"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tv w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m17 2-5 5-5-5"></path><rect width="20" height="15" x="2" y="7" rx="2"></rect></svg></div><div class="flex items-center gap-1" title="Keycard"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4"></path><path d="m21 2-9.6 9.6"></path><circle cx="7.5" cy="15.5" r="5.5"></circle></svg></div></div><div class="text-[#C5A059] opacity-50 scale-75 group-hover:scale-100 group-hover:opacity-100 transition-all duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="mt-4 md:mt-6 flex justify-between items-center px-2"><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">0<!-- -->4</span><span class="h-[1px] w-full bg-[#1A2E22]/10 mx-4"></span><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">06</span></div></div><div class="w-[85vw] md:w-[500px] h-[60vh] md:h-[650px] shrink-0 transform transition-transform md:hover:scale-[1.02]"><div class="group relative bg-white rounded-[20px] overflow-hidden transition-all duration-500 hover:shadow-[0_20px_50px_-12px_rgba(0,0,0,0.1)] hover:-translate-y-2 h-full flex flex-col border border-gray-100"><div class="relative h-[50%] md:h-auto md:aspect-[4/3] shrink-0 overflow-hidden bg-gray-100"><img alt="Grand Piano" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 33vw" srcSet="/_next/image?url=%2Fassets%2Fphoto%2F5.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Fphoto%2F5.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Fphoto%2F5.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Fphoto%2F5.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Fphoto%2F5.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Fphoto%2F5.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Fphoto%2F5.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Fphoto%2F5.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Fphoto%2F5.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Fphoto%2F5.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Fphoto%2F5.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent opacity-60 group-hover:opacity-40 transition-opacity duration-500"></div><div class="absolute bottom-4 left-4 w-10 h-10 rounded-full bg-white/20 backdrop-blur-sm border border-white/30 flex items-center justify-center text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music w-5 h-5" aria-hidden="true"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg></div></div><div class="p-4 md:p-8 flex-1 flex flex-col relative"><div class="absolute top-0 left-8 right-8 h-[1px] bg-gradient-to-r from-transparent via-gray-200 to-transparent"></div><div class="flex flex-wrap gap-2 mb-2 md:mb-4"><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">2-4 Guests</span><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">Bathtub</span></div><h3 class="text-lg md:text-2xl font-serif font-bold text-[#1A2E22] mb-2 md:mb-3 group-hover:text-[#C5A059] transition-colors duration-300">Grand Piano</h3><p class="text-gray-500 text-xs md:text-sm font-light leading-relaxed mb-4 md:mb-6 line-clamp-2 md:line-clamp-3">Spacious elegance for the perfect family getaway. A grand space for grand memories.</p><div class="mt-auto pt-3 md:pt-6 flex items-center justify-between border-t border-gray-100"><div class="flex gap-3 md:gap-4 text-gray-400"><div class="flex items-center gap-1" title="Wifi"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wifi w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M12 20h.01"></path><path d="M2 8.82a15 15 0 0 1 20 0"></path><path d="M5 12.859a10 10 0 0 1 14 0"></path><path d="M8.5 16.429a5 5 0 0 1 7 0"></path></svg></div><div class="flex items-center gap-1" title="Hot Water"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-thermometer w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z"></path></svg></div><div class="flex items-center gap-1" title="TV"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tv w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m17 2-5 5-5-5"></path><rect width="20" height="15" x="2" y="7" rx="2"></rect></svg></div><div class="flex items-center gap-1" title="Keycard"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4"></path><path d="m21 2-9.6 9.6"></path><circle cx="7.5" cy="15.5" r="5.5"></circle></svg></div></div><div class="text-[#C5A059] opacity-50 scale-75 group-hover:scale-100 group-hover:opacity-100 transition-all duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="mt-4 md:mt-6 flex justify-between items-center px-2"><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">0<!-- -->5</span><span class="h-[1px] w-full bg-[#1A2E22]/10 mx-4"></span><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">06</span></div></div><div class="w-[85vw] md:w-[500px] h-[60vh] md:h-[650px] shrink-0 transform transition-transform md:hover:scale-[1.02]"><div class="group relative bg-white rounded-[20px] overflow-hidden transition-all duration-500 hover:shadow-[0_20px_50px_-12px_rgba(0,0,0,0.1)] hover:-translate-y-2 h-full flex flex-col border border-gray-100"><div class="relative h-[50%] md:h-auto md:aspect-[4/3] shrink-0 overflow-hidden bg-gray-100"><img alt="Baan Rim Nam" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-1000 ease-out group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 33vw" srcSet="/_next/image?url=%2Fassets%2Fphoto%2F6.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fassets%2Fphoto%2F6.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fassets%2Fphoto%2F6.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Fphoto%2F6.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Fphoto%2F6.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Fphoto%2F6.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Fphoto%2F6.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Fphoto%2F6.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Fphoto%2F6.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Fphoto%2F6.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Fphoto%2F6.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/60 via-trans
1parent to-transparent opacity-60 group-hover:opacity-40 transition-opacity duration-500"></div><div class="absolute bottom-4 left-4 w-10 h-10 rounded-full bg-white/20 backdrop-blur-sm border border-white/30 flex items-center justify-center text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-waves w-5 h-5" aria-hidden="true"><path d="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path><path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path><path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"></path></svg></div></div><div class="p-4 md:p-8 flex-1 flex flex-col relative"><div class="absolute top-0 left-8 right-8 h-[1px] bg-gradient-to-r from-transparent via-gray-200 to-transparent"></div><div class="flex flex-wrap gap-2 mb-2 md:mb-4"><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">Private Villa</span><span class="text-[10px] font-bold uppercase tracking-widest text-[#C5A059] border border-[#C5A059]/20 px-3 py-1 rounded-full">Riverside</span></div><h3 class="text-lg md:text-2xl font-serif font-bold text-[#1A2E22] mb-2 md:mb-3 group-hover:text-[#C5A059] transition-colors duration-300">Baan Rim Nam</h3><p class="text-gray-500 text-xs md:text-sm font-light leading-relaxed mb-4 md:mb-6 line-clamp-2 md:line-clamp-3">Serene riverside atmosphere. Let the sound of flowing water soothe your soul.</p><div class="mt-auto pt-3 md:pt-6 flex items-center justify-between border-t border-gray-100"><div class="flex gap-3 md:gap-4 text-gray-400"><div class="flex items-center gap-1" title="Wifi"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wifi w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M12 20h.01"></path><path d="M2 8.82a15 15 0 0 1 20 0"></path><path d="M5 12.859a10 10 0 0 1 14 0"></path><path d="M8.5 16.429a5 5 0 0 1 7 0"></path></svg></div><div class="flex items-center gap-1" title="Hot Water"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-thermometer w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="M14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z"></path></svg></div><div class="flex items-center gap-1" title="TV"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tv w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m17 2-5 5-5-5"></path><rect width="20" height="15" x="2" y="7" rx="2"></rect></svg></div><div class="flex items-center gap-1" title="Keycard"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4"></path><path d="m21 2-9.6 9.6"></path><circle cx="7.5" cy="15.5" r="5.5"></circle></svg></div></div><div class="text-[#C5A059] opacity-50 scale-75 group-hover:scale-100 group-hover:opacity-100 transition-all duration-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div></div><div class="mt-4 md:mt-6 flex justify-between items-center px-2"><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">0<!-- -->6</span><span class="h-[1px] w-full bg-[#1A2E22]/10 mx-4"></span><span class="text-[10px] md:text-xs font-bold text-[#1A2E22]/30 tracking-widest">06</span></div></div><div class="w-[50vw] md:w-[30vw] shrink-0 flex items-center justify-center text-[#1A2E22]/20 font-serif text-2xl md:text-4xl text-center px-4">End of Collection</div></div></div></section></div><div id="attractions"><section class="relative py-24 md:py-32 bg-[#FAFAF9] overflow-hidden"><div class="absolute top-0 right-0 w-[500px] h-[500px] bg-[#C5A059]/5 rounded-full blur-[100px] pointer-events-none"></div><div class="container mx-auto px-6"><div class="text-center mb-16 md:mb-24"><div class="inline-block" style="opacity:0"><span class="text-[#C5A059] text-xs font-bold uppercase tracking-[0.2em] mb-4 block">Explore</span><h2 class="text-4xl md:text-6xl font-serif text-[#1A2E22] leading-tight">Nearby Attractions</h2></div></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6" style="transform:translateY(100px)"><div class="relative group cursor-pointer md:mt-12"><div class="relative aspect-[3/4] rounded-2xl overflow-hidden shadow-lg transition-transform duration-500 group-hover:scale-[1.02] group-hover:shadow-2xl"><img alt="Khao Yai National Park" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fassets%2Fphoto%2Fnationpark.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Fphoto%2Fnationpark.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Fphoto%2Fnationpark.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Fphoto%2Fnationpark.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Fphoto%2Fnationpark.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Fphoto%2Fnationpark.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Fphoto%2Fnationpark.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Fphoto%2Fnationpark.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Fphoto%2Fnationpark.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#0B120F]/90 via-trans
1parent to-transparent opacity-80 transition-opacity duration-300 group-hover:opacity-90"></div><div class="absolute bottom-0 left-0 w-full p-6 text-white transform transition-transform duration-500 group-hover:-translate-y-2"><div class="flex items-center gap-2 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin w-4 h-4 text-[#C5A059]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span class="text-xs font-bold tracking-widest uppercase text-[#C5A059]">15 min</span></div><h3 class="text-xl font-serif mb-1 leading-tight group-hover:text-[#FAFAF9] transition-colors">Khao Yai National Park</h3></div></div></div><div class="relative group cursor-pointer "><div class="relative aspect-[3/4] rounded-2xl overflow-hidden shadow-lg transition-transform duration-500 group-hover:scale-[1.02] group-hover:shadow-2xl"><img alt="PB Valley Khao Yai Winery" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fassets%2Fphoto%2FPB.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Fphoto%2FPB.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Fphoto%2FPB.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Fphoto%2FPB.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Fphoto%2FPB.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Fphoto%2FPB.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Fphoto%2FPB.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Fphoto%2FPB.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Fphoto%2FPB.webp&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#0B120F]/90 via-transparent to-transparent opacity-80 transition-opacity duration-300 group-hover:opacity-90"></div><div class="absolute bottom-0 left-0 w-full p-6 text-white transform transition-transform duration-500 group-hover:-translate-y-2"><div class="flex items-center gap-2 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin w-4 h-4 text-[#C5A059]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span class="text-xs font-bold tracking-widest uppercase text-[#C5A059]">25 min</span></div><h3 class="text-xl font-serif mb-1 leading-tight group-hover:text-[#FAFAF9] transition-colors">PB Valley Khao Yai Winery</h3></div></div></div><div class="relative group cursor-pointer md:mt-12"><div class="relative aspect-[3/4] rounded-2xl overflow-hidden shadow-lg transition-transform duration-500 group-hover:scale-[1.02] group-hover:shadow-2xl"><img alt="Primo Piazza" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fassets%2Fphoto%2Fprimo.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Fphoto%2Fprimo.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Fphoto%2Fprimo.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Fphoto%2Fprimo.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Fphoto%2Fprimo.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Fphoto%2Fprimo.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Fphoto%2Fprimo.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Fphoto%2Fprimo.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Fphoto%2Fprimo.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#0B120F]/90 via-trans
1parent to-transparent opacity-80 transition-opacity duration-300 group-hover:opacity-90"></div><div class="absolute bottom-0 left-0 w-full p-6 text-white transform transition-transform duration-500 group-hover:-translate-y-2"><div class="flex items-center gap-2 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin w-4 h-4 text-[#C5A059]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span class="text-xs font-bold tracking-widest uppercase text-[#C5A059]">20 min</span></div><h3 class="text-xl font-serif mb-1 leading-tight group-hover:text-[#FAFAF9] transition-colors">Primo Piazza</h3></div></div></div><div class="relative group cursor-pointer "><div class="relative aspect-[3/4] rounded-2xl overflow-hidden shadow-lg transition-transform duration-500 group-hover:scale-[1.02] group-hover:shadow-2xl"><img alt="Chocolate Factory" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-700 group-hover:scale-110" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fassets%2Fphoto%2Fchocolate.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Fphoto%2Fchocolate.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Fphoto%2Fchocolate.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Fphoto%2Fchocolate.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Fphoto%2Fchocolate.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Fphoto%2Fchocolate.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Fphoto%2Fchocolate.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Fphoto%2Fchocolate.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Fphoto%2Fchocolate.jpg&amp;w=3840&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-[#0B120F]/90 via-transparent to-transparent opacity-80 transition-opacity duration-300 group-hover:opacity-90"></div><div class="absolute bottom-0 left-0 w-full p-6 text-white transform transition-transform duration-500 group-hover:-translate-y-2"><div class="flex items-center gap-2 mb-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin w-4 h-4 text-[#C5A059]" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span class="text-xs font-bold tracking-widest uppercase text-[#C5A059]">10 min</span></div><h3 class="text-xl font-serif mb-1 leading-tight group-hover:text-[#FAFAF9] transition-colors">Chocolate Factory</h3></div></div></div></div></div></section></div><div id="location"><section class="relative w-full h-[60vh] md:h-[70vh] overflow-hidden bg-gray-100"><div class="absolute inset-0 z-0"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="w-full h-full bg-[#E5E5E5] flex items-center justify-center animate-pulse"><span class="text-[#1A2E22]/30 font-serif">Loading Map...</span></div><!--/$--></div><div class="absolute inset-0 bg-gradient-to-t from-[#0B120F] via-transparent to-transparent pointer-events-none z-10"></div><div class="absolute bottom-10 left-6 md:left-20 z-20 max-w-sm" style="transform:translateY(100px)"><div class="bg-white/90 backdrop-blur-md p-6 md:p-8 rounded-2xl shadow-2xl border border-white/20"><div class="flex items-start justify-between mb-4"><div class="p-3 bg-[#1A2E22] rounded-full text-[#C5A059]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin w-6 h-6" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><a href="https://www.google.com/maps/search/?api=1&amp;query=The+Piano+Resort+Khao+Yai" target="_blank" rel="noreferrer" class="flex items-center gap-1 text-[#1A2E22] text-xs font-bold uppercase tracking-wider hover:underline">Open Google Map <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><h3 class="text-2xl font-serif text-[#1A2E22] mb-2">Our Location</h3><p class="text-gray-600 text-sm leading-relaxed mb-4">999 Moo 6 Nongnamdang, Pakchong, Nakhonratchasima, Khao Yai National Park, Thailand 30130</p><div class="flex items-center gap-2 text-[#1A2E22] font-medium text-sm"><span class="w-2 h-2 rounded-full bg-[#06C755]"></span>1.5 Hours from Bangkok</div></div></div></section></div><div id="contact"><footer class="relative bg-[#0B120F] text-white pt-20 pb-10 overflow-hidden rounded-t-[40px] -mt-10 z-20 shadow-[0_-20px_50px_rgba(0,0,0,0.5)]"><div class="absolute inset-0 opacity-5 pointer-events-none"><img alt="texture" loading="lazy" decoding="async" data-nimg="fill" class="object-cover opacity-20 grayscale" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=3840&amp;q=75"/></div><div class="container mx-auto px-6 relative z-10"><div class="grid grid-cols-1 md:grid-cols-12 gap-12 border-b border-white/10 pb-16"><div class="md:col-span-4 space-y-6"><div class="w-20 h-20 relative rounded-full overflow-hidden border border-[#C5A059]/30"><img alt="Logo" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fassets%2Flogo%2Flogo.jpg&amp;w=3840&amp;q=75"/></div><h2 class="text-3xl font-serif text-[#C5A059]">The Piano Resort</h2><p class="text-gray-400 text-sm leading-loose max-w-sm">Experience the perfect harmony of music and nature at our luxury sanctuary in Khao Yai.
1</p></div><div class="md:col-span-4 space-y-6"><h3 class="text-lg font-serif text-white tracking-wide">Contact Us</h3><div class="space-y-4"><a href="tel:+66811480999" class="flex items-center gap-4 text-gray-400 hover:text-[#C5A059] transition-colors group"><span class="p-2 border border-white/10 rounded-full group-hover:border-[#C5A059] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-4 h-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></span><div><p class="text-xs uppercase tracking-wider text-gray-500">Reception</p><p class="text-sm font-medium">+66 81 148 0999</p></div></a><a href="tel:+66825813222" class="flex items-center gap-4 text-gray-400 hover:text-[#C5A059] transition-colors group"><span class="p-2 border border-white/10 rounded-full group-hover:border-[#C5A059] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone w-4 h-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></span><div><p class="text-xs uppercase tracking-wider text-gray-500">Sales</p><p class="text-sm font-medium">+66 82 581 3222</p></div></a><a href="mailto:[email protected]" class="flex items-center gap-4 text-gray-400 hover:text-[#C5A059] transition-colors group"><span class="p-2 border border-white/10 rounded-full group-hover:border-[#C5A059] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-4 h-4" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></span><span class="text-sm font-medium">[email protected]</span></a></div></div><div class="md:col-span-4 space-y-6"><h3 class="text-lg font-serif text-white tracking-wide">Follow Us</h3><div class="flex gap-4"><a href="https://www.facebook.com/ThePianoResort/" target="_blank" rel="noreferrer" class="w-12 h-12 flex items-center justify-center border border-white/10 rounded-full hover:bg-[#1877F2] hover:border-[#1877F2] hover:text-white transition-all duration-300 text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook w-5 h-5" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://line.me/ti/p/~@thepianoresort" target="_blank" rel="noreferrer" class="w-12 h-12 flex items-center justify-center border border-white/10 rounded-full hover:bg-[#06C755] hover:border-[#06C755] hover:text-white transition-all duration-300 text-gray-400"><svg viewBox="0 0 24 24" class="w-5 h-5 fill-current"><path d="M20.3,6.4c-1.9-2.3-4.9-3.4-8.3-3.4c-6.1,0-11.1,4.1-11.1,9.2c0,4.6,4,8.4,9.4,9.1c0.4,0.1,0.9,0.3,1,0.7 c0.1,0.4,0,1,0,1s-0.1,0.6-0.5,2.1c-0.1,0.5-0.6,2-0.6,2.1c0,0-0.1,0.4,0.2,0.6c0.3,0.2,0.8,0.1,0.8,0.1 c0.1,0,5.8-3.7,8.2-6.5c2.9-3.3,2.4-8.8,0.9-10.8z"></path></svg></a></div><div class="mt-8"><p class="text-gray-500 text-xs leading-loose">999 Moo 6 Nongnamdang, Pakchong,<br/>Nakhonratchasima, Thailand 30130</p></div></div></div><div class="pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-gray-600"><p>© <!-- -->2026<!-- --> The Piano Resort Khao Yai. All rights reserved.</p><div class="flex gap-6"><span class="hover:text-[#C5A059] cursor-pointer">Privacy Policy</span><span class="hover:text-[#C5A059] cursor-pointer">Terms of Service</span></div></div></div></footer></div></div></main><!--$--><!--/$--></div>
1<script src="/_next/static/chunks/ba2798f67c51af60.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[37349,[\"/_next/static/chunks/ae0bd5fcc30ccfd3.js\",\"/_next/static/chunks/fa6895f554157df0.js\"],\"Preloader\"]\n3:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"default\"]\n7:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\na:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"ViewportBoundary\"]\nc:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"MetadataBoundary\"]\ne:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/65ecefa353c5abcc.css\",\"style\"]\n:HL[\"/_next/static/media/2a65768255d6b625-s.p.d19752fb.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/1b10c13af7fa92db.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"QiSEXC_z0Bjl4wrRsI9ds\",\"c\":[\"\",\"en\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"lang\",\"en\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/65ecefa353c5abcc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/ae0bd5fcc30ccfd3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/fa6895f554157df0.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"playfair_display_fa003182-module__E_H7JW__variable inter_fe8b9d92-module__LINzvG__variable antialiased bg-cream text-forest\",\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/ecc72ef74cfbd402.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/bccf37e92786a8e1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/3ce662eb7979ee9d.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L5\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L6\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1b10c13af7fa92db.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0b1c8f8130f3fad2.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/8b303b16a553dd9d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/5afe37d427bdd118.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"f:I[19017,[\"/_next/static/chunks/ae0bd5fcc30ccfd3.js\",\"/_next/static/chunks/fa6895f554157df0.js\",\"/_next/static/chunks/ecc72ef74cfbd402.js\",\"/_next/static/chunks/bccf37e92786a8e1.js\",\"/_next/static/chunks/3ce662eb7979ee9d.js\"],\"SmoothScroll\"]\n10:I[3265,[\"/_next/static/chunks/ae0bd5fcc30ccfd3.js\",\"/_next/static/chunks/fa6895f554157df0.js\",\"/_next/static/chunks/ecc72ef74cfbd402.js\",\"/_next/static/chunks/bccf37e92786a8e1.js\",\"/_next/static/chunks/3ce662eb7979ee9d.js\"],\"Navbar\"]\n11:I[82487,[\"/_next/static/chunks/ae0bd5fcc30ccfd3.js\",\"/_next/static/chunks/fa6895f554157df0.js\",\"/_next/static/chunks/ecc72ef74cfbd402.js\",\"/_next/static/chunks/bccf37e92786a8e1.js\",\"/_next/static/chunks/3ce662eb7979ee9d.js\",\"/_next/static/chunks/0b1c8f8130f3fad2.js\",\"/_next/static/chunks/8b303b16a553dd9d.js\",\"/_next/static/chunks/5afe37d427bdd118.js\"],\"HeroCarousel\"]\n12:I[19996,[\"/_next/static/chunks/ae0bd5fcc30ccfd3.js\",\"/_next/static/chunks/fa6895f554157df0.js\",\"/_next/static/chunks/ecc72ef74cfbd402.js\",\"/_next/static/chunks/bccf37e92786a8e1.js\",\"/_next/static/chunks/3ce662eb7979ee9d.js\",\"/_next/static/chunks/0b1c8f8130f3fad2.js\",\"/_next/static/chunks/8b303b16a553dd9d.js\",\"/_next/static/chunks/5afe37d427bdd118.js\"],\"Gallery\"]\n13:I[32304,[\"/_next/static/chunks/ae0bd5fcc30ccfd3.js\",\"/_next/static/chunks/fa6895f554157df0.js\",\"/_next/static/chunks/ecc72ef74cfbd402.js\",\"/_next/static/chunks/bccf37e92786a8e1.js\",\"/_next/static/chunks/3ce662eb7979ee9d.js\",\"/_next/static/chunks/0b1c8f8130f3fad2.js\",\"/_next/static/chunks/8b303b16a553dd9d.js\",\"/_next/static/chunks/5afe37d427bdd118.js\"],\"default\"]\n14:I[5181,[\"/_next/static/chunks/ae0bd5fcc30ccfd3.js\",\"/_next/static/chunks/fa6895f554157df0.js\",\"/_next/static/chunks/ecc72ef74cfbd402.js\",\"/_next/static/chunks/bccf37e92786a8e1.js\",\"/_next/static/chunks/3ce662eb7979ee9d.js\",\"/_next/static/chunks/0b1c8f8130f3fad2.js\",\"/_next/static/chunks/8b303b16a553dd9d.js\",\"/_next/static/chunks/5afe37d427bdd118.js\"],\"default\"]\n15:I[7381,[\"/_next/static/chunks/ae0bd5fcc30ccfd3.js\",\"/_next/static/chunks/fa6895f554157df0.js\",\"/_next/static/chunks/ecc72ef74cfbd402.js\",\"/_next/static/chunks/bccf37e92786a8e1.js\",\"/_next/static/chunks/3ce662eb7979ee9d.js\",\"/_next/static/chunks/0b1c8f8130f3fad2.js\",\"/_next/static/chunks/8b303b16a553dd9d.js\",\"/_next/static/chunks/5afe37d427bdd118.js\"],\"default\"]\n16:I[47602,[\"/_next/static/chunks/ae0bd5fcc30ccfd3.js\",\"/_next/static/chunks/fa6895f554157df0.js\",\"/_next/static/chunks/ecc72ef74cfbd402.js\",\"/_next/static/chunks/bccf37e92786a8e1.js\",\"/_next/static/chunks/3ce662eb7979ee9d.js\",\"/_next/static/chunks/0b1c8f8130f3fad2.js\",\"/_next/static/chunks/8b303b16a553dd9d.js\",\"/_next/static/chunks/5afe37d427bdd118.js\"],\"default\"]\n17:I[81469,[\"/_next/static/chunks/ae0bd5fcc30ccfd3.js\",\"/_next/static/chunks/fa6895f554157df0.js\",\"/_next/static/chunks/ecc72ef74cfbd402.js\",\"/_next/static/chunks/bccf37e92786a8e1.js\",\"/_next/static/chunks/3ce662eb7979ee9d.js\",\"/_next/static/chunks/0b1c8f8130f3fad2.js\",\"/_next/static/chunks/8b303b16a553dd9d.js\",\"/_next/static/chunks/5afe37d427bdd118.js\"],\"default\"]\n5:[\"$\",\"$Lf\",null,{\"children\":[[\"$\",\"$L10\",null,{\"dict\":{\"home\":\"Home\",\"rooms\":\"Rooms\",\"facilities\":\"Facilities\",\"contact\":\"Contact\",\"book\":\"Book Now\"},\"lang\":\"en\"}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n6:[\"$\",\"main\",null,{\"className\":\"relative min-h-screen w-full\",\"children\":[[\"$\",\"div\",null,{\"id\":\"home\",\"className\":\"sticky top-0 left-0 h-[100dvh] w-full -z-10\",\"children\":[\"$\",\"$L11\",null,{\"dict\":{\"welcome\":\"Welcome to Paradise\",\"title\":\"The Harmony of Nature\",\"description\":\"Experience the ultimate luxury getaway in the heart of Khao Yai, where music meets the mountains.\"}}]}],[\"$\",\"div\",null,{\"className\":\"relative z-10 w-full bg-[#FAFAF9] rounded-t-[50px] overflow-hidden shadow-2xl mt-[-50px] md:mt-0 pb-0\",\"children\":[[\"$\",\"div\",null,{\"id\":\"gallery\",\"children\":[\"$"])</script>
1<script>self.__next_f.push([1,"\",\"$L12\",null,{\"lang\":\"en\"}]}],[\"$\",\"div\",null,{\"id\":\"rooms\",\"children\":[\"$\",\"$L13\",null,{\"lang\":\"en\"}]}],[\"$\",\"$L14\",null,{\"lang\":\"en\",\"id\":\"offers\"}],[\"$\",\"div\",null,{\"id\":\"attractions\",\"children\":[\"$\",\"$L15\",null,{\"lang\":\"en\"}]}],[\"$\",\"div\",null,{\"id\":\"location\",\"children\":[\"$\",\"$L16\",null,{\"lang\":\"en\"}]}],[\"$\",\"div\",null,{\"id\":\"contact\",\"children\":[\"$\",\"$L17\",null,{\"lang\":\"en\"}]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"18:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7340adf74ff47ec0.js\"],\"IconMark\"]\n9:null\nd:[[\"$\",\"title\",\"0\",{\"children\":\"The Piano Resort Khao Yai\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Luxury meets Nature in Khao Yai. Experience the cinematic, serene, and musical atmosphere.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0b3bf435.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L18\",\"3\",{}]]\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.