{"id":108,"date":"2026-04-18T08:50:05","date_gmt":"2026-04-18T08:50:05","guid":{"rendered":"https:\/\/demo.adnl.co.in\/?page_id=108"},"modified":"2026-04-18T08:56:05","modified_gmt":"2026-04-18T08:56:05","slug":"the-hotel","status":"publish","type":"page","link":"https:\/\/demo.adnl.co.in\/index.php\/the-hotel\/","title":{"rendered":"The hotel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"108\" class=\"elementor elementor-108\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5eb82c e-flex e-con-boxed e-con e-parent\" data-id=\"f5eb82c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8adca71 e-con-full e-flex e-con e-child\" data-id=\"8adca71\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d708085 elementor-widget elementor-widget-html\" data-id=\"d708085\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>The Hotel | Rupam Bagh Boutique Experience<\/title>\r\n    \r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        :root {\r\n            --navy: #040c3d;\r\n            --gold: #c5a059;\r\n            --cream: #fdfcf9;\r\n            --white: #ffffff;\r\n            --text: #555;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        body { font-family: 'Poppins', sans-serif; background-color: var(--white); color: var(--text); }\r\n        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n\r\n        \/* --- LUXURY BUTTON (UPDATED) --- *\/\r\n        .rupam-btn-premium {\r\n            position: relative;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            padding: 18px 45px;\r\n            background: var(--navy);\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            letter-spacing: 1.5px;\r\n            text-transform: uppercase;\r\n            border-radius: 4px;\r\n            overflow: hidden;\r\n            transition: 0.4s ease;\r\n            box-shadow: 0 10px 20px rgba(4, 12, 61, 0.2);\r\n            border: 1px solid rgba(197, 160, 89, 0.3);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .rupam-btn-premium:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 30px rgba(197, 160, 89, 0.15);\r\n            border-color: var(--gold);\r\n        }\r\n\r\n        .btn-shimmer {\r\n            position: absolute;\r\n            top: 0; left: -100%; width: 50%; height: 100%;\r\n            background: linear-gradient(120deg, transparent, rgba(197, 160, 89, 0.3), transparent);\r\n            transition: 0.6s;\r\n        }\r\n\r\n        .rupam-btn-premium:hover .btn-shimmer { left: 150%; }\r\n\r\n        \/* --- 1. HERO SECTION --- *\/\r\n        .hotel-hero {\r\n            height: 80vh;\r\n            background: linear-gradient(rgba(4, 12, 61, 0.5), rgba(4, 12, 61, 0.5)), \r\n                        url('https:\/\/images.unsplash.com\/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1920&q=80');\r\n            background-size: cover;\r\n            background-position: center;\r\n            display: flex;\r\n            align-items: center;\r\n            color: white;\r\n        }\r\n\r\n        .hero-title { font-family: 'Playfair Display', serif; font-size: 62px; line-height: 1.1; margin: 20px 0; }\r\n        .hero-title span { color: var(--gold); font-style: italic; }\r\n        .rupam-badge { color: var(--gold); text-transform: uppercase; letter-spacing: 4px; font-size: 13px; font-weight: 600; }\r\n\r\n        \/* --- 2. BENTO CONTENT SECTION --- *\/\r\n        .hotel-bento-section { padding: 100px 0; background-color: var(--cream); }\r\n        .bento-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }\r\n        \r\n        .bento-item { background: #fff; padding: 40px; border-radius: 24px; border: 1px solid #f0ede6; transition: 0.4s; }\r\n        .bento-item:hover { transform: translateY(-7px); box-shadow: 0 20px 40px rgba(0,0,0,0.05); }\r\n\r\n        .main-story { grid-column: span 2; }\r\n        .main-story h2 { font-family: 'Playfair Display', serif; font-size: 34px; color: var(--navy); margin-bottom: 20px; }\r\n        .item-tag { color: var(--gold); font-weight: 600; text-transform: uppercase; font-size: 12px; }\r\n\r\n        .extra-mile-card { background: var(--navy); color: white; text-align: center; }\r\n        .extra-mile-card h3 { color: var(--gold); font-family: 'Playfair Display', serif; margin: 15px 0; }\r\n        \r\n        .transport-card ul { list-style: none; margin-top: 20px; }\r\n        .transport-card li { margin-bottom: 15px; font-size: 14px; display: flex; gap: 10px; }\r\n        .transport-card i { color: var(--gold); }\r\n\r\n        .events-card {\r\n            grid-column: span 2;\r\n            background: linear-gradient(transparent, rgba(4,12,61,0.9)), url('https:\/\/images.unsplash.com\/photo-1590490360182-c33d57733427?auto=format&fit=crop&w=1000&q=80');\r\n            background-size: cover; height: 300px; display: flex; align-items: flex-end; padding: 40px; color: white;\r\n        }\r\n\r\n        \/* --- 3. SUPPORT SECTION --- *\/\r\n        .support-strip { padding: 60px 0; background: var(--white); text-align: center; border-top: 1px solid #eee; }\r\n        .support-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 30px; }\r\n        .support-text h3 { font-family: 'Playfair Display', serif; font-size: 28px; color: var(--navy); }\r\n        \r\n        .btn-outline-navy {\r\n            padding: 15px 35px; border: 2px solid var(--navy); color: var(--navy);\r\n            text-decoration: none; font-weight: 600; border-radius: 4px; transition: 0.3s;\r\n        }\r\n        .btn-outline-navy:hover { background: var(--navy); color: white; }\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media (max-width: 992px) {\r\n            .bento-grid { grid-template-columns: 1fr; }\r\n            .main-story, .events-card { grid-column: span 1; }\r\n            .hero-title { font-size: 40px; }\r\n            .support-flex { justify-content: center; text-align: center; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"hotel-hero\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-text-box\">\r\n                <span class=\"rupam-badge\">Boutique Hotel<\/span>\r\n                <h1 class=\"hero-title\">A unique hotel experience <br><span>in the heart of Rupambagh.<\/span><\/h1>\r\n                <a href=\"#\" class=\"rupam-btn-premium\">\r\n                    <span class=\"btn-text\">Book Your Room<\/span>\r\n                    <i class=\"fas fa-calendar-check\"><\/i>\r\n                    <div class=\"btn-shimmer\"><\/div>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"hotel-bento-section\">\r\n        <div class=\"container\">\r\n            <div class=\"bento-grid\">\r\n                \r\n                <div class=\"bento-item main-story\">\r\n                    <span class=\"item-tag\">Our Wish<\/span>\r\n                    <h2>A Personal Touch in Every Stay<\/h2>\r\n                    <p>We want you to feel at home \u2013 that means we go the extra mile to ensure your needs and wants are fulfilled. If you need anything, we stand ready to assist at any moment of your journey.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bento-item extra-mile-card\">\r\n                    <i class=\"fas fa-gem\" style=\"font-size: 30px;\"><\/i>\r\n                    <h3>The extra mile<\/h3>\r\n                    <p>Enjoy free admission to <strong>Vikinghallen fitness center<\/strong> and exclusive discounts on Rupambagh finest restaurants.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"bento-item transport-card\">\r\n                    <h3 style=\"font-family: 'Playfair Display'; color: var(--navy);\">Transport & Parking<\/h3>\r\n                    <ul>\r\n                        <li><i class=\"fas fa-bus\"><\/i> Airport coach stops at Bryggen (2 min walk).<\/li>\r\n                        <li><i class=\"fas fa-car\"><\/i> Rosenkrants garage just around the corner.<\/li>\r\n                        <li><i class=\"fas fa-train\"><\/i> Fl\u00f8yen Funicular is just down the street.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"bento-item events-card\">\r\n                    <div class=\"events-info\">\r\n                        <h3 style=\"font-family: 'Playfair Display'; font-size: 28px;\">What\u2019s on in Rupambagh?<\/h3>\r\n                        <p>Explore events in the European City of Culture.<\/p>\r\n                        <a href=\"#\" style=\"color: white; text-decoration: underline; margin-top: 10px; display: block;\">See what\u2019s happening<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bento-item\" style=\"text-align: center;\">\r\n                    <i class=\"fas fa-bicycle\" style=\"font-size: 40px; color: var(--gold); margin-bottom: 15px;\"><\/i>\r\n                    <h3 style=\"font-family: 'Playfair Display';\">Rupambagh by Bike<\/h3>\r\n                    <p>Experience the city like never before.<\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"support-strip\">\r\n        <div class=\"container\">\r\n            <div class=\"support-flex\">\r\n                <div class=\"support-text\">\r\n                    <h3>We are here to help you.<\/h3>\r\n                    <p>Our concierge is ready to assist with any request.<\/p>\r\n                <\/div>\r\n                <div class=\"support-action\">\r\n                    <a href=\"#\" class=\"btn-outline-navy\">Ask us anything<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Hotel | Rupam Bagh Boutique Experience Boutique Hotel A unique hotel experience in the heart of Rupambagh. Book Your Room Our Wish A Personal Touch in Every Stay We want you to feel at home \u2013 that means we go the extra mile to ensure your needs and wants are fulfilled. If you need [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.adnl.co.in\/index.php\/wp-json\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.adnl.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.adnl.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.adnl.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.adnl.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":16,"href":"https:\/\/demo.adnl.co.in\/index.php\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":140,"href":"https:\/\/demo.adnl.co.in\/index.php\/wp-json\/wp\/v2\/pages\/108\/revisions\/140"}],"wp:attachment":[{"href":"https:\/\/demo.adnl.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}