{"id":4319,"date":"2024-06-25T04:11:58","date_gmt":"2024-06-24T21:11:58","guid":{"rendered":"https:\/\/souphattra.travelaniumweb.com\/vientiane\/?page_id=141"},"modified":"2026-01-26T09:45:10","modified_gmt":"2026-01-26T02:45:10","slug":"offers-2","status":"publish","type":"page","link":"https:\/\/souphattra.com\/kiridara\/offers-2\/","title":{"rendered":"Offers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4319\" class=\"elementor elementor-4319\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5eccba e-flex e-con-boxed e-con e-parent\" data-id=\"c5eccba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-56695f0 e-con-full e-flex e-con e-child\" data-id=\"56695f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd14974 elementor-widget elementor-widget-heading\" data-id=\"cd14974\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Exclusive Offers<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ccd1f1 elementor-widget elementor-widget-heading\" data-id=\"4ccd1f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"> Crafted for Your Perfect Stay in Luang Prabang<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-805ae5c elementor-widget elementor-widget-text-editor\" data-id=\"805ae5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Discover tailored promotions designed to enhance your Souphattra experience. Whether you&#8217;re planning a luxurious getaway, a business trip, or a family retreat, our exclusive packages bring exceptional value to your stay in the heart of Luang Prabang.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9efd50e elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"9efd50e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc480d1 elementor-widget elementor-widget-text-editor\" data-id=\"dc480d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>No any offers available at this time. Please come back later.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1edfac6 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"1edfac6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4c8c6a elementor-widget elementor-widget-spacer\" data-id=\"f4c8c6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5118657 e-flex e-con-boxed e-con e-parent\" data-id=\"5118657\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a07769 elementor-widget elementor-widget-html\" data-id=\"0a07769\" 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=\"th\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <title>Souphattra Tabs<\/title>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Baskervville&family=Poppins:wght@500&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* --- Base Styles (for all screen sizes) --- *\/\r\n    body {\r\n      margin: 0;\r\n      padding: 0;\r\n      font-family: 'Baskervville', serif;\r\n    }\r\n\r\n    .tabs {\r\n      max-width: 1200px;\r\n      margin: 4px auto 20px;\r\n      padding: 0 30px;\r\n    }\r\n\r\n    .tab-buttons {\r\n      display: flex;\r\n      gap: 20px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .tab-buttons button {\r\n      color: #a1a1a1;\r\n      background: none;\r\n      border: none;\r\n      padding: 12px 20px;\r\n      font-size: 16px;\r\n      font-family: 'Baskervville', serif;\r\n      cursor: pointer;\r\n      border-bottom: 3px solid transparent;\r\n      transition: all 0.3s ease;\r\n      white-space: nowrap;\r\n      border-radius: 0;\r\n    }\r\n\r\n    .tab-buttons button.active {\r\n      border-bottom: 1px solid #777f6e;\r\n      color: #777f6e;\r\n     \r\n    }\r\n\r\n    .tab-content {\r\n      display: none;\r\n    }\r\n\r\n    .tab-content.active {\r\n      display: block;\r\n    }\r\n\r\n    .my-unique-venue-container {\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      margin: 40px auto;\r\n      font-family: \"Baskervville\", serif;\r\n      color: #333;\r\n    }\r\n\r\n    .venue-section {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 40px;\r\n      margin-bottom: 60px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .venue-section.reverse {\r\n      flex-direction: row-reverse;\r\n    }\r\n\r\n    .venue-image {\r\n      background-size: cover;\r\n      background-position: center;\r\n      flex: 1 1 400px;\r\n      min-height: 400px; \/* Increased minimum height for all screens *\/\r\n      background-repeat: no-repeat; \/* Prevents image from repeating *\/\r\n      \r\n    }\r\n    \r\n    .venue-content {\r\n      flex: 1 1 400px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      font-family: \"Baskervville\", serif;\r\n    }\r\n\r\n    .venue-pre-title {\r\n      font-size: 14px;\r\n      color: #888;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      \r\n    }\r\n\r\n    .venue-title {\r\n      font-size: 38px;\r\n      font-weight: normal;\r\n      color: #111;\r\n      margin: 10px 0 20px 0;\r\n      line-height: 1.2;\r\n      font-family: \"Baskervville\", serif;\r\n    }\r\n\r\n    .venue-content p,\r\n    .venue-content ul {\r\n      font-size: 16px;\r\n      line-height: 1.6;\r\n      color: #111;\r\n      margin-bottom: 20px;\r\n      font-family: \"Baskervville\", serif;\r\n    }\r\n\r\n    .venue-accordion {\r\n      margin-top: 30px;\r\n      width: 100%;\r\n    }\r\n\r\n    .accordion-item {\r\n      border-top: 1px solid #e0e0e0;\r\n    }\r\n\r\n    .accordion-item:last-child {\r\n      border-bottom: 1px solid #e0e0e0;\r\n    }\r\n\r\n    .accordion-header {\r\n      width: 100%;\r\n      padding: 15px;\r\n      cursor: pointer;\r\n      background: none;\r\n      border: none;\r\n      text-align: left;\r\n      font-size: 16px;\r\n      font-family: inherit;\r\n      color: #333;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      transition: color 0.4s ease;\r\n    }\r\n\r\n    .accordion-header:hover,\r\n    .accordion-header:active,\r\n    .accordion-header:focus,\r\n    .accordion-header:focus-visible {\r\n      outline: none !important;\r\n      border: none !important;\r\n      box-shadow: none !important;\r\n      background: none !important;\r\n      color: #333 !important;\r\n    }\r\n\r\n    .accordion-header.active {\r\n      color: #a89166 !important;\r\n      background: none !important;\r\n    }\r\n\r\n    .accordion-header::after {\r\n      content: '+';\r\n      font-size: 20px;\r\n      transition: transform 0.4s ease;\r\n    }\r\n\r\n    .accordion-header.active::after {\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    .accordion-content {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height 0.8s ease-in-out;\r\n      background-color: #ffffff;\r\n    }\r\n\r\n    .accordion-content .content-inner {\r\n      padding: 15px;\r\n    }\r\n    \r\n    \/* New CSS for the buttons container *\/\r\n .buttons-container {\r\n display: flex;\r\n gap: 20px; \/* Adjust the space between buttons *\/\r\n margin-top: 40px; \/* Same margin as the original button *\/\r\n}\r\n\r\n    .btn-main-action {\r\n      display: inline-block;\r\n      margin-top: 40px;\r\n      padding: 12px 28px;\r\n      font-family: 'Baskervville', sans-serif;\r\n      color: #2c2c2c; !important;\r\n      background-color: #777f6e;\r\n      font-size: 16px;\r\n      font-weight: 300;\r\n      text-align: center;\r\n      border: 1px solid #777f6e;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease-out;\r\n      text-decoration: none;\r\n      width: 160px;\r\n    }\r\n\r\n    .btn-main-action:hover {\r\n      background-color: #777f6e;\r\n      color: #ffffff;\r\n      border-color: #777f6e;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    \/* --- Tablet-Specific Styles (769px to 1024px) --- *\/\r\n    @media (min-width: 769px) and (max-width: 1024px) {\r\n      .tabs, .my-unique-venue-container {\r\n        padding: 0 30px;\r\n      }\r\n\r\n      .venue-title {\r\n        font-size: 32px;\r\n      }\r\n\r\n      .venue-section {\r\n        gap: 30px;\r\n        margin-bottom: 50px;\r\n      }\r\n\r\n      .venue-image {\r\n        min-height: 350px; \/* Custom height for tablets *\/\r\n        flex: 1 1 100%;\r\n      }\r\n\r\n      .venue-content {\r\n        flex: 1 1 100%;\r\n      }\r\n\r\n      .venue-section, .venue-section.reverse {\r\n        flex-direction: column; \/* Stack vertically on tablets for a cleaner look *\/\r\n      }\r\n    }\r\n\r\n    \/* --- Mobile-Specific Styles (up to 768px) --- *\/\r\n    @media (max-width: 767px) {\r\n      .tabs {\r\n        margin: 1px auto;\r\n        padding: 0 15px;\r\n      }\r\n\r\n      .tab-buttons {\r\n        gap: 10px;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n      }\r\n\r\n      .tab-buttons button {\r\n        padding: 10px 15px;\r\n        font-size: 14px;\r\n        flex-grow: 1;\r\n        min-width: unset;\r\n      }\r\n      \r\n      .venue-section {\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        margin-bottom: 40px;\r\n      }\r\n\r\n      .venue-section.reverse {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .venue-title {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .venue-content {\r\n        order: 2;\r\n      }\r\n      \r\n      .venue-image {\r\n        order: 1;\r\n        min-height: 300px; \/* Increased image height for mobile *\/\r\n      }\r\n\r\n      .venue-image,\r\n      .venue-content {\r\n        flex: 1 1 100%;\r\n      }\r\n\r\n      .btn-main-action {\r\n        width: 45%;\r\n        margin-top: 50px;\r\n        font-size: 13px;\r\n      }\r\n      \r\n      \/* New mobile styles for the buttons container *\/\r\n .buttons-container {\r\n flex-direction: column;\r\n gap: 10px;\r\n margin-top: 20px;\r\n }\r\n\r\n .buttons-container .btn-main-action {\r\n width: 15\u0ecd00%;\r\n margin-top: 0;\r\n }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"tabs\">\r\n  <div class=\"tab-buttons\">\r\n    <button class=\"tab-btn active\" data-tab=\"room\">Room<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"dining\">Dining<\/button>\r\n    <button class=\"tab-btn\" data-tab=\"wellness\">Wellness<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"tab-content active\" id=\"room\">\r\n    <div class=\"my-unique-venue-container\">\r\n    <p>Coming soon.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n         \r\n\r\n       \r\n       \r\n  \r\n\r\n  <div class=\"tab-content\" id=\"dining\">\r\n    <div class=\"my-unique-venue-container\">\r\n        <p>Coming soon.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n     <!-- <div class=\"venue-section reverse\">\r\n        <div class=\"venue-image\" style=\"background-image: url('https:\/\/souphattra.com\/vientiane\/wp-content\/uploads\/2025\/07\/STP-Wan-Xiang-2606202536940-Edit-copy.jpg');\"><\/div>\r\n        <div class=\"venue-content\">\r\n          <p class=\"venue-pre-title\">Wan Xiang<\/p>\r\n          <h4 class=\"venue-title\">Cantonese Cuisine Buffet<\/h4>\r\n          <p>Immerse in authentic Cantonese-style Chinese cuisine, featuring Dim Sum made with premium ingredients over 80 dishes.<\/p>\r\n          <ul>\r\n            <li>A variety of handcrafted dim sum and steamed buns<\/li>\r\n            <li>An extensive selection of seafood dishes: prawns, clams, crab, fish<\/li>\r\n            <li>Peking duck carved into perfect bite-sized pieces<\/li>\r\n            <li>A tempting array of desserts in various styles<\/li>\r\n          <\/ul>\r\n          <div class=\"venue-accordion\">\r\n            <div class=\"accordion-item\">\r\n              <button type=\"button\" class=\"accordion-header\">Details<\/button>\r\n              <div class=\"accordion-content\">\r\n                <div class=\"content-inner\">\r\n                  <p><b>All of this for just USD49 per person<\/b><\/p>\r\n                  <ul>\r\n                    <li>Available exclusively on Friday, Saturday and Sunday<\/li>\r\n                    <li>Exclusively for guests with reservation<\/li>\r\n                  <\/ul>\r\n                  <p><b>Reserve your table today and discover the diversity of flavors<\/b><br>\r\n                  Tel: +85621 713555 | +85620 2992 9588<br>\r\n                  From 11:00 AM to 02:00 PM<br>\r\n                  Location: Wan Xiang, 1st floor of Souphattra Hotel Vientiane<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"accordion-item\">\r\n              <button type=\"button\" class=\"accordion-header\">Menu<\/button>\r\n              <div class=\"accordion-content\">\r\n                <div class=\"content-inner\">\r\n                  <p>Menu information coming soon.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <a href=\"https:\/\/wa.me\/+8562029929588\" target=\"_blank\" class=\"btn-main-action\" rel=\"noopener\">Book Now<\/a>\r\n        <\/div>\r\n      <\/div> -->\r\n\r\n  <div class=\"tab-content\" id=\"wellness\">\r\n    <div class=\"my-unique-venue-container\">\r\n          <p>Coming soon.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ Tabs\r\n  document.querySelectorAll('.tab-btn').forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\r\n      document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));\r\n      btn.classList.add('active');\r\n      document.getElementById(btn.dataset.tab).classList.add('active');\r\n    });\r\n  });\r\n\r\n  \/\/ Accordion\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    const accordionButtons = document.querySelectorAll('.accordion-header');\r\n    accordionButtons.forEach(button => {\r\n      button.addEventListener('click', function () {\r\n        this.classList.toggle('active');\r\n        const content = this.closest('.accordion-item').querySelector('.accordion-content');\r\n        if (content.style.maxHeight) {\r\n          content.style.maxHeight = null;\r\n        } else {\r\n          setTimeout(() => {\r\n            content.style.maxHeight = content.scrollHeight + \"px\";\r\n          }, 50);\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Exclusive Offers Crafted for Your Perfect Stay in Luang Prabang Discover tailored promotions designed to enhance your Souphattra experience. Whether you&#8217;re planning a luxurious getaway, a business trip, or a family retreat, our exclusive packages bring exceptional value to your stay in the heart of Luang Prabang. No any offers available at this time. Please [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4319","page","type-page","status-publish","hentry"],"meta_box":[],"_links":{"self":[{"href":"https:\/\/souphattra.com\/kiridara\/wp-json\/wp\/v2\/pages\/4319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/souphattra.com\/kiridara\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/souphattra.com\/kiridara\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/souphattra.com\/kiridara\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/souphattra.com\/kiridara\/wp-json\/wp\/v2\/comments?post=4319"}],"version-history":[{"count":9,"href":"https:\/\/souphattra.com\/kiridara\/wp-json\/wp\/v2\/pages\/4319\/revisions"}],"predecessor-version":[{"id":4473,"href":"https:\/\/souphattra.com\/kiridara\/wp-json\/wp\/v2\/pages\/4319\/revisions\/4473"}],"wp:attachment":[{"href":"https:\/\/souphattra.com\/kiridara\/wp-json\/wp\/v2\/media?parent=4319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}