{"id":463,"date":"2025-11-22T12:23:24","date_gmt":"2025-11-22T12:23:24","guid":{"rendered":"https:\/\/sltech.top\/ranthil\/?page_id=463"},"modified":"2025-12-13T09:38:53","modified_gmt":"2025-12-13T09:38:53","slug":"ranthil-hotel-resort-accommodations-galle","status":"publish","type":"page","link":"https:\/\/sltech.top\/ranthil\/ranthil-hotel-resort-accommodations-galle\/","title":{"rendered":"Ranthil-Resort-Accommodations"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-21e4ca73 alignfull uagb-is-root-container\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-0f840a85 alignfull uagb-is-root-container\">    <style>\r\n        \/* Filter Container *\/\r\n        .ranthil-filter-container {\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .ranthil-filter-btn {\r\n            background: #f0f0f0;\r\n            border: none;\r\n            padding: 10px 20px;\r\n            border-radius: 30px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.95rem;\r\n            font-weight: 600;\r\n            color: #555;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-decoration: none; \/* Added for links *\/\r\n            display: inline-block; \/* Added for links *\/\r\n        }\r\n\r\n        .ranthil-filter-btn:hover,\r\n        .ranthil-filter-btn.active {\r\n            background: #1a1a1a;\r\n            color: #fff;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        \/* Container *\/\r\n        .ranthil-room-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(1, 1fr); \/* Mobile default *\/\r\n            gap: 24px;\r\n            padding: 20px 0;\r\n            font-family: 'Inter', sans-serif; \/* Modern font *\/\r\n        }\r\n\r\n        \/* Tablet *\/\r\n        @media (min-width: 768px) {\r\n            .ranthil-room-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        \/* Desktop *\/\r\n        @media (min-width: 1024px) {\r\n            .ranthil-room-grid {\r\n                grid-template-columns: repeat(4, 1fr);\r\n            }\r\n        }\r\n\r\n        \/* Card *\/\r\n        .ranthil-room-card {\r\n            background: #ffffff;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n            position: relative;\r\n            border: 1px solid rgba(0,0,0,0.04);\r\n            opacity: 1;\r\n            transform: scale(1);\r\n        }\r\n\r\n        .ranthil-room-card.hidden {\r\n            display: none; \/* Use display:none to reflow grid *\/\r\n        }\r\n        \r\n        \/* Animation class for filtering *\/\r\n        .ranthil-room-card.animating-out {\r\n            opacity: 0;\r\n            transform: scale(0.9);\r\n        }\r\n\r\n        .ranthil-room-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        \/* Image *\/\r\n        .ranthil-room-image {\r\n            height: 220px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .ranthil-room-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .ranthil-room-card:hover .ranthil-room-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Content *\/\r\n        .ranthil-room-content {\r\n            padding: 20px;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .ranthil-room-title {\r\n            font-size: 1.25rem;\r\n            font-weight: 700;\r\n            margin: 0 0 12px 0;\r\n            color: #1a1a1a;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .ranthil-room-title a {\r\n            text-decoration: none;\r\n            color: inherit;\r\n            transition: color 0.2s;\r\n        }\r\n\r\n        .ranthil-room-title a:hover {\r\n            color: #007aff; \/* Accent color *\/\r\n        }\r\n\r\n        \/* Amenities *\/\r\n        .ranthil-room-amenities {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n            margin-top: auto; \/* Push to bottom *\/\r\n            padding-top: 15px;\r\n            border-top: 1px solid #f0f0f0;\r\n        }\r\n\r\n        .ranthil-amenity-tag {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            font-size: 0.85rem;\r\n            color: #555;\r\n            background: #f8f9fa;\r\n            padding: 6px 10px;\r\n            border-radius: 8px;\r\n            transition: background 0.2s, color 0.2s;\r\n            cursor: default;\r\n        }\r\n        \r\n        .ranthil-amenity-tag:hover {\r\n            background: #eef2ff;\r\n            color: #007aff;\r\n        }\r\n\r\n        .ranthil-amenity-icon {\r\n            margin-right: 6px;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        \/* Button *\/\r\n        .ranthil-book-btn {\r\n            display: block;\r\n            width: 100%;\r\n            text-align: center;\r\n            background: #1a1a1a;\r\n            color: #fff;\r\n            padding: 12px;\r\n            margin-top: 16px;\r\n            border-radius: 8px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            transition: background 0.2s;\r\n        }\r\n\r\n        .ranthil-book-btn:hover {\r\n            background: #333;\r\n            color: #fff;\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Filter Buttons -->\r\n    <div class=\"ranthil-filter-container\">\r\n        <a href=\"https:\/\/sltech.top\/ranthil\/ranthil-hotel-resort-accommodations-galle\/\" class=\"ranthil-filter-btn active\" data-filter=\"all\">All Rooms<\/a>\r\n                                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation-category\/rooms\/standard-rooms\/\" class=\"ranthil-filter-btn \" data-filter=\"standard-rooms\">\r\n                    Standard Rooms                <\/a>\r\n                            <a href=\"https:\/\/sltech.top\/ranthil\/accommodation-category\/rooms\/deluxe-rooms\/\" class=\"ranthil-filter-btn \" data-filter=\"deluxe-rooms\">\r\n                    Deluxe Rooms                <\/a>\r\n                            <a href=\"https:\/\/sltech.top\/ranthil\/accommodation-category\/apartment\/\" class=\"ranthil-filter-btn \" data-filter=\"apartment\">\r\n                    Apartment                <\/a>\r\n                        <\/div>\r\n\r\n    <div class=\"ranthil-room-grid\" id=\"ranthil-room-grid\">\r\n                    <div class=\"ranthil-room-card\" data-categories=\"apartment\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/apartment\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-Resort-galle-srilanka-apartment-for-booking-.png\" alt=\"Apartment\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/apartment\/\">Apartment<\/a>\r\n                    <\/h3>\r\n                    \r\n                                            <div class=\"ranthil-room-amenities\">\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"3 Bedrooms\">\r\n                                    <span class=\"ranthil-amenity-icon\">\ud83d\udecf\ufe0f<\/span>\r\n                                    3 Bedrooms                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Dining area\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Dining area                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Fully equipped individual pantry\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Fully equipped individual pantry                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Kitchen with all amenities\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Kitchen with all amenities                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"More amenities available\">+3<\/span>\r\n                                                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/apartment\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"standard-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-01\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-room-no-1-three-story-building-with-seven-rooms-office-space-kitchen-img-1.png\" alt=\"Room-01\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-01\/\">Room-01<\/a>\r\n                    <\/h3>\r\n                    \r\n                                            <div class=\"ranthil-room-amenities\">\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Air-conditioning\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2744\ufe0f<\/span>\r\n                                    Air-conditioning                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Dry-cleaning services\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Dry-cleaning services                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Fan cooling\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Fan cooling                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Flat screen TV&#039;s\">\r\n                                    <span class=\"ranthil-amenity-icon\">\ud83d\udcfa<\/span>\r\n                                    Flat screen TV&#039;s                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"More amenities available\">+3<\/span>\r\n                                                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-01\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"standard-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-02\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-room-no-2-three-story-building-with-seven-rooms-office-space-kitchen-img-1.png\" alt=\"Room-02\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-02\/\">Room-02<\/a>\r\n                    <\/h3>\r\n                    \r\n                                            <div class=\"ranthil-room-amenities\">\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Air-conditioning\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2744\ufe0f<\/span>\r\n                                    Air-conditioning                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Dry-cleaning services\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Dry-cleaning services                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Fan cooling\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Fan cooling                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Flat screen TV&#039;s\">\r\n                                    <span class=\"ranthil-amenity-icon\">\ud83d\udcfa<\/span>\r\n                                    Flat screen TV&#039;s                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"More amenities available\">+3<\/span>\r\n                                                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-02\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"standard-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-03\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-room-no-3-three-story-building-with-seven-rooms-office-space-kitchen-img-1.png\" alt=\"Room-03\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-03\/\">Room-03<\/a>\r\n                    <\/h3>\r\n                    \r\n                                            <div class=\"ranthil-room-amenities\">\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Air-conditioning\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2744\ufe0f<\/span>\r\n                                    Air-conditioning                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Dry-cleaning services\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Dry-cleaning services                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Fan cooling\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Fan cooling                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Flat screen TV&#039;s\">\r\n                                    <span class=\"ranthil-amenity-icon\">\ud83d\udcfa<\/span>\r\n                                    Flat screen TV&#039;s                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"More amenities available\">+3<\/span>\r\n                                                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-03\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"standard-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-04\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-room-no-4-three-story-building-with-seven-rooms-office-space-kitchen-img-1.png\" alt=\"Room-04\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-04\/\">Room-04<\/a>\r\n                    <\/h3>\r\n                    \r\n                                            <div class=\"ranthil-room-amenities\">\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Air-conditioning\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2744\ufe0f<\/span>\r\n                                    Air-conditioning                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Dry-cleaning services\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Dry-cleaning services                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Fan cooling\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Fan cooling                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Flat screen TV&#039;s\">\r\n                                    <span class=\"ranthil-amenity-icon\">\ud83d\udcfa<\/span>\r\n                                    Flat screen TV&#039;s                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"More amenities available\">+3<\/span>\r\n                                                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-04\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"standard-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-05\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-room-no-5-three-story-building-with-seven-rooms-office-space-kitchen-img-1.png\" alt=\"Room-05\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-05\/\">Room-05<\/a>\r\n                    <\/h3>\r\n                    \r\n                                            <div class=\"ranthil-room-amenities\">\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Air-conditioning\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2744\ufe0f<\/span>\r\n                                    Air-conditioning                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Dry-cleaning services\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Dry-cleaning services                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Fan cooling\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Fan cooling                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Flat screen TV&#039;s\">\r\n                                    <span class=\"ranthil-amenity-icon\">\ud83d\udcfa<\/span>\r\n                                    Flat screen TV&#039;s                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"More amenities available\">+3<\/span>\r\n                                                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-05\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"standard-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-06\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-room-no-6-three-story-building-with-seven-rooms-office-space-kitchen-img-1.png\" alt=\"Room-06\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-06\/\">Room-06<\/a>\r\n                    <\/h3>\r\n                    \r\n                                            <div class=\"ranthil-room-amenities\">\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Air-conditioning\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2744\ufe0f<\/span>\r\n                                    Air-conditioning                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Dry-cleaning services\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Dry-cleaning services                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Fan cooling\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Fan cooling                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Flat screen TV&#039;s\">\r\n                                    <span class=\"ranthil-amenity-icon\">\ud83d\udcfa<\/span>\r\n                                    Flat screen TV&#039;s                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"More amenities available\">+3<\/span>\r\n                                                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-06\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"standard-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-07\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-room-no-7-three-story-building-with-seven-rooms-office-space-kitchen-img-1.png\" alt=\"Room-07\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-07\/\">Room-07<\/a>\r\n                    <\/h3>\r\n                    \r\n                                            <div class=\"ranthil-room-amenities\">\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Air-conditioning\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2744\ufe0f<\/span>\r\n                                    Air-conditioning                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Dry-cleaning services\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Dry-cleaning services                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Fan cooling\">\r\n                                    <span class=\"ranthil-amenity-icon\">\u2726<\/span>\r\n                                    Fan cooling                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"Flat screen TV&#039;s\">\r\n                                    <span class=\"ranthil-amenity-icon\">\ud83d\udcfa<\/span>\r\n                                    Flat screen TV&#039;s                                <\/span>\r\n                                                            <span class=\"ranthil-amenity-tag\" title=\"More amenities available\">+3<\/span>\r\n                                                    <\/div>\r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-07\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"building-unit-02 deluxe-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-08\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-deluxe-room-no-8-three-story-building-with-six-rooms-img-1.png\" alt=\"Room-08\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-08\/\">Room-08<\/a>\r\n                    <\/h3>\r\n                    \r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-08\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"building-unit-02 deluxe-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-09\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-deluxe-room-no-9-three-story-building-with-six-rooms-img-1.png\" alt=\"Room-09\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-09\/\">Room-09<\/a>\r\n                    <\/h3>\r\n                    \r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-09\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"building-unit-02 deluxe-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-10\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-deluxe-room-no-10-three-story-building-with-six-rooms-img-1.png\" alt=\"Room-10\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-10\/\">Room-10<\/a>\r\n                    <\/h3>\r\n                    \r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-10\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"building-unit-02 deluxe-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-11\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-deluxe-room-no-11-three-story-building-with-six-rooms-img-1.png\" alt=\"Room-11\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-11\/\">Room-11<\/a>\r\n                    <\/h3>\r\n                    \r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-11\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"building-unit-02 deluxe-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-12\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-deluxe-room-no12-three-story-building-with-six-rooms-img-1.png\" alt=\"Room-12\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-12\/\">Room-12<\/a>\r\n                    <\/h3>\r\n                    \r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-12\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n                    <div class=\"ranthil-room-card\" data-categories=\"building-unit-02 deluxe-rooms\">\r\n                <div class=\"ranthil-room-image\">\r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-13\/\">\r\n                        <img decoding=\"async\" src=\"https:\/\/sltech.top\/ranthil\/wp-content\/uploads\/2025\/11\/ranthil-resort-galle-deluxe-room-no-13-three-story-building-with-six-rooms-img-1.png\" alt=\"Room-13\">\r\n                    <\/a>\r\n                <\/div>\r\n                <div class=\"ranthil-room-content\">\r\n                    <h3 class=\"ranthil-room-title\">\r\n                        <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-13\/\">Room-13<\/a>\r\n                    <\/h3>\r\n                    \r\n                    \r\n                    <a href=\"https:\/\/sltech.top\/ranthil\/accommodation\/room-13\/\" class=\"ranthil-book-btn\">View Details<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <\/div>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const filterLinks = document.querySelectorAll('.ranthil-filter-btn');\r\n        const roomCards = document.querySelectorAll('.ranthil-room-card');\r\n\r\n        \/\/ Function to perform filtering\r\n        function filterGrid(filterValue) {\r\n            roomCards.forEach(card => {\r\n                const categories = card.getAttribute('data-categories').split(' ');\r\n                \r\n                if (filterValue === 'all' || categories.includes(filterValue)) {\r\n                    card.classList.remove('hidden');\r\n                    \/\/ Reset animation\r\n                    card.style.animation = 'none';\r\n                    card.offsetHeight; \/* trigger reflow *\/\r\n                    card.style.animation = 'fadeIn 0.5s ease forwards';\r\n                } else {\r\n                    card.classList.add('hidden');\r\n                }\r\n            });\r\n        }\r\n\r\n        filterLinks.forEach(link => {\r\n            link.addEventListener('click', function(e) {\r\n                e.preventDefault(); \/\/ Prevent default page reload\r\n\r\n                \/\/ Update Active State\r\n                filterLinks.forEach(l => l.classList.remove('active'));\r\n                this.classList.add('active');\r\n\r\n                \/\/ Filter\r\n                const filterValue = this.getAttribute('data-filter');\r\n                filterGrid(filterValue);\r\n\r\n                \/\/ Update URL using History API\r\n                \/\/ We use the href of the link as the new URL\r\n                history.pushState({filter: filterValue}, '', this.href);\r\n            });\r\n        });\r\n\r\n        \/\/ Handle Back\/Forward Browser Buttons\r\n        window.addEventListener('popstate', function(event) {\r\n            let filterValue = 'all';\r\n            if (event.state && event.state.filter) {\r\n                filterValue = event.state.filter;\r\n            }\r\n            \r\n            \/\/ Update UI based on history state\r\n            filterLinks.forEach(l => {\r\n                l.classList.remove('active');\r\n                if (l.getAttribute('data-filter') === filterValue) {\r\n                    l.classList.add('active');\r\n                }\r\n            });\r\n            \r\n            filterGrid(filterValue);\r\n        });\r\n    });\r\n    <\/script>\r\n    \n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_swt_meta_header_display":false,"_swt_meta_footer_display":false,"_swt_meta_site_title_display":true,"_swt_meta_sticky_header":false,"_swt_meta_transparent_header":false,"footnotes":""},"class_list":["post-463","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"adminranthil","author_link":"https:\/\/sltech.top\/ranthil\/author\/adminranthil\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/sltech.top\/ranthil\/wp-json\/wp\/v2\/pages\/463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sltech.top\/ranthil\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sltech.top\/ranthil\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sltech.top\/ranthil\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sltech.top\/ranthil\/wp-json\/wp\/v2\/comments?post=463"}],"version-history":[{"count":33,"href":"https:\/\/sltech.top\/ranthil\/wp-json\/wp\/v2\/pages\/463\/revisions"}],"predecessor-version":[{"id":1325,"href":"https:\/\/sltech.top\/ranthil\/wp-json\/wp\/v2\/pages\/463\/revisions\/1325"}],"wp:attachment":[{"href":"https:\/\/sltech.top\/ranthil\/wp-json\/wp\/v2\/media?parent=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}