석양이 아름다운 마을 최고의 호텔과 리조트를 만나보세요. 럭셔리한 경험, 합리적인 가격, 그리고 특별한 할인 혜택을 누리실 수 있습니다.
1명 2명 3명 4명 5명 이상
선셋 타운의 호텔 및 리조트
휴가에 가장 적합한 숙소를 선택하세요.
이 놀라운 경험을 놓치지 마세요!
수많은 여행객들이 휴가지로 선셋 타운을 선택했습니다. 지금 예약하시면 최고의 혜택을 누리실 수 있습니다.
선셋 타운에서 휴가를 제대로 즐기려면 숙소를 예약하시는 것이 좋습니다.
최상의 경험을 위해 지금 바로 객실을 예약하세요.
푸꾸옥 선셋 타운은 푸꾸옥 섬 최고의 관광 명소입니다. 상징적인 건축물과 60개 이상의 고급 편의시설을 갖춘 이곳은 방문객들에게 비교할 수 없는 경험을 선사합니다. 선셋 타운의 호텔과 리조트는 모든 연령대의 여행객에게 편안한 휴식과 끝없는 탐험을 동시에 제공합니다. JW 메리어트 푸꾸옥, 라 페스타 푸꾸옥, 프리미어 빌리지, 뉴 월드 리조트와 같은 최고급 호텔이나, 선셋 타운 중심부에 위치하여 키스 오브 더 씨 쇼나 불꽃놀이를 감상하기에 완벽한 미니 호텔 등 다양한 숙박 시설을 선택할 수 있으며, 가격은 1박에 50만 VND에서 100만 VND까지입니다.
최저가
클룩의 단독 특가 상품으로 최저가를 보장합니다. 더 저렴한 가격을 찾으시면 환불해 드립니다.
즉시 확정
즉시 예약 확정을 받아보세요. 기다릴 필요 없이 모든 과정이 자동으로 처리됩니다.
호쪼 24/7
저희 고객 지원팀은 언제 어디서든 여러분을 도와드릴 준비가 되어 있습니다.
안전한 결제
결제 시스템은 암호화되어 안전합니다. 귀하의 정보는 항상 안전하게 보호됩니다.
// ================== DỮ LIỆU KHÁCH SẠN ĐẦY ĐỦ ==================
const hotelsData = [
// Sunset Town Hotels
{
name: “Casepia Phu Quoc”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2024/03/caspia.jpg”,
location: “302–304 Sorrento, Sunset Town”,
rating: 4,
price: “1,200,000”,
description: “Khách sạn hiện đại với tiện nghi đầy đủ trong lòng Sunset Town.”,
affiliateLink: “https://www.klook.com/hotels/detail/1278620-casepia/?aid=58044”
},
{
name: “La Festa Phu Quoc, Curio Collection by Hilton”,
category: “sunset-town resort”,
image: “https://sunset-town.com/wp-content/uploads/2024/12/La-Festa-Phu-Quoc-1.webp”,
location: “Trung tâm Sunset Town”,
rating: 5,
price: “3,500,000”,
description: “Khách sạn sang trọng với kiến trúc Ý độc đáo ngay trung tâm Sunset Town.”,
affiliateLink: “https://www.klook.com/hotels/detail/1098013-la-festa-phu-quoc-curio-collection-by-hilton/?aid=58044”
},
{
name: “Venice Hotel Phu Quoc”,
category: “sunset-town boutique”,
image: “https://sunset-town.com/wp-content/uploads/2024/03/venice-hotel.webp”,
location: “Trung tâm Sunset Town”,
rating: 4.5,
price: “1,800,000”,
description: “Boutique hotel với view toàn cảnh cầu Hôn và biển, thiết kế theo phong cách Venice.”,
affiliateLink: “https://www.klook.com/hotels/detail/1336409-venice-hotel-phu-quoc–free-airport-shuttle–sunset-town-tour/?aid=58044”
},
{
name: “Haus Stay Sunset Town Phu Quoc”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/hause-phu0-quoc.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “900,000”,
description: “Khách sạn với phong cách hiện đại, tiện nghi đầy đủ cho kỳ nghỉ ngắn ngày.”,
affiliateLink: “https://www.klook.com/hotels/detail/1766824-haus-stay-sunset-town-phu-quoc/?aid=58044”
},
{
name: “Hillside Luxury Phu Quoc Apartment”,
category: “sunset-town apartment”,
image: “https://sunset-town.com/wp-content/uploads/2022/12/hillside-phu-quoc.jpg”,
location: “Burano, Sunset Town, An Thới”,
rating: 4.5,
price: “1,600,000”,
description: “Căn hộ cao cấp với view toàn cảnh Sunset Town, đầy đủ tiện nghi.”,
affiliateLink: “https://www.klook.com/hotels/detail/1314067-hillside-luxury-phu-quoc-apartment/?aid=58044”
},
{
name: “Times Corner Sorrento Boutique Hotel”,
category: “sunset-town boutique”,
image: “https://sunset-town.com/wp-content/uploads/2024/02/time-corner.webp”,
location: “SOR, 201 Địa, An Thới”,
rating: 5,
price: “1,500,000”,
description: “Boutique hotel với thiết kế tinh tế, dịch vụ cá nhân hóa và vị trí yên tĩnh.”,
affiliateLink: “https://www.klook.com/hotels/detail/1092201-times-corner-sorrento-boutique-hotel/?aid=58044”
},
{
name: “Times Corner Amalfi Hotel”,
category: “sunset-town boutique”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Time-corner-amafi.jpg.webp”,
location: “Sunset Town”,
rating: 4.5,
price: “1,400,000”,
description: “Boutique hotel với phong cách Địa Trung Hải, không gian sang trọng.”,
affiliateLink: “https://www.klook.com/hotels/detail/1768050-times-corner-amalfi-hotel/?aid=58044”
},
{
name: “Sunset Bay Retreat Hotel”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2024/03/sunset-bay-retreat.webp”,
location: “9–17 Venice Street, Sunset Town”,
rating: 4.5,
price: “2,200,000”,
description: “Khu nghỉ dưỡng nhỏ với view biển tuyệt đẹp, phù hợp cho các cặp đôi và gia đình.”,
affiliateLink: “https://www.klook.com/hotels/detail/1325139-sunset-bay-retreat-hotel/?aid=58044”
},
{
name: “Golden Sunset Hotel”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Goden-sunset.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “1,100,000”,
description: “Khách sạn với view hoàng hôn tuyệt đẹp, giá cả hợp lý.”,
affiliateLink: “https://www.klook.com/hotels/detail/1970471-golden-sunset-hotel/?aid=58044”
},
{
name: “HANZ Lagoon Sunset Boutique Hotel”,
category: “sunset-town boutique”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/HANZ-Lagoon-Sunset-Boutique-Hotel.jpg.webp”,
location: “Sunset Town”,
rating: 4.5,
price: “1,700,000”,
description: “Boutique hotel bên lagoon với không gian yên tĩnh và view đẹp.”,
affiliateLink: “https://www.klook.com/hotels/detail/1328926-hanz-lagoon-sunset-boutique-hotel/?aid=58044”
},
{
name: “Kim Boutique Hotel”,
category: “boutique”,
image: “https://sunset-town.com/wp-content/uploads/2024/03/kim-boutique.jpg”,
location: “Sorrento 3, Sunset Town”,
rating: 4,
price: “850,000”,
description: “Boutique hotel nhỏ xinh với dịch vụ thân thiện và vị trí thuận tiện.”,
affiliateLink: “https://www.klook.com/hotels/detail/1251106-kim-boutique-hotel/?aid=58044”
},
{
name: “De Stefano Coffee and Hotel”,
category: “sunset-town boutique”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/De-Stefano.jpg.webp”,
location: “S34 Sorrento 1, The Center”,
rating: 4,
price: “950,000”,
description: “Khách sạn kết hợp quán cà phê, không gian ấm cúng và tiện nghi.”,
affiliateLink: “https://www.klook.com/hotels/detail/1738467-de-stefano-coffee-and-hotel/?aid=58044”
},
{
name: “Medius Terra Residences – Pool Included”,
category: “sunset-town apartment”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Medius-Terra-Residences-Pool-Included.jpg.webp”,
location: “Sunset Town”,
rating: 4.5,
price: “1,800,000”,
description: “Căn hộ cao cấp với hồ bơi riêng, view Sunset Town tuyệt đẹp.”,
affiliateLink: “https://www.klook.com/hotels/detail/1432976-medius-terra-residences/?aid=58044”
},
{
name: “Sea Sunset Hotel”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Sea-Sunset-Hotel.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “1,000,000”,
description: “Khách sạn với view biển trực diện, lý tưởng ngắm hoàng hôn.”,
affiliateLink: “https://www.klook.com/hotels/detail/1327144-sea-sunset-hotel/?aid=58044”
},
{
name: “Lotus Home Cafe”,
category: “sunset-town boutique”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Lotus-Home-Cafe.jpg.webp”,
location: “69 Positano, Sunset Town”,
rating: 4,
price: “800,000”,
description: “Homestay kết hợp quán cà phê, không gian ấm cúng như nhà.”,
affiliateLink: “https://www.klook.com/hotels/detail/1195636-lotus-home-cafe/?aid=58044”
},
{
name: “Tramonto Boutique Hotel”,
category: “sunset-town boutique”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Tramonto-Boutique-Hotel.jpg.webp”,
location: “Sunset Town”,
rating: 4.5,
price: “1,300,000”,
description: “Boutique hotel với thiết kế Ý tinh tế, dịch vụ cá nhân hóa.”,
affiliateLink: “https://www.klook.com/hotels/detail/1983991-tramonto-boutique-hotel/?aid=58044”
},
{
name: “Luxury Sunset Town Hotel Phu Quoc”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Luxury-sunset-hotel.jpg.webp”,
location: “Sunset Town”,
rating: 4.5,
price: “2,500,000”,
description: “Khách sạn sang trọng với đầy đủ tiện nghi cao cấp.”,
affiliateLink: “https://www.klook.com/hotels/detail/1781811-luxury-sunset-town-hotel-phu-quoc/?aid=58044”
},
{
name: “Fella Hotel”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Fella-hotel-phu-quoc.jpg”,
location: “330–332 Sorrento 3, Sunset Town”,
rating: 4,
price: “950,000”,
description: “Khách sạn hiện đại với giá cả hợp lý, vị trí thuận tiện.”,
affiliateLink: “https://www.klook.com/hotels/detail/1267094-fella-hotel-phu-quoc/?aid=58044”
},
{
name: “Rosie & Amie Hillside Luxury Phu Quoc Apartment”,
category: “sunset-town apartment”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Rosie-Amie-Hillside-Luxury-Phu-Quoc-Apartment.jpg.webp”,
location: “Hillside, Sunset Town”,
rating: 4.5,
price: “1,700,000”,
description: “Căn hộ luxury với view toàn cảnh Sunset Town.”,
affiliateLink: “https://www.klook.com/vi/hotels/detail/1314067-hillside-luxury-phu-quoc-apartment/?aid=58044”
},
{
name: “Lucie Cozy Home”,
category: “sunset-town apartment”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Lucie-Cozy-Home.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “750,000”,
description: “Căn hộ ấm cúng, đầy đủ tiện nghi cho gia đình nhỏ.”,
affiliateLink: “https://www.klook.com/hotels/detail/2066986-lucie-cozy-home–sunset-town-phu-quoc/?aid=58044”
},
{
name: “Rova Hotel Phu Quoc”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Rova-Hotel-Phu-Quoc.jpg.webp”,
location: “Ven07, Sunset Town”,
rating: 4,
price: “1,100,000”,
description: “Khách sạn với phong cách hiện đại, dịch vụ chuyên nghiệp.”,
affiliateLink: “https://www.klook.com/hotels/detail/1235345-rova-hotel-phu-quoc/?aid=58044”
},
{
name: “Rova Hotel – Positano Horse Phu Quoc”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Rova-Hotel-Positano-Horse-Phu-Quoc.jpg.webp”,
location: “Positano, Sunset Town”,
rating: 4,
price: “1,200,000”,
description: “Khách sạn với view cầu Hôn, vị trí đắc địa.”,
affiliateLink: “https://www.klook.com/hotels/detail/1437472-rova-hotel–positano-horse-phu-quoc/?aid=58044”
},
{
name: “Juliet Boutique Hotel”,
category: “sunset-town boutique”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Juliet-Boutique-Hotel.jpg”,
location: “Ven07, Sunset Town”,
rating: 4.5,
price: “1,400,000”,
description: “Boutique hotel lãng mạn với thiết kế tinh tế.”,
affiliateLink: “https://www.klook.com/hotels/detail/1535520-juliet-boutique-hotel–sunset-town/?aid=58044”
},
{
name: “Sakurakyo Hotel & Spa Phu Quoc”,
category: “sunset-town resort”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Sakurakyo-Hotel-Spa-Phu-Quoc.jpg.webp”,
location: “Sunset Town”,
rating: 4.5,
price: “2,800,000”,
description: “Khách sạn & spa với phong cách Nhật Bản, dịch vụ thư giãn đẳng cấp.”,
affiliateLink: “https://www.klook.com/hotels/detail/1764816-sakurakyo-hotel–spa-phu-quoc/?aid=58044”
},
{
name: “Mimosa Hotel Phu Quoc”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Mimosa-Hotel-Phu-Quoc.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “900,000”,
description: “Khách sạn với không gian xanh mát, giá cả hợp lý.”,
affiliateLink: “https://www.klook.com/hotels/detail/1415387-mimosa-hotel-phu-quoc/?aid=58044”
},
{
name: “HD Hotel Sunset Town”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/HD-Hotel-Sunset-Town.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “850,000”,
description: “Khách sạn hiện đại với tiện nghi đầy đủ.”,
affiliateLink: “https://www.klook.com/vi/hotels/detail/2066341-hd-hotel-sunset-town/?aid=58044”
},
{
name: “CITY APARTMENT SUNSET TOWN”,
category: “sunset-town apartment”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/CITY-APARTMENT-SUNSET-TOWN.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “1,100,000”,
description: “Căn hộ hiện đại ngay trung tâm Sunset Town.”,
affiliateLink: “https://www.klook.com/hotels/detail/2165414-city-apartment-sunset-town/?aid=58044”
},
{
name: “Elyday Apartment Hillside Phu Quoc”,
category: “sunset-town apartment”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Elyday-Apartment-Hillside-Phu-Quoc.jpg.webp”,
location: “Hillside, Sunset Town”,
rating: 4.5,
price: “1,500,000”,
description: “Căn hộ với view panoramic Sunset Town.”,
affiliateLink: “https://www.klook.com/hotels/detail/1429507-elyday-apartment-hillside-phu-quoc/?aid=58044”
},
{
name: “Nhu Y Hotel Phu Quoc”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Nhu-Y-Hotel-Phu-Quoc.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “800,000”,
description: “Khách sạn nhỏ với dịch vụ thân thiện, giá tốt.”,
affiliateLink: “https://www.klook.com/hotels/detail/1749103-nhu-y-hotel-phu-quoc/?aid=58044”
},
{
name: “Coastal Living Hotel Phu Quoc”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Coastal-Living-Hotel-Phu-Quoc.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “950,000”,
description: “Khách sạn với concept sống ven biển, không gian thoáng đãng.”,
affiliateLink: “https://www.klook.com/hotels/detail/1749092-coastal-living-hotel-phu-quoc/?aid=58044”
},
{
name: “BLESSED Hotel Phu Quoc”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/BLESSED-Hotel-Phu-Quoc.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “900,000”,
description: “Khách sạn với không gian bình yên, dịch vụ chu đáo.”,
affiliateLink: “https://www.klook.com/hotels/detail/1985523-blessed-hotel-phu-quoc/?aid=58044”
},
{
name: “Le Bonheur Hotel”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Le-Bonheur-Hotel.jpg.webp”,
location: “A32–34 Amalfi, Sunset Town”,
rating: 4,
price: “1,000,000”,
description: “Khách sạn với phong cách Pháp, lãng mạn và tinh tế.”,
affiliateLink: “https://www.klook.com/hotels/detail/1240436-le-bonheur-hotel/?aid=58044”
},
{
name: “La isla Apartments & Villas – Sea View & Fireworks Phu Quoc”,
category: “sunset-town apartment”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/La-isla-Apartments-Villas-–-Sea-View-Fireworks-Phu-Quoc.jpg.webp”,
location: “Sunset Town”,
rating: 4.5,
price: “2,300,000”,
description: “Căn hộ và villa với view biển và pháo hoa.”,
affiliateLink: “https://www.klook.com/hotels/detail/1944711-la-isla-apartments–villas–sea-view–fireworks-phu-quoc/?aid=58044”
},
{
name: “Calidum Phu Quoc Hotel”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Calidum-Phu-Quoc-Hotel.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “1,100,000”,
description: “Khách sạn với thiết kế hiện đại, tiện nghi cao cấp.”,
affiliateLink: “https://www.klook.com/hotels/detail/1140027-calidum-phu-quoc-hotel/?aid=58044”
},
{
name: “Cybele Sunset Hotel Phu Quoc”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Cybele-Sunset-Hotel-Phu-Quoc.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “1,050,000”,
description: “Khách sạn với view hoàng hôn tuyệt đẹp.”,
affiliateLink: “https://www.klook.com/hotels/detail/1332047-cybele-sunset-hotel-phu-quoc/?aid=58044”
},
{
name: “Labe Hotel Phu Quoc – Hon Thom Island”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Labe-Hotel-Phu-Quoc-Hon-Thom-Island.jpg.webp”,
location: “Hon Thom Island, gần Sunset Town”,
rating: 4,
price: “1,200,000”,
description: “Khách sạn gần đảo Hòn Thơm, view biển đẹp.”,
affiliateLink: “https://www.klook.com/hotels/detail/1736830-labe-hotel-phu-quoc–hon-thom-island/?aid=58044”
},
{
name: “Sea Gallery Phu Quoc Luxury Apartment”,
category: “sunset-town apartment”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Sea-Gallery-Phu-Quoc-Luxury-Apartment.jpg.webp”,
location: “Sunset Town”,
rating: 4.5,
price: “1,900,000”,
description: “Căn hộ luxury với gallery nghệ thuật và view biển.”,
affiliateLink: “https://www.klook.com/hotels/detail/1711453-sea-gallery-phu-quoc-luxury-apartment/?aid=58044”
},
{
name: “New Era Phu Quoc Hotel”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/New-Era-Phu-Quoc-Hotel.jpg.webp”,
location: “Sunset Town”,
rating: 4,
price: “950,000”,
description: “Khách sạn mới với thiết kế hiện đại, tiện nghi.”,
affiliateLink: “https://www.klook.com/hotels/detail/1767984-new-era-phu-quoc-hotel/?aid=58044”
},
{
name: “Roma Hotel Phu Quoc”,
category: “sunset-town”,
image: “https://sunset-town.com/wp-content/uploads/2024/03/roma-hotel.webp”,
location: “312–316 Sorrento, Primavera”,
rating: 4,
price: “1,100,000”,
description: “Khách sạn với phong cách Ý cổ điển.”,
affiliateLink: “https://www.klook.com/hotels/detail/1308765-roma-hotel-phu-quoc–free-airport-shuttle–sunset-town-tour/?aid=58044”
},
{
name: “Melina Hillside Condotel Phu Quoc”,
category: “sunset-town apartment”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Melina-Hillside-Condotel-Phu-Quoc.jpg.webp”,
location: “Hillside, Sunset Town”,
rating: 4.5,
price: “1,600,000”,
description: “Condotel với view toàn cảnh Sunset Town.”,
affiliateLink: “https://www.klook.com/hotels/detail/1756739-melina-hillside-condotel-phu-quoc/?aid=58044”
},
// 5-Star Resorts
{
name: “New World Phu Quoc Resort”,
category: “resort”,
image: “https://sunset-town.com/wp-content/uploads/2024/03/Bai-Kem-New-World-Phu-Quoc-Resort.f8c07885.jpg”,
location: “Khu Bãi Kem, gần Sunset Town”,
rating: 5,
price: “4,800,000”,
description: “Khu nghỉ dưỡng cao cấp với bãi biển riêng, nhiều tiện ích và dịch vụ spa đẳng cấp.”,
affiliateLink: “https://www.klook.com/hotels/detail/967784-new-world-phu-quoc-resort/?aid=58044”
},
{
name: “Premier Residences Phu Quoc Emerald Bay”,
category: “resort”,
image: “https://sunset-town.com/wp-content/uploads/2025/12/Premier-Residences-Phu-Quoc-Emerald-Bay.jpg”,
location: “Gần Bãi Kem”,
rating: 5,
price: “3,500,000”,
description: “Căn hộ resort cao cấp với đầy đủ tiện nghi và dịch vụ 5 sao.”,
affiliateLink: “https://www.klook.com/hotels/detail/574531-premier-residences-phu-quoc-emerald-bay-managed-by-accor/?aid=58044”
},
{
name: “JW Marriott Phu Quoc Emerald Bay Resort & Spa”,
category: “resort”,
image: “https://sunset-town.com/wp-content/uploads/2024/12/jww-1.jpg”,
location: “Gần Sunset Town”,
rating: 5,
price: “6,500,000”,
description: “Biểu tượng nghỉ dưỡng của Phú Quốc với kiến trúc Pháp cổ điển và dịch vụ đẳng cấp.”,
affiliateLink: “https://www.klook.com/hotels/detail/453314-jw-marriott-phu-quoc-emerald-bay-resort–spa/?aid=58044”
},
{
name: “Premier Village Phu Quoc Resort – Managed by Accor”,
category: “resort”,
image: “https://sunset-town.com/wp-content/uploads/2024/02/premier-village-the-eden-bay.webp”,
location: “Mũi Ông Đội, gần Sunset Town”,
rating: 5,
price: “5,200,000”,
description: “Khu nghỉ dưỡng villa sang trọng với hồ bơi riêng và view biển tuyệt đẹp.”,
affiliateLink: “https://www.klook.com/hotels/detail/448036-premier-village-phu-quoc-resort–managed-by-accor/?aid=58044”
}
];
// ================== LINK AFFILIATE CẬP NHẬT ==================
const FORM_AFFILIATE_LINK = “https://www.klook.com/search/result/?query=phu+quoc&sort=most_relevant&tab_key=54&start=1&aid=58044”;
const GENERAL_AFFILIATE_LINK = “https://www.klook.com/vi-VN/hotels/city/247-phu-quoc-hotels/?aid=58044″;
// =============================================================
// Set default dates
const today = new Date();
const tomorrow = new Date(today);
tomorrow.setDate(tomorrow.getDate() + 1);
document.getElementById(‘checkin’).valueAsDate = today;
document.getElementById(‘checkout’).valueAsDate = tomorrow;
// Variables for hotel display
let currentFilter = ‘all’;
let visibleCount = 6;
// Function to render hotels
function renderHotels() {
const container = document.getElementById(‘hotelsContainer’);
container.innerHTML = ”;
const filteredHotels = hotelsData.filter(hotel => {
return currentFilter === ‘all’ || hotel.category.includes(currentFilter);
});
const hotelsToShow = filteredHotels.slice(0, visibleCount);
hotelsToShow.forEach(hotel => {
const hotelCard = document.createElement(‘div’);
hotelCard.className = ‘hotel-card fade-in’;
hotelCard.setAttribute(‘data-category’, hotel.category);
// Generate star rating HTML
let starsHtml = ”;
for (let i = 1; i <= 5; i++) {
if (i <= Math.floor(hotel.rating)) {
starsHtml += ''; } 그렇지 않고 만약 i === Math.ceil(hotel.rating) && !Number.isInteger(hotel.rating)이면 starsHtml += ''; } else { starsHtml += ''; } } hotelCard.innerHTML = `
${호텔.이름}
${호텔.위치}
${starsHtml}
${호텔.설명}
${hotel.price}₫부터 /밤
`; container.appendChild(hotelCard); }); // 더보기 버튼 표시 여부 업데이트 const loadMoreBtn = document.getElementById('loadMore'); if (visibleCount >= filteredHotels.length) { loadMoreBtn.style.display = 'none'; } else { loadMoreBtn.style.display = 'inline-block'; } // 새 버튼에 이벤트 리스너 다시 연결 attachBookingListeners(); } // 호텔 필터링 const filterButtons = document.querySelectorAll('.filter-btn'); filterButtons.forEach(button => { button.addEventListener('click', function() { filterButtons.forEach(btn => btn.classList.remove('active')); this.classList.add('active'); currentFilter = this.getAttribute('data-filter'); visibleCount = 6; renderHotels(); }); }); // 더 보기 기능 추가 document.getElementById('loadMore').addEventListener('click', function() { visibleCount += 6; renderHotels(); }); // 예약 리스너를 추가하는 함수 - 알림 제거됨 function attachBookingListeners() { document.querySelectorAll('.book-hotel').forEach(button => { button.addEventListener('click', function() { const affiliateLink = this.getAttribute('data-link'); // 확인 없이 제휴 링크 열기 if (affiliateLink) { window.open(affiliateLink, '_blank'); } }); }); } // 폼 검색 버튼 - 새 제휴 링크로 이동 document.getElementById('searchHotels').addEventListener('click', function() { // 확인 없이 제휴 링크 열기 window.open('https://klook.tpm.li/rWD0hUDh?erid=2Vtzqxjtd4h', '_blank'); }); // 모든 호텔 보기 버튼 – 링크 업데이트 document.getElementById('exploreAllHotels').addEventListener('click', function() { // 확인 없이 제휴 링크 열기 window.open('https://klook.tpm.li/rWD0hUDh?erid=2Vtzqxjtd4h', '_blank'); }); // 초기 렌더링 renderHotels();
