{"id":1454,"date":"2026-05-11T11:25:48","date_gmt":"2026-05-11T11:25:48","guid":{"rendered":"https:\/\/theoasislangkawi.my\/web\/?page_id=1454"},"modified":"2026-05-19T10:39:48","modified_gmt":"2026-05-19T10:39:48","slug":"main","status":"publish","type":"page","link":"https:\/\/theoasislangkawi.my\/web\/","title":{"rendered":"Main"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1454\" class=\"elementor elementor-1454\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8df1ff e-con-full e-flex e-con e-parent\" data-id=\"a8df1ff\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dd9a84 elementor-widget elementor-widget-slider_revolution\" data-id=\"2dd9a84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"slider_revolution.default\">\n\t\t\t\t\t\r\n\t\t<div class=\"wp-block-themepunch-revslider\">\n\t\t\t<!-- START Slider 1 REVOLUTION SLIDER 6.4.10 --><p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t<rs-module-wrap id=\"rev_slider_1_1_wrapper\" data-source=\"gallery\" style=\"background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;\">\n\t\t\t\t<rs-module id=\"rev_slider_1_1\" style=\"\" data-version=\"6.4.10\">\n\t\t\t\t\t<rs-slides>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-2\" data-title=\"Slide\" data-in=\"o:0;\" data-out=\"a:false;\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" src=\"\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-5.jpeg\" alt=\"oas (5)\" title=\"oas (5)\" width=\"563\" height=\"1000\" class=\"rev-slidebg tp-rs-img\" data-no-retina>\n<!---->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-3\" data-title=\"Slide\" data-in=\"o:0;\" data-out=\"a:false;\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/02\/oas-16.jpeg\" title=\"Main\" class=\"rev-slidebg tp-rs-img\" alt=\"Oas 16\">\n<!---->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-4\" data-title=\"Slide\" data-in=\"o:0;\" data-out=\"a:false;\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/02\/oas-17.jpeg\" title=\"Main\" class=\"rev-slidebg tp-rs-img\" alt=\"Oas 17\">\n<!---->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-5\" data-title=\"Slide\" data-in=\"o:0;\" data-out=\"a:false;\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/02\/oas-14.jpeg\" title=\"Main\" class=\"rev-slidebg tp-rs-img\" alt=\"Oas 14\">\n<!---->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-6\" data-title=\"Slide\" data-in=\"o:0;\" data-out=\"a:false;\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/02\/oas-12.jpeg\" title=\"Main\" class=\"rev-slidebg tp-rs-img\" alt=\"Oas 12\">\n<!---->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-7\" data-title=\"Slide\" data-in=\"o:0;\" data-out=\"a:false;\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/02\/oas-11.jpeg\" title=\"Main\" class=\"rev-slidebg tp-rs-img\" alt=\"Oas 11\">\n<!---->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-8\" data-title=\"Slide\" data-in=\"o:0;\" data-out=\"a:false;\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/02\/oas-6.jpeg\" title=\"Main\" class=\"rev-slidebg tp-rs-img\" alt=\"Oas 6\">\n<!---->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t<\/rs-slides>\n\t\t\t\t<\/rs-module>\n\t\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t\tsetREVStartSize({c: 'rev_slider_1_1',rl:[1240,1024,778,480],el:[900],gw:[1240],gh:[900],type:'standard',justify:'',layout:'fullwidth',mh:\"0\"});\n\t\t\t\t\tvar\trevapi1,\n\t\t\t\t\t\ttpj;\n\t\t\t\t\tfunction revinit_revslider11() {\n\t\t\t\t\tjQuery(function() {\n\t\t\t\t\t\ttpj = jQuery;\n\t\t\t\t\t\trevapi1 = tpj(\"#rev_slider_1_1\");\n\t\t\t\t\t\tif(revapi1==undefined || revapi1.revolution == undefined){\n\t\t\t\t\t\t\trevslider_showDoubleJqueryError(\"rev_slider_1_1\");\n\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\trevapi1.revolution({\n\t\t\t\t\t\t\t\tDPR:\"dpr\",\n\t\t\t\t\t\t\t\tsliderLayout:\"fullwidth\",\n\t\t\t\t\t\t\t\tvisibilityLevels:\"1240,1024,778,480\",\n\t\t\t\t\t\t\t\tgridwidth:1240,\n\t\t\t\t\t\t\t\tgridheight:900,\n\t\t\t\t\t\t\t\tperspective:600,\n\t\t\t\t\t\t\t\tperspectiveType:\"global\",\n\t\t\t\t\t\t\t\teditorheight:\"900,768,960,720\",\n\t\t\t\t\t\t\t\tresponsiveLevels:\"1240,1024,778,480\",\n\t\t\t\t\t\t\t\tprogressBar:{disableProgressBar:true},\n\t\t\t\t\t\t\t\tnavigation: {\n\t\t\t\t\t\t\t\t\tonHoverStop:false\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tfallbacks: {\n\t\t\t\t\t\t\t\t\tallowHTML5AutoPlayOnAndroid:true\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t});\n\t\t\t\t\t} \/\/ End of RevInitScript\n\t\t\t\tvar once_revslider11 = false;\n\t\t\t\tif (document.readyState === \"loading\") {document.addEventListener('readystatechange',function() { if((document.readyState === \"interactive\" || document.readyState === \"complete\") && !once_revslider11 ) { once_revslider11 = true; revinit_revslider11();}});} else {once_revslider11 = true; revinit_revslider11();}\n\t\t\t\t<\/script>\n\t\t\t<\/rs-module-wrap>\n\t\t\t<!-- END REVOLUTION SLIDER -->\n<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-284641b elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"284641b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"oasis-hero-dark\">\n  <div class=\"oasis-hero-overlay\"><\/div>\n\n  <div class=\"oasis-hero-inner\">\n    <div class=\"oasis-hero-content\">\n      <span class=\"oasis-hero-subtitle\">\u2726 The Oasis Homestay Langkawi<\/span>\n      <h1>Penginapan Eksklusif<br>Untuk Percutian Yang Lebih Selesa<\/h1>\n      <p>\n        Nikmati suasana tenang, privasi premium dan kemudahan lengkap di homestay yang direka khas\n        untuk pasangan, keluarga dan kumpulan kecil di Pulau Langkawi.\n      <\/p>\n\n     \n\n      <div class=\"oasis-hero-stats\">\n        <div class=\"oasis-hero-stat\">\n          <strong>11<\/strong>\n          <span>Unit Tersedia<\/span>\n        <\/div>\n        <div class=\"oasis-hero-stat\">\n          <strong>POOL<\/strong>\n          <span>Kolam Luas<\/span>\n        <\/div>\n        <div class=\"oasis-hero-stat\">\n          <strong>PRIVASI<\/strong>\n          <span>Eksklusif & Tenang<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.oasis-hero-dark{\n  position:relative;\n  min-height:92vh;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n  background:\n    linear-gradient(135deg, rgba(8,10,14,0.78), rgba(8,10,14,0.92)),\n    url('images\/homestay-hero.jpg') center\/cover no-repeat;\n  font-family:'Poppins',sans-serif;\n}\n\n.oasis-hero-dark::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at top left, rgba(212,175,55,0.12), transparent 28%),\n    radial-gradient(circle at bottom right, rgba(212,175,55,0.10), transparent 24%);\n  pointer-events:none;\n}\n\n.oasis-hero-overlay{\n  position:absolute;\n  inset:0;\n  background:linear-gradient(to right, rgba(6,8,12,0.88) 0%, rgba(6,8,12,0.65) 48%, rgba(6,8,12,0.78) 100%);\n}\n\n.oasis-hero-inner{\n  position:relative;\n  z-index:2;\n  width:100%;\n  max-width:1200px;\n  margin:0 auto;\n  padding:100px 20px;\n}\n\n.oasis-hero-content{\n  max-width:720px;\n  animation:oasisHeroFadeUp 1s ease both;\n}\n\n.oasis-hero-subtitle{\n  display:inline-block;\n  color:#d4af37;\n  font-size:14px;\n  font-weight:600;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  margin-bottom:16px;\n}\n\n.oasis-hero-content h1{\n  margin:0 0 18px;\n  color:#ffffff;\n  font-size:58px;\n  line-height:1.12;\n  font-weight:700;\n}\n\n.oasis-hero-content p{\n  margin:0 0 28px;\n  color:#b6c0cb;\n  font-size:17px;\n  line-height:1.9;\n  max-width:650px;\n}\n\n.oasis-hero-buttons{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  margin-bottom:38px;\n}\n\n.oasis-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:14px 26px;\n  border-radius:999px;\n  text-decoration:none;\n  font-size:15px;\n  font-weight:600;\n  transition:all .35s ease;\n}\n\n.oasis-btn-primary{\n  background:linear-gradient(135deg,#d4af37,#f3d27a);\n  color:#111;\n  box-shadow:0 12px 28px rgba(212,175,55,0.22);\n}\n\n.oasis-btn-primary:hover{\n  transform:translateY(-3px);\n  box-shadow:0 18px 35px rgba(212,175,55,0.28);\n}\n\n.oasis-btn-secondary{\n  border:1px solid rgba(255,255,255,0.18);\n  background:rgba(255,255,255,0.04);\n  color:#fff;\n  backdrop-filter:blur(6px);\n}\n\n.oasis-btn-secondary:hover{\n  transform:translateY(-3px);\n  border-color:rgba(212,175,55,0.45);\n  color:#f3d27a;\n}\n\n.oasis-hero-stats{\n  display:grid;\n  grid-template-columns:repeat(3, minmax(140px, 1fr));\n  gap:18px;\n  max-width:760px;\n}\n\n.oasis-hero-stat{\n  background:rgba(255,255,255,0.04);\n  border:1px solid rgba(255,255,255,0.08);\n  border-radius:20px;\n  padding:20px 18px;\n  backdrop-filter:blur(8px);\n  box-shadow:0 10px 30px rgba(0,0,0,0.25);\n  transition:all .35s ease;\n}\n\n.oasis-hero-stat:hover{\n  transform:translateY(-6px);\n  border-color:rgba(212,175,55,0.35);\n}\n\n.oasis-hero-stat strong{\n  display:block;\n  color:#f3d27a;\n  font-size:24px;\n  font-weight:700;\n  line-height:1.2;\n  margin-bottom:6px;\n}\n\n.oasis-hero-stat span{\n  color:#c0c9d4;\n  font-size:14px;\n  line-height:1.5;\n}\n\n@keyframes oasisHeroFadeUp{\n  from{\n    opacity:0;\n    transform:translateY(35px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@media (max-width: 1024px){\n  .oasis-hero-content h1{\n    font-size:46px;\n  }\n}\n\n@media (max-width: 767px){\n  .oasis-hero-dark{\n    min-height:auto;\n  }\n\n  .oasis-hero-inner{\n    padding:80px 15px 70px;\n  }\n\n  .oasis-hero-content h1{\n    font-size:34px;\n    line-height:1.2;\n  }\n\n  .oasis-hero-content p{\n    font-size:15px;\n  }\n\n  .oasis-hero-buttons{\n    flex-direction:column;\n    align-items:stretch;\n  }\n\n  .oasis-btn{\n    width:100%;\n  }\n\n  .oasis-hero-stats{\n    grid-template-columns:1fr;\n  }\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46f0d48 elementor-widget elementor-widget-shortcode\" data-id=\"46f0d48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"hm-dark-services-wrap\">\n  <div class=\"hm-dark-head\">\n    <span class=\"hm-dark-sub\">\u2726 Perkhidmatan Kami<\/span>\n    <h2>Apa Yang Kami Tawarkan<\/h2>\n    <p>\n      Penginapan eksklusif dengan kemudahan lengkap untuk pengalaman percutian yang lebih tenang dan mewah.\n    <\/p>\n  <\/div>\n\n  <div class=\"hm-dark-grid\">\n    <div class=\"hm-dark-card\">\n      <div class=\"hm-dark-icon\">\ud83c\udfe0<\/div>\n      <h3>Penginapan Eksklusif<\/h3>\n      <p>Unit berasingan yang menjamin privasi dan keselesaan maksima untuk keluarga.<\/p>\n    <\/div>\n\n    <div class=\"hm-dark-card\">\n      <div class=\"hm-dark-icon\">\ud83c\udfca\u200d\u2642\ufe0f<\/div>\n      <h3>Kolam Renang Luas<\/h3>\n      <p>Kemudahan kolam renang yang bersih dan sesuai untuk semua peringkat umur.<\/p>\n    <\/div>\n\n    <div class=\"hm-dark-card\">\n      <div class=\"hm-dark-icon\">\ud83c\udf73<\/div>\n      <h3>Dapur Lengkap<\/h3>\n      <p>Dilengkapi dapur penuh untuk memasak dengan selesa seperti di rumah.<\/p>\n    <\/div>\n\n    <div class=\"hm-dark-card\">\n      <div class=\"hm-dark-icon\">\ud83c\udd7f\ufe0f<\/div>\n      <h3>Tempat Letak Kereta<\/h3>\n      <p>Parkir luas dan selamat disediakan secara percuma.<\/p>\n    <\/div>\n\n    <div class=\"hm-dark-card\">\n      <div class=\"hm-dark-icon\">\ud83e\uddfa<\/div>\n      <h3>Kemudahan Dobi<\/h3>\n      <p>Mesin basuh dan seterika tersedia dalam unit untuk kemudahan anda.<\/p>\n    <\/div>\n\n    <div class=\"hm-dark-card\">\n      <div class=\"hm-dark-icon\">\ud83d\udd12<\/div>\n      <h3>Keselamatan Terjamin<\/h3>\n      <p>Persekitaran selamat dan tenang untuk ketenangan sepanjang penginapan.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.hm-dark-services-wrap{\n  background:#0f1115;\n  padding:80px 20px;\n  position:relative;\n  overflow:hidden;\n  font-family:'Poppins',sans-serif;\n}\n\n.hm-dark-services-wrap::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at top right, rgba(212,175,55,0.12), transparent 30%),\n    radial-gradient(circle at bottom left, rgba(212,175,55,0.08), transparent 30%);\n  pointer-events:none;\n}\n\n.hm-dark-head{\n  text-align:center;\n  max-width:700px;\n  margin:0 auto 50px;\n  animation:fadeUp 0.9s ease both;\n}\n\n.hm-dark-sub{\n  color:#d4af37;\n  font-weight:600;\n  letter-spacing:1px;\n  text-transform:uppercase;\n  font-size:14px;\n  display:inline-block;\n  margin-bottom:12px;\n}\n\n.hm-dark-head h2{\n  color:#ffffff;\n  font-size:42px;\n  margin-bottom:12px;\n  font-weight:700;\n}\n\n.hm-dark-head p{\n  color:#9aa3af;\n  font-size:16px;\n  line-height:1.8;\n}\n\n.hm-dark-grid{\n  max-width:1200px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n  gap:26px;\n}\n\n.hm-dark-card{\n  background:rgba(255,255,255,0.04);\n  border:1px solid rgba(255,255,255,0.08);\n  border-radius:24px;\n  padding:30px 24px;\n  backdrop-filter:blur(8px);\n  transition:all 0.4s ease;\n  position:relative;\n  overflow:hidden;\n  opacity:0;\n  transform:translateY(30px);\n  animation:fadeUp 0.8s ease forwards;\n}\n\n.hm-dark-card:nth-child(1){animation-delay:0.1s;}\n.hm-dark-card:nth-child(2){animation-delay:0.2s;}\n.hm-dark-card:nth-child(3){animation-delay:0.3s;}\n.hm-dark-card:nth-child(4){animation-delay:0.4s;}\n.hm-dark-card:nth-child(5){animation-delay:0.5s;}\n.hm-dark-card:nth-child(6){animation-delay:0.6s;}\n\n.hm-dark-card::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(120deg, rgba(212,175,55,0.15), transparent 40%);\n  opacity:0;\n  transition:0.4s;\n}\n\n.hm-dark-card:hover{\n  transform:translateY(-10px);\n  border-color:rgba(212,175,55,0.4);\n  box-shadow:0 20px 50px rgba(0,0,0,0.6);\n}\n\n.hm-dark-card:hover::before{\n  opacity:1;\n}\n\n.hm-dark-icon{\n  width:75px;\n  height:75px;\n  border-radius:20px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  font-size:32px;\n  margin-bottom:18px;\n  background:linear-gradient(135deg,#1f2229,#2a2f36);\n  box-shadow:0 10px 25px rgba(0,0,0,0.5);\n  transition:0.3s;\n}\n\n.hm-dark-card:hover .hm-dark-icon{\n  transform:scale(1.1) rotate(5deg);\n  background:linear-gradient(135deg,#d4af37,#f5d98b);\n  color:#000;\n}\n\n.hm-dark-card h3{\n  color:#ffffff;\n  font-size:20px;\n  margin-bottom:10px;\n}\n\n.hm-dark-card p{\n  color:#9aa3af;\n  font-size:14.5px;\n  line-height:1.7;\n}\n\n@keyframes fadeUp{\n  from{opacity:0; transform:translateY(30px);}\n  to{opacity:1; transform:translateY(0);}\n}\n\n@media(max-width:768px){\n  .hm-dark-head h2{\n    font-size:30px;\n  }\n}\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc69797 elementor-widget elementor-widget-shortcode\" data-id=\"dc69797\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n.oasis-form-wrap{max-width1080px;margin:0 auto;background:#151515;border:1px solid rgba(255,255,255,.06);padding:32px;border-radius:10px;color:#fff;font-family:Montserrat,sans-serif}\n.oasis-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}\n.oasis-form-grid .full{grid-column:1\/-1}\n.oasis-form-wrap input,.oasis-form-wrap select{width:100%;padding:14px 16px;background:#1c1c1c;border:1px solid #343434;border-radius:6px;color:#fff}\n.oasis-form-wrap label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#9ca3af;margin-bottom:8px}\n.oasis-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);text-align:center}\n.oasis-btn{width:100%;margin-top:24px;background:#C5A059;color:#fff;border:none;border-radius:6px;padding:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer}\n@media(max-width:767px){.oasis-form-grid,.oasis-summary{grid-template-columns:1fr 1fr}.oasis-summary{row-gap:12px}}\n<\/style>\n\n<div class=\"oasis-form-wrap\">\n  <div style=\"text-align:center;margin-bottom:24px\">\n    <h2 style=\"margin:0;color:#C5A059;font-family:'Playfair Display',serif;\">The Oasis Homestay Langkawi<\/h2>\n    <p style=\"margin:6px 0 0;color:#6b7280;font-size:12px;letter-spacing:2px;text-transform:uppercase;\">Booking System<\/p>\n    <p style=\"margin:6px 0 0;color:#6b7280;font-size:12px;letter-spacing:2px;\">ID: <span id=\"booking-id\">THEOASIS-00000000-XXXXX<\/span><\/p>\n  <\/div>\n\n  <form onsubmit=\"handleWhatsAppBooking(event)\">\n    <div class=\"oasis-form-grid\">\n      <div>\n        <label>Nama Penuh<\/label>\n        <input type=\"text\" id=\"name\" placeholder=\"Masukkan nama penuh\" required>\n      <\/div>\n      <div>\n        <label>No. Telefon<\/label>\n        <input type=\"tel\" id=\"phone\" placeholder=\"Contoh: 0123456789\" required>\n      <\/div>\n      <div class=\"full\">\n        <label>Homestay <\/label>\n        <select id=\"unit\" required>\n          <option value=\"\">Select<\/option>\n          <option>Unit 1<\/option><option>Unit 2<\/option><option>Unit 3<\/option><option>Unit 4<\/option><option>Unit 5<\/option>\n          <option>Unit 6<\/option><option>Unit 7<\/option><option>Unit 8<\/option><option>Unit 9<\/option><option>Unit 10<\/option><option>Unit 11<\/option>\n        <\/select>\n      <\/div>\n      <div>\n        <label>Check-in<\/label>\n        <input type=\"date\" id=\"check-in\" onchange=\"calculatePrice()\" required>\n      <\/div>\n      <div>\n        <label>Check-out<\/label>\n        <input type=\"date\" id=\"check-out\" onchange=\"calculatePrice()\" required>\n      <\/div>\n      <div>\n        <label>Number of Adults<\/label>\n        <select id=\"adults\" required>\n          <option value=\"\">Select<\/option>\n          <option>1<\/option><option>2<\/option><option>3<\/option><option>4<\/option><option>5<\/option>\n        <\/select>\n      <\/div>\n      <div>\n        <label>Number of Children<\/label>\n        <select id=\"children\" required>\n          <option value=\"\">Select<\/option>\n          <option>0<\/option><option>1<\/option><option>2<\/option><option>3<\/option><option>4<\/option>\n        <\/select>\n      <\/div>\n      <div>\n        <label>Arrival Location<\/label>\n        <select id=\"arrival\" required>\n          <option value=\"\">Select<\/option>\n          <option>Langkawi International Airport<\/option>\n          <option>Jetty Ferry Kuah<\/option>\n        <\/select>\n      <\/div>\n      <div>\n        <label>Departure Location<\/label>\n        <select id=\"departure\" required>\n          <option value=\"\">Select<\/option>\n          <option>Langkawi International Airport<\/option>\n          <option>Jetty Ferry Kuah<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"full\">\n        <label>Add-on (Optional)<\/label>\n        <select id=\"addon\" onchange=\"calculatePrice()\">\n          <option value=\"\">1 Toto dan 2 Bantal (RM25)<\/option>\n          \n        <\/select>\n      <\/div>\n    <\/div>\n\n    <div class=\"oasis-summary\">\n      <div><div style=\"font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:2px\">Price \/ Night<\/div><div id=\"display-rate\" style=\"font-size:22px;font-weight:700;margin-top:6px\">RM 280<\/div><\/div>\n      <div><div style=\"font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:2px\">Nights<\/div><div id=\"display-nights\" style=\"font-size:22px;font-weight:700;margin-top:6px\">1<\/div><\/div>\n      <div><div style=\"font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:2px\">Add-on<\/div><div id=\"display-addon\" style=\"font-size:22px;font-weight:700;margin-top:6px\">RM 0<\/div><\/div>\n      <div><div style=\"font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:2px\">Estimated Total<\/div><div id=\"display-total\" style=\"font-size:22px;font-weight:700;color:#C5A059;margin-top:6px\">RM 280<\/div><\/div>\n    <\/div>\n\n    <button class=\"oasis-btn\" id=\"submit-btn\" type=\"submit\">Book via WhatsApp<\/button>\n  <\/form>\n<\/div>\n\n<script>\nconst BASE_RATE_WEEKDAY = 280;\nconst BASE_RATE_WEEKEND = 350;\nconst ADDON_PRICES = {'':0,'Car Rental':120,'Mangrove Tour':250,'Airport Transfer':80};\n\nfunction generateBookingID() {\n  const date = new Date();\n  const y = date.getFullYear();\n  const m = String(date.getMonth() + 1).padStart(2, '0');\n  const d = String(date.getDate()).padStart(2, '0');\n  const rand = Math.random().toString(36).substring(2, 7).toUpperCase();\n  return `THEOASIS-${y}${m}${d}-${rand}`;\n}\n\nfunction getRateForDate(dateString) {\n  if (!dateString) return BASE_RATE_WEEKDAY;\n  const day = new Date(dateString).getDay();\n  return (day === 5 || day === 6) ? BASE_RATE_WEEKEND : BASE_RATE_WEEKDAY;\n}\n\nfunction calculatePrice() {\n  const checkIn = document.getElementById('check-in').value;\n  const checkOut = document.getElementById('check-out').value;\n  const addon = document.getElementById('addon').value;\n  let nights = 1;\n  let rate = getRateForDate(checkIn);\n\n  if (checkIn && checkOut) {\n    const date1 = new Date(checkIn);\n    const date2 = new Date(checkOut);\n    const diffTime = date2 - date1;\n    const diffDays = Math.ceil(diffTime \/ (1000 * 60 * 60 * 24));\n    nights = diffDays > 0 ? diffDays : 1;\n  }\n\n  const addonPrice = ADDON_PRICES[addon] || 0;\n  const total = (rate * nights) + addonPrice;\n\n  document.getElementById('display-rate').innerText = `RM ${rate}`;\n  document.getElementById('display-nights').innerText = nights;\n  document.getElementById('display-addon').innerText = `RM ${addonPrice}`;\n  document.getElementById('display-total').innerText = `RM ${total}`;\n}\n\nfunction handleWhatsAppBooking(event) {\n  event.preventDefault();\n  const submitBtn = document.getElementById('submit-btn');\n  submitBtn.innerText = 'Sending...';\n  submitBtn.disabled = true;\n\n  const bookingId = document.getElementById('booking-id').innerText;\n  const name = document.getElementById('name').value;\n  const phone = document.getElementById('phone').value;\n  const unit = document.getElementById('unit').value;\n  const checkIn = document.getElementById('check-in').value;\n  const checkOut = document.getElementById('check-out').value;\n  const adults = document.getElementById('adults').value;\n  const children = document.getElementById('children').value;\n  const arrival = document.getElementById('arrival').value;\n  const departure = document.getElementById('departure').value;\n  const addon = document.getElementById('addon').value || 'Tiada';\n  const nights = document.getElementById('display-nights').innerText;\n  const rate = document.getElementById('display-rate').innerText;\n  const total = document.getElementById('display-total').innerText;\n\n  const message =\n`Halo The Oasis Langkawi!\\n\\nSaya ingin membuat tempahan:\\n\\n*Booking ID:* ${bookingId}\\n*Nama:* ${name}\\n*Telefon:* ${phone}\\n*Unit:* ${unit}\\n*Check-in:* ${checkIn}\\n*Check-out:* ${checkOut}\\n*Tetamu:* ${adults} Dewasa, ${children} Kanak-kanak\\n*Arrival:* ${arrival}\\n*Departure:* ${departure}\\n*Add-on:* ${addon}\\n*Rate \/ Night:* ${rate}\\n*Nights:* ${nights}\\n*Estimated Total:* ${total}\\n\\nMohon sahkan ketersediaan. Terima kasih!`;\n\n  const waNumber = '+60124215188';\n  window.open(`https:\/\/wa.me\/${waNumber}?text=${encodeURIComponent(message)}`, '_blank');\n  submitBtn.innerText = 'Book via WhatsApp';\n  submitBtn.disabled = false;\n  document.getElementById('booking-id').innerText = generateBookingID();\n}\n\ndocument.getElementById('booking-id').innerText = generateBookingID();\ncalculatePrice();\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b69ee37 elementor-widget elementor-widget-gallery\" data-id=\"b69ee37\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns&quot;:4,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-18.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b69ee37\" data-elementor-lightbox-title=\"oas (18)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI2NCwidXJsIjoiaHR0cHM6XC9cL3RoZW9hc2lzbGFuZ2thd2kubXlcL3dlYlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcL29hcy0xOC5qcGVnIiwic2xpZGVzaG93IjoiYjY5ZWUzNyJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-18.jpeg\" data-width=\"225\" data-height=\"300\" aria-label=\"oas (18)\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-17.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b69ee37\" data-elementor-lightbox-title=\"oas (17)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI2MywidXJsIjoiaHR0cHM6XC9cL3RoZW9hc2lzbGFuZ2thd2kubXlcL3dlYlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcL29hcy0xNy5qcGVnIiwic2xpZGVzaG93IjoiYjY5ZWUzNyJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-17.jpeg\" data-width=\"225\" data-height=\"300\" aria-label=\"oas (17)\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-16.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b69ee37\" data-elementor-lightbox-title=\"oas (16)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI2MiwidXJsIjoiaHR0cHM6XC9cL3RoZW9hc2lzbGFuZ2thd2kubXlcL3dlYlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcL29hcy0xNi5qcGVnIiwic2xpZGVzaG93IjoiYjY5ZWUzNyJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-16.jpeg\" data-width=\"225\" data-height=\"300\" aria-label=\"oas (16)\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-15.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b69ee37\" data-elementor-lightbox-title=\"oas (15)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI2MSwidXJsIjoiaHR0cHM6XC9cL3RoZW9hc2lzbGFuZ2thd2kubXlcL3dlYlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcL29hcy0xNS5qcGVnIiwic2xpZGVzaG93IjoiYjY5ZWUzNyJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-15.jpeg\" data-width=\"225\" data-height=\"300\" aria-label=\"oas (15)\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-14.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b69ee37\" data-elementor-lightbox-title=\"oas (14)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI2MCwidXJsIjoiaHR0cHM6XC9cL3RoZW9hc2lzbGFuZ2thd2kubXlcL3dlYlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcL29hcy0xNC5qcGVnIiwic2xpZGVzaG93IjoiYjY5ZWUzNyJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-14.jpeg\" data-width=\"225\" data-height=\"300\" aria-label=\"oas (14)\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-12.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b69ee37\" data-elementor-lightbox-title=\"oas (12)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI1OCwidXJsIjoiaHR0cHM6XC9cL3RoZW9hc2lzbGFuZ2thd2kubXlcL3dlYlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcL29hcy0xMi5qcGVnIiwic2xpZGVzaG93IjoiYjY5ZWUzNyJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-12.jpeg\" data-width=\"169\" data-height=\"300\" aria-label=\"oas (12)\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-11.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b69ee37\" data-elementor-lightbox-title=\"oas (11)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI1NywidXJsIjoiaHR0cHM6XC9cL3RoZW9hc2lzbGFuZ2thd2kubXlcL3dlYlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcL29hcy0xMS5qcGVnIiwic2xpZGVzaG93IjoiYjY5ZWUzNyJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-11.jpeg\" data-width=\"225\" data-height=\"300\" aria-label=\"oas (11)\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-9.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b69ee37\" data-elementor-lightbox-title=\"oas (9)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI1NSwidXJsIjoiaHR0cHM6XC9cL3RoZW9hc2lzbGFuZ2thd2kubXlcL3dlYlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcL29hcy05LmpwZWciLCJzbGlkZXNob3ciOiJiNjllZTM3In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-9.jpeg\" data-width=\"169\" data-height=\"300\" aria-label=\"oas (9)\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-7.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b69ee37\" data-elementor-lightbox-title=\"oas (7)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI1MywidXJsIjoiaHR0cHM6XC9cL3RoZW9hc2lzbGFuZ2thd2kubXlcL3dlYlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcL29hcy03LmpwZWciLCJzbGlkZXNob3ciOiJiNjllZTM3In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-7.jpeg\" data-width=\"300\" data-height=\"169\" aria-label=\"oas (7)\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-6.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b69ee37\" data-elementor-lightbox-title=\"oas (6)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI1MiwidXJsIjoiaHR0cHM6XC9cL3RoZW9hc2lzbGFuZ2thd2kubXlcL3dlYlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcL29hcy02LmpwZWciLCJzbGlkZXNob3ciOiJiNjllZTM3In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-6.jpeg\" data-width=\"169\" data-height=\"300\" aria-label=\"oas (6)\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-5.jpeg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"b69ee37\" data-elementor-lightbox-title=\"oas (5)\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI1MSwidXJsIjoiaHR0cHM6XC9cL3RoZW9hc2lzbGFuZ2thd2kubXlcL3dlYlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcL29hcy01LmpwZWciLCJzbGlkZXNob3ciOiJiNjllZTM3In0%3D\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/03\/oas-5.jpeg\" data-width=\"169\" data-height=\"300\" aria-label=\"oas (5)\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\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-41ebcc43 e-con-full e-flex e-con e-parent\" data-id=\"41ebcc43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4037a812 elementor-widget elementor-widget-shortcode\" data-id=\"4037a812\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Pantai Cenang Visual Card<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');\n        \n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n            background-color: #0f172a;\n        }\n\n        .glass-panel {\n            background: rgba(15, 23, 42, 0.7);\n            backdrop-filter: blur(16px);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .image-zoom:hover img {\n            transform: scale(1.1);\n        }\n\n        \/* Custom scrollbar for info section if needed *\/\n        .custom-scroll::-webkit-scrollbar {\n            width: 4px;\n        }\n        .custom-scroll::-webkit-scrollbar-track {\n            background: rgba(255, 255, 255, 0.05);\n        }\n        .custom-scroll::-webkit-scrollbar-thumb {\n            background: rgba(255, 255, 255, 0.2);\n            border-radius: 10px;\n        }\n    <\/style>\n<\/head>\n<body class=\"flex items-center justify-center min-h-screen p-4 md:p-8\">\n\n    <!-- Card Wrapper -->\n    <div class=\"relative max-w-5xl w-full aspect-[4\/5] md:aspect-[16\/9] rounded-[2.5rem] overflow-hidden shadow-2xl group border border-white\/10\">\n        \n        <!-- Hero Image -->\n        <div class=\"absolute inset-0 image-zoom transition-transform duration-700\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519046904884-53103b34b206?auto=format&amp;fit=crop&amp;q=80&amp;w=2000\" alt=\"Pantai Cenang Beach\" class=\"w-full h-full object-cover transition-transform duration-1000\" onerror=\"this.src=\" title=\"Main\">\n            <!-- Enhanced Dark Overlay Gradient -->\n            <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-900\/60 to-transparent\"><\/div>\n            <div class=\"absolute inset-0 bg-gradient-to-r from-slate-950\/40 via-transparent to-transparent\"><\/div>\n        <\/div>\n\n        <!-- Top Badge -->\n        <div class=\"absolute top-8 left-8 z-20\">\n            <div class=\"glass-panel px-5 py-2 rounded-full flex items-center gap-3\">\n                <span class=\"w-2.5 h-2.5 bg-emerald-400 rounded-full animate-pulse shadow-[0_0_10px_#34d399]\"><\/span>\n                <span class=\"text-white text-xs font-bold uppercase tracking-[0.25em]\">Vibrant Destination<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Main Content Overlay -->\n        <div class=\"absolute inset-x-0 bottom-0 p-8 md:p-12 z-20 flex flex-col md:flex-row md:items-end justify-between gap-8\">\n            \n            <!-- Left Column: Title & Overview -->\n            <div class=\"max-w-xl\">\n                <h1 class=\"text-5xl md:text-7xl font-extrabold text-white mb-4 leading-none tracking-tight\">\n                    Pantai <span class=\"text-sky-400\">Cenang<\/span>\n                <\/h1>\n                \n                <p class=\"text-lg text-slate-200 mb-8 font-light leading-relaxed\">\n                    Langkawi's most popular stretch of white sand. A perfect blend of crystal-blue waters, duty-free shopping, and high-energy water sports.\n                <\/p>\n\n                <!-- Quick Stats Grid -->\n                <div class=\"grid grid-cols-3 gap-4 mb-8\">\n                    <div class=\"glass-panel p-4 rounded-2xl text-center border-sky-500\/20\">\n                        <span class=\"block text-sky-400 text-xl font-bold mb-1\">15m<\/span>\n                        <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-widest\">To Airport<\/span>\n                    <\/div>\n                    <div class=\"glass-panel p-4 rounded-2xl text-center border-sky-500\/20\">\n                        <span class=\"block text-sky-400 text-xl font-bold mb-1\">Dry<\/span>\n                        <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-widest\">Jan - March<\/span>\n                    <\/div>\n                    <div class=\"glass-panel p-4 rounded-2xl text-center border-sky-500\/20\">\n                        <span class=\"block text-sky-400 text-xl font-bold mb-1\">4.8<\/span>\n                        <span class=\"text-[10px] text-slate-400 font-bold uppercase tracking-widest\">Rating<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Action Buttons -->\n                <div class=\"flex flex-wrap gap-4\">\n                    <button class=\"px-8 py-4 bg-sky-500 hover:bg-sky-400 text-white font-bold rounded-2xl transition-all shadow-lg shadow-sky-500\/25 flex items-center gap-3 group\/btn\">\n                        <span>Plan Your Trip<\/span>\n                        <span class=\"text-xl group-hover\/btn:translate-x-1 transition-transform\">\u2192<\/span>\n                    <\/button>\n                    <button class=\"px-8 py-4 glass-panel text-white font-bold rounded-2xl hover:bg-white\/10 transition-all\">\n                        Water Sports\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Right Column: Additional Info Panels -->\n            <div class=\"md:max-w-xs w-full space-y-4\">\n                \n                <!-- Nearby Attractions -->\n                <div class=\"glass-panel p-5 rounded-[2rem] border-white\/5\">\n                    <h3 class=\"text-sky-400 text-[10px] font-black uppercase tracking-[0.2em] mb-4 flex items-center gap-2\">\n                        <span class=\"w-4 h-[1px] bg-sky-400\"><\/span> Nearby Hotspots\n                    <\/h3>\n                    <ul class=\"space-y-4\">\n                        <li class=\"flex items-center gap-3\">\n                            <span class=\"p-2 bg-white\/5 rounded-lg text-sm\">\ud83d\udc20<\/span>\n                            <span class=\"text-white text-sm font-semibold\">Underwater World<\/span>\n                        <\/li>\n                        <li class=\"flex items-center gap-3\">\n                            <span class=\"p-2 bg-white\/5 rounded-lg text-sm\">\ud83d\udecd\ufe0f<\/span>\n                            <span class=\"text-white text-sm font-semibold\">Cenang Mall Duty-Free<\/span>\n                        <\/li>\n                        <li class=\"flex items-center gap-3\">\n                            <span class=\"p-2 bg-white\/5 rounded-lg text-sm\">\ud83c\udf3e<\/span>\n                            <span class=\"text-white text-sm font-semibold\">Laman Padi Museum<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Pro-Tip Callout -->\n                <div class=\"glass-panel p-5 rounded-[2rem] border-amber-500\/20 bg-amber-500\/5\">\n                    <div class=\"flex items-center gap-3 mb-2\">\n                        <span class=\"text-amber-400\">\ud83d\udca1<\/span>\n                        <h3 class=\"text-amber-400 text-[10px] font-black uppercase tracking-[0.2em]\">Traveler Pro-Tip<\/h3>\n                    <\/div>\n                    <p class=\"text-slate-300 text-xs leading-relaxed\">\n                        Head to the northern end for a quieter atmosphere away from the jet-ski hubs.\n                    <\/p>\n                <\/div>\n\n                <!-- Coordinates Detail -->\n                <div class=\"pt-4 text-right\">\n                    <p class=\"text-white\/20 text-[10px] font-medium uppercase tracking-[0.3em] mb-1\">Global Coordinates<\/p>\n                    <p class=\"text-white text-xs font-mono opacity-60\">6.2941\u00b0 N, 99.7289\u00b0 E<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da1e521 e-flex e-con-boxed e-con e-parent\" data-id=\"da1e521\" 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-99e35db elementor-widget elementor-widget-heading\" data-id=\"99e35db\" 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\">Tempat Tarikan Yang Berdekatan<\/h2>\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-f15e194 e-grid e-con-full e-con e-parent\" data-id=\"f15e194\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf55d2a elementor-widget elementor-widget-shortcode\" data-id=\"cf55d2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Pantai Cenang - Travel Card<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            darkMode: 'class',\n        }\n    <\/script>\n    <style>\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        .oceanic-gradient {\n            background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);\n        }\n\n        .card-shadow {\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n        }\n\n        .hover-lift {\n            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;\n        }\n\n        .hover-lift:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n\n        .image-zoom-container img {\n            transition: transform 0.6s ease;\n        }\n\n        .hover-lift:hover .image-zoom-container img {\n            transform: scale(1.08);\n        }\n\n        .card-img-wrapper {\n            aspect-ratio: 16 \/ 10;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col items-center justify-center p-6 bg-[#f0f7f9] dark:bg-slate-950 transition-colors duration-300\">\n\n    <div class=\"mb-8\">\n        <button id=\"mode-toggle\" class=\"px-5 py-2.5 rounded-full bg-white dark:bg-slate-800 text-slate-800 dark:text-slate-100 font-semibold text-sm shadow-sm flex items-center gap-2 border border-slate-200 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 transition-all\">\n            <span class=\"block dark:hidden\">\ud83c\udf19 Dark Mode<\/span>\n            <span class=\"hidden dark:block\">\u2600\ufe0f Light Mode<\/span>\n        <\/button>\n    <\/div>\n\n    <div class=\"max-w-md w-full bg-white dark:bg-slate-900 rounded-3xl overflow-hidden card-shadow hover-lift group cursor-pointer transition-colors duration-300\">\n        \n        <!-- Image Section -->\n        <div class=\"relative card-img-wrapper overflow-hidden image-zoom-container\">\n            <div class=\"absolute inset-0 bg-slate-200 dark:bg-slate-800 animate-pulse\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/05\/ch.jpg\" alt=\"Pantai Cenang Shoreline\" class=\"absolute inset-0 w-full h-full object-cover z-10\" onerror=\"this.style.display=\" title=\"Main\">\n            <!-- Overlay Badges -->\n            <div class=\"absolute top-4 left-4 z-20 flex gap-2\">\n                <span class=\"px-3 py-1 bg-white\/90 dark:bg-slate-800\/90 backdrop-blur-md text-sky-700 dark:text-sky-300 text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Langkawi\n                <\/span>\n                <span class=\"px-3 py-1 bg-sky-500\/90 backdrop-blur-md text-white text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Must Visit\n                <\/span>\n            <\/div>\n            <!-- Heart Icon -->\n            <button class=\"absolute top-4 right-4 z-20 w-10 h-10 bg-white\/20 backdrop-blur-md hover:bg-white\/40 rounded-full flex items-center justify-center transition-colors group\/heart\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover\/heart:fill-red-500 group-hover\/heart:stroke-red-500 transition-all\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n            <\/button>\n        <\/div>\n\n        <div class=\"p-6 md:p-8\">\n            <div class=\"flex justify-between items-start mb-3\">\n                <h2 class=\"text-2xl font-bold text-slate-800 dark:text-slate-100 leading-tight\">Pantai Cenang<\/h2>\n                <div class=\"flex items-center gap-1 bg-amber-50 dark:bg-amber-900\/30 px-2 py-1 rounded-lg\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#f59e0b\" stroke=\"#f59e0b\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                    <span class=\"text-amber-700 dark:text-amber-400 font-bold text-sm\">4.8<\/span>\n                <\/div>\n            <\/div>\n\n            <p class=\"text-slate-500 dark:text-slate-400 text-sm leading-relaxed mb-6\">\n                The most popular beach on Langkawi Island, featuring white sands, crystalline waters, and a vibrant strip of restaurants and boutiques. Perfect for watersports and sunset views.\n            <\/p>\n\n            <!-- Features Grid -->\n            <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-sky-50 dark:bg-sky-900\/20 flex items-center justify-center text-sky-600 dark:text-sky-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 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 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\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Water Sports<\/span>\n                <\/div>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-orange-50 dark:bg-orange-900\/20 flex items-center justify-center text-orange-600 dark:text-orange-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2\"\/><path d=\"M12 20v2\"\/><path d=\"m4.93 4.93 1.41 1.41\"\/><path d=\"m17.66 17.66 1.41 1.41\"\/><path d=\"M2 12h2\"\/><path d=\"M20 12h2\"\/><path d=\"m6.34 17.66-1.41 1.41\"\/><path d=\"m19.07 4.93-1.41 1.41\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Sunset Point<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"mt-5 pt-4 border-t border-slate-100 dark:border-slate-800 flex items-center gap-3\">\n                <div class=\"w-8 h-8 rounded-lg bg-emerald-50 dark:bg-emerald-900\/20 flex items-center justify-center text-emerald-600 dark:text-emerald-400\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                <\/div>\n                <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">15 mins from The Oasis Homestay<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const btn = document.getElementById('mode-toggle');\n        btn.addEventListener('click', () => {\n            document.documentElement.classList.toggle('dark');\n        });\n    <\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-702c797 elementor-widget elementor-widget-shortcode\" data-id=\"702c797\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Telaga Harbour - Travel Card<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            darkMode: 'class',\n        }\n    <\/script>\n    <style>\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        .oceanic-gradient {\n            background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);\n        }\n\n        .card-shadow {\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n        }\n\n        .hover-lift {\n            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;\n        }\n\n        .hover-lift:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n\n        .image-zoom-container img {\n            transition: transform 0.6s ease;\n        }\n\n        .hover-lift:hover .image-zoom-container img {\n            transform: scale(1.08);\n        }\n\n        .card-img-wrapper {\n            aspect-ratio: 16 \/ 10;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col items-center justify-center p-6 bg-[#f0f7f9] dark:bg-slate-950 transition-colors duration-300\">\n\n    <div class=\"mb-8\">\n        <button id=\"mode-toggle\" class=\"px-5 py-2.5 rounded-full bg-white dark:bg-slate-800 text-slate-800 dark:text-slate-100 font-semibold text-sm shadow-sm flex items-center gap-2 border border-slate-200 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 transition-all\">\n            <span class=\"block dark:hidden\">\ud83c\udf19 Dark Mode<\/span>\n            <span class=\"hidden dark:block\">\u2600\ufe0f Light Mode<\/span>\n        <\/button>\n    <\/div>\n\n    <div class=\"max-w-md w-full bg-white dark:bg-slate-900 rounded-3xl overflow-hidden card-shadow hover-lift group cursor-pointer transition-colors duration-300\">\n        \n        <div class=\"relative card-img-wrapper overflow-hidden image-zoom-container\">\n            <div class=\"absolute inset-0 bg-slate-200 dark:bg-slate-800 animate-pulse\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/05\/hp.webp\" alt=\"Telaga Harbour Park Marina\" class=\"absolute inset-0 w-full h-full object-cover z-10\" onerror=\"this.style.display=\" title=\"Main\">\n            <!-- Overlay Badges -->\n            <div class=\"absolute top-4 left-4 z-20 flex gap-2\">\n                <span class=\"px-3 py-1 bg-white\/90 dark:bg-slate-800\/90 backdrop-blur-md text-indigo-700 dark:text-indigo-300 text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Langkawi\n                <\/span>\n                <span class=\"px-3 py-1 bg-indigo-500\/90 backdrop-blur-md text-white text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Marina\n                <\/span>\n            <\/div>\n            <!-- Heart Icon -->\n            <button class=\"absolute top-4 right-4 z-20 w-10 h-10 bg-white\/20 backdrop-blur-md hover:bg-white\/40 rounded-full flex items-center justify-center transition-colors group\/heart\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover\/heart:fill-red-500 group-hover\/heart:stroke-red-500 transition-all\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n            <\/button>\n        <\/div>\n\n        <div class=\"p-6 md:p-8\">\n            <div class=\"flex justify-between items-start mb-3\">\n                <h2 class=\"text-2xl font-bold text-slate-800 dark:text-slate-100 leading-tight\">Telaga Harbour<\/h2>\n                <div class=\"flex items-center gap-1 bg-amber-50 dark:bg-amber-900\/30 px-2 py-1 rounded-lg\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#f59e0b\" stroke=\"#f59e0b\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                    <span class=\"text-amber-700 dark:text-amber-400 font-bold text-sm\">4.5<\/span>\n                <\/div>\n            <\/div>\n\n            <p class=\"text-slate-500 dark:text-slate-400 text-sm leading-relaxed mb-6\">\n                A charming Mediterranean-style marina featuring the Perdana Quay boardwalk. It's the gateway to the outer islands and a premier hub for waterfront dining and luxury yachts.\n            <\/p>\n\n            <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-indigo-50 dark:bg-indigo-900\/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 3h-6.41a2 2 0 0 0-1.41.59L7 11l-4-4\"\/><path d=\"m11 13 4 4\"\/><path d=\"m17 9 4 4\"\/><path d=\"M3 21h18\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Yacht Marina<\/span>\n                <\/div>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-emerald-50 dark:bg-emerald-900\/20 flex items-center justify-center text-emerald-600 dark:text-emerald-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 13.87A4 4 0 0 1 7.41 6a5.11 5.11 0 0 1 1.05-1.54 5 5 0 0 1 7.08 0A5.11 5.11 0 0 1 16.59 6 4 4 0 0 1 18 13.87V21H6Z\"\/><line x1=\"6\" y1=\"17\" x2=\"18\" y2=\"17\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Dining Quay<\/span>\n                <\/div>\n                <div class=\"flex items-center gap-3 col-span-2 mt-2 pt-4 border-t border-slate-100 dark:border-slate-800\">\n                    <div class=\"w-8 h-8 rounded-lg bg-indigo-50 dark:bg-indigo-900\/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">20 minutes from The Oasis Homestay<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const btn = document.getElementById('mode-toggle');\n        btn.addEventListener('click', () => {\n            document.documentElement.classList.toggle('dark');\n        });\n    <\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-503918d e-con-full e-flex e-con e-child\" data-id=\"503918d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc518c9 elementor-widget elementor-widget-shortcode\" data-id=\"bc518c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Pantai Tengah - Travel Card<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            darkMode: 'class',\n        }\n    <\/script>\n    <style>\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        .oceanic-gradient {\n            background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);\n        }\n\n        .card-shadow {\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n        }\n\n        .hover-lift {\n            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;\n        }\n\n        .hover-lift:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n\n        .image-zoom-container img {\n            transition: transform 0.6s ease;\n        }\n\n        .hover-lift:hover .image-zoom-container img {\n            transform: scale(1.08);\n        }\n\n        .card-img-wrapper {\n            aspect-ratio: 16 \/ 10;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col items-center justify-center p-6 bg-[#f0f7f9] dark:bg-slate-950 transition-colors duration-300\">\n\n    <!-- Dark Mode Toggle -->\n    <div class=\"mb-8\">\n        <button id=\"mode-toggle\" class=\"px-5 py-2.5 rounded-full bg-white dark:bg-slate-800 text-slate-800 dark:text-slate-100 font-semibold text-sm shadow-sm flex items-center gap-2 border border-slate-200 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 transition-all\">\n            <span class=\"block dark:hidden\">\ud83c\udf19 Dark Mode<\/span>\n            <span class=\"hidden dark:block\">\u2600\ufe0f Light Mode<\/span>\n        <\/button>\n    <\/div>\n\n    <!-- Card Container -->\n    <div class=\"max-w-md w-full bg-white dark:bg-slate-900 rounded-3xl overflow-hidden card-shadow hover-lift group cursor-pointer transition-colors duration-300\">\n        \n        <!-- Image Section -->\n        <div class=\"relative card-img-wrapper overflow-hidden image-zoom-container\">\n            <div class=\"absolute inset-0 bg-slate-200 dark:bg-slate-800 animate-pulse\"><\/div>\n            <img decoding=\"async\" src=\"tgh.jpg\" alt=\"Parasailing at Pantai Tengah\" class=\"absolute inset-0 w-full h-full object-cover z-10\" onerror=\"this.src=\" title=\"Main\">\n            <!-- Overlay Badges -->\n            <div class=\"absolute top-4 left-4 z-20 flex gap-2\">\n                <span class=\"px-3 py-1 bg-white\/90 dark:bg-slate-800\/90 backdrop-blur-md text-emerald-700 dark:text-emerald-300 text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Langkawi\n                <\/span>\n                <span class=\"px-3 py-1 bg-emerald-500\/90 backdrop-blur-md text-white text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Adventure\n                <\/span>\n            <\/div>\n            <!-- Heart Icon -->\n            <button class=\"absolute top-4 right-4 z-20 w-10 h-10 bg-white\/20 backdrop-blur-md hover:bg-white\/40 rounded-full flex items-center justify-center transition-colors group\/heart\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover\/heart:fill-red-500 group-hover\/heart:stroke-red-500 transition-all\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n            <\/button>\n        <\/div>\n\n        <!-- Content Section -->\n        <div class=\"p-6 md:p-8\">\n            <div class=\"flex justify-between items-start mb-3\">\n                <h2 class=\"text-2xl font-bold text-slate-800 dark:text-slate-100 leading-tight\">Pantai Tengah<\/h2>\n                <div class=\"flex items-center gap-1 bg-amber-50 dark:bg-amber-900\/30 px-2 py-1 rounded-lg\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#f59e0b\" stroke=\"#f59e0b\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                    <span class=\"text-amber-700 dark:text-amber-400 font-bold text-sm\">4.6<\/span>\n                <\/div>\n            <\/div>\n\n            <p class=\"text-slate-500 dark:text-slate-400 text-sm leading-relaxed mb-6\">\n                Langkawi's hidden gem for thrill-seekers. While quieter than its neighbor, Pantai Tengah is the premier spot for soaring over the Andaman Sea with breathtaking parasailing views.\n            <\/p>\n\n            <!-- Features Grid -->\n            <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-sky-50 dark:bg-sky-900\/20 flex items-center justify-center text-sky-600 dark:text-sky-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.7 7.7a2.5 2.5 0 1 1 1.8 4.3H2\"\/><path d=\"M9.6 4.6A2 2 0 1 1 11 8H2\"\/><path d=\"M12.6 19.4A2 2 0 1 0 14 16H2\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Parasailing<\/span>\n                <\/div>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-emerald-50 dark:bg-emerald-900\/20 flex items-center justify-center text-emerald-600 dark:text-emerald-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Island Views<\/span>\n                <\/div>\n                <!-- Distance Badge -->\n                <div class=\"flex items-center gap-3 col-span-2 mt-2 pt-4 border-t border-slate-100 dark:border-slate-800\">\n                    <div class=\"w-8 h-8 rounded-lg bg-indigo-50 dark:bg-indigo-900\/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">20 mins from The Oasis Homestay<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const btn = document.getElementById('mode-toggle');\n        btn.addEventListener('click', () => {\n            document.documentElement.classList.toggle('dark');\n        });\n    <\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b32c6a3 elementor-widget elementor-widget-shortcode\" data-id=\"b32c6a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Laksa Ikan Sekog - Culinary Card<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            darkMode: 'class',\n        }\n    <\/script>\n    <style>\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        .culinary-gradient {\n            background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\n        }\n\n        .card-shadow {\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n        }\n\n        .hover-lift {\n            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;\n        }\n\n        .hover-lift:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n\n        .image-zoom-container img {\n            transition: transform 0.6s ease;\n        }\n\n        .hover-lift:hover .image-zoom-container img {\n            transform: scale(1.08);\n        }\n\n        .card-img-wrapper {\n            aspect-ratio: 16 \/ 10;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col items-center justify-center p-6 bg-[#f0f7f9] dark:bg-slate-950 transition-colors duration-300\">\n\n    <!-- Dark Mode Toggle -->\n    <div class=\"mb-8\">\n        <button id=\"mode-toggle\" class=\"px-5 py-2.5 rounded-full bg-white dark:bg-slate-800 text-slate-800 dark:text-slate-100 font-semibold text-sm shadow-sm flex items-center gap-2 border border-slate-200 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 transition-all\">\n            <span class=\"block dark:hidden\">\ud83c\udf19 Dark Mode<\/span>\n            <span class=\"hidden dark:block\">\u2600\ufe0f Light Mode<\/span>\n        <\/button>\n    <\/div>\n\n    <!-- Card Container -->\n    <div class=\"max-w-md w-full bg-white dark:bg-slate-900 rounded-3xl overflow-hidden card-shadow hover-lift group cursor-pointer transition-colors duration-300\">\n        \n        <!-- Image Section -->\n        <div class=\"relative card-img-wrapper overflow-hidden image-zoom-container\">\n            <div class=\"absolute inset-0 bg-slate-200 dark:bg-slate-800 animate-pulse\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/05\/sekogt.jpg\" alt=\"Laksa Ikan Sekog Bowl\" class=\"absolute inset-0 w-full h-full object-cover z-10\" onerror=\"this.style.display=\" title=\"Main\">\n            <!-- Overlay Badges -->\n            <div class=\"absolute top-4 left-4 z-20 flex gap-2\">\n                <span class=\"px-3 py-1 bg-white\/90 dark:bg-slate-800\/90 backdrop-blur-md text-orange-700 dark:text-orange-300 text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Langkawi Soul Food\n                <\/span>\n                <span class=\"px-3 py-1 bg-orange-500\/90 backdrop-blur-md text-white text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Local Favorite\n                <\/span>\n            <\/div>\n            <!-- Heart Icon -->\n            <button class=\"absolute top-4 right-4 z-20 w-10 h-10 bg-white\/20 backdrop-blur-md hover:bg-white\/40 rounded-full flex items-center justify-center transition-colors group\/heart\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover\/heart:fill-red-500 group-hover\/heart:stroke-red-500 transition-all\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n            <\/button>\n        <\/div>\n\n        <!-- Content Section -->\n        <div class=\"p-6 md:p-8\">\n            <div class=\"flex justify-between items-start mb-3\">\n                <h2 class=\"text-2xl font-bold text-slate-800 dark:text-slate-100 leading-tight\">Laksa Ikan Sekog<\/h2>\n                <div class=\"flex items-center gap-1 bg-amber-50 dark:bg-amber-900\/30 px-2 py-1 rounded-lg\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#f59e0b\" stroke=\"#f59e0b\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                    <span class=\"text-amber-700 dark:text-amber-400 font-bold text-sm\">4.9<\/span>\n                <\/div>\n            <\/div>\n\n            <p class=\"text-slate-500 dark:text-slate-400 text-sm leading-relaxed mb-6\">\n                An authentic Langkawi experience featuring thick rice noodles in a rich, spicy-sour mackerel broth. Served with fresh local herbs and hard-boiled egg for a perfect island meal.\n            <\/p>\n\n            <!-- Features Grid -->\n            <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-orange-50 dark:bg-orange-900\/20 flex items-center justify-center text-orange-600 dark:text-orange-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12h18\"\/><path d=\"M3 12c0 4.97 4.03 9 9 9s9-4.03 9-9\"\/><path d=\"M8 8c.5-2 1.5-2 2 0 .5 2 1.5 2 2 0 .5-2 1.5-2 2 0\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Fresh Mackerel<\/span>\n                <\/div>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-red-50 dark:bg-red-900\/20 flex items-center justify-center text-red-600 dark:text-red-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.256 1.186-3.103a.5.5 0 0 1 .814.603C6.5 13 6 13.5 6 14.5a2.5 2.5 0 0 0 2.5 0Z\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Spicy & Tangy<\/span>\n                <\/div>\n                <!-- Distance Badge -->\n                <div class=\"flex items-center gap-3 col-span-2 mt-2 pt-4 border-t border-slate-100 dark:border-slate-800\">\n                    <div class=\"w-8 h-8 rounded-lg bg-indigo-50 dark:bg-indigo-900\/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">5 minutes from The Oasis Homestay<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const btn = document.getElementById('mode-toggle');\n        btn.addEventListener('click', () => {\n            document.documentElement.classList.toggle('dark');\n        });\n    <\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd91793 elementor-widget elementor-widget-shortcode\" data-id=\"bd91793\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Langkawi SkyCab - Travel Card<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            darkMode: 'class',\n        }\n    <\/script>\n    <style>\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        .sky-gradient {\n            background: linear-gradient(135deg, #38bdf8 0%, #1d4ed8 100%);\n        }\n\n        .card-shadow {\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n        }\n\n        .hover-lift {\n            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;\n        }\n\n        .hover-lift:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n\n        .image-zoom-container img {\n            transition: transform 0.6s ease;\n        }\n\n        .hover-lift:hover .image-zoom-container img {\n            transform: scale(1.08);\n        }\n\n        .card-img-wrapper {\n            aspect-ratio: 16 \/ 10;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col items-center justify-center p-6 bg-[#f0f7f9] dark:bg-slate-950 transition-colors duration-300\">\n\n    <!-- Dark Mode Toggle -->\n    <div class=\"mb-8\">\n        <button id=\"mode-toggle\" class=\"px-5 py-2.5 rounded-full bg-white dark:bg-slate-800 text-slate-800 dark:text-slate-100 font-semibold text-sm shadow-sm flex items-center gap-2 border border-slate-200 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 transition-all\">\n            <span class=\"block dark:hidden\">\ud83c\udf19 Dark Mode<\/span>\n            <span class=\"hidden dark:block\">\u2600\ufe0f Light Mode<\/span>\n        <\/button>\n    <\/div>\n\n    <!-- Card Container -->\n    <div class=\"max-w-md w-full bg-white dark:bg-slate-900 rounded-3xl overflow-hidden card-shadow hover-lift group cursor-pointer transition-colors duration-300\">\n        \n        <!-- Image Section -->\n        <div class=\"relative card-img-wrapper overflow-hidden image-zoom-container\">\n            <div class=\"absolute inset-0 bg-slate-200 dark:bg-slate-800 animate-pulse\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/05\/cbl.jpg\" alt=\"Langkawi SkyCab View\" class=\"absolute inset-0 w-full h-full object-cover z-10\" onerror=\"this.style.display=\" title=\"Main\">\n            <!-- Overlay Badges -->\n            <div class=\"absolute top-4 left-4 z-20 flex gap-2\">\n                <span class=\"px-3 py-1 bg-white\/90 dark:bg-slate-800\/90 backdrop-blur-md text-blue-700 dark:text-blue-300 text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    World Class\n                <\/span>\n                <span class=\"px-3 py-1 bg-blue-600\/90 backdrop-blur-md text-white text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Top Attraction\n                <\/span>\n            <\/div>\n            <!-- Heart Icon -->\n            <button class=\"absolute top-4 right-4 z-20 w-10 h-10 bg-white\/20 backdrop-blur-md hover:bg-white\/40 rounded-full flex items-center justify-center transition-colors group\/heart\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover\/heart:fill-red-500 group-hover\/heart:stroke-red-500 transition-all\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n            <\/button>\n        <\/div>\n\n        <!-- Content Section -->\n        <div class=\"p-6 md:p-8\">\n            <div class=\"flex justify-between items-start mb-3\">\n                <h2 class=\"text-2xl font-bold text-slate-800 dark:text-slate-100 leading-tight\">Panorama Cable Car<\/h2>\n                <div class=\"flex items-center gap-1 bg-amber-50 dark:bg-amber-900\/30 px-2 py-1 rounded-lg\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#f59e0b\" stroke=\"#f59e0b\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                    <span class=\"text-amber-700 dark:text-amber-400 font-bold text-sm\">4.7<\/span>\n                <\/div>\n            <\/div>\n\n            <p class=\"text-slate-500 dark:text-slate-400 text-sm leading-relaxed mb-6\">\n                Soar 708 meters above sea level on the world's steepest cable car. Experience breathtaking 360-degree views of the Langkawi archipelago and ancient limestone formations.\n            <\/p>\n\n            <!-- Features Grid -->\n            <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-blue-50 dark:bg-blue-900\/20 flex items-center justify-center text-blue-600 dark:text-blue-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Peak Access<\/span>\n                <\/div>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-indigo-50 dark:bg-indigo-900\/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 10v4a5 5 0 0 1 10 0v-4\"\/><path d=\"M3 10h18\"\/><path d=\"M12 2v8\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">SkyBridge<\/span>\n                <\/div>\n                <!-- Distance Badge -->\n                <div class=\"flex items-center gap-3 col-span-2 mt-2 pt-4 border-t border-slate-100 dark:border-slate-800\">\n                    <div class=\"w-8 h-8 rounded-lg bg-indigo-50 dark:bg-indigo-900\/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">30 minutes from The Oasis Homestay<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const btn = document.getElementById('mode-toggle');\n        btn.addEventListener('click', () => {\n            document.documentElement.classList.toggle('dark');\n        });\n    <\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b63975 elementor-widget elementor-widget-shortcode\" data-id=\"2b63975\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Dream Forest - Travel Card<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            darkMode: 'class',\n        }\n    <\/script>\n    <style>\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        .magical-gradient {\n            background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);\n        }\n\n        .card-shadow {\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n        }\n\n        .hover-lift {\n            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;\n        }\n\n        .hover-lift:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n\n        .image-zoom-container img {\n            transition: transform 0.6s ease;\n        }\n\n        .hover-lift:hover .image-zoom-container img {\n            transform: scale(1.08);\n        }\n\n        .card-img-wrapper {\n            aspect-ratio: 16 \/ 10;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col items-center justify-center p-6 bg-[#f0f7f9] dark:bg-slate-950 transition-colors duration-300\">\n\n    <!-- Dark Mode Toggle -->\n    <div class=\"mb-8\">\n        <button id=\"mode-toggle\" class=\"px-5 py-2.5 rounded-full bg-white dark:bg-slate-800 text-slate-800 dark:text-slate-100 font-semibold text-sm shadow-sm flex items-center gap-2 border border-slate-200 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 transition-all\">\n            <span class=\"block dark:hidden\">\ud83c\udf19 Dark Mode<\/span>\n            <span class=\"hidden dark:block\">\u2600\ufe0f Light Mode<\/span>\n        <\/button>\n    <\/div>\n\n    <!-- Card Container -->\n    <div class=\"max-w-md w-full bg-white dark:bg-slate-900 rounded-3xl overflow-hidden card-shadow hover-lift group cursor-pointer transition-colors duration-300\">\n        \n        <!-- Image Section -->\n        <div class=\"relative card-img-wrapper overflow-hidden image-zoom-container\">\n            <div class=\"absolute inset-0 bg-slate-200 dark:bg-slate-800 animate-pulse\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/05\/df.jpg\" alt=\"Dream Forest Magic\" class=\"absolute inset-0 w-full h-full object-cover z-10\" onerror=\"this.style.display=\" title=\"Main\">\n            <!-- Overlay Badges -->\n            <div class=\"absolute top-4 left-4 z-20 flex gap-2\">\n                <span class=\"px-3 py-1 bg-white\/90 dark:bg-slate-800\/90 backdrop-blur-md text-indigo-700 dark:text-indigo-300 text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Enchanted\n                <\/span>\n                <span class=\"px-3 py-1 bg-purple-600\/90 backdrop-blur-md text-white text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Night Walk\n                <\/span>\n            <\/div>\n            <!-- Heart Icon -->\n            <button class=\"absolute top-4 right-4 z-20 w-10 h-10 bg-white\/20 backdrop-blur-md hover:bg-white\/40 rounded-full flex items-center justify-center transition-colors group\/heart\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover\/heart:fill-red-500 group-hover\/heart:stroke-red-500 transition-all\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n            <\/button>\n        <\/div>\n\n        <!-- Content Section -->\n        <div class=\"p-6 md:p-8\">\n            <div class=\"flex justify-between items-start mb-3\">\n                <h2 class=\"text-2xl font-bold text-slate-800 dark:text-slate-100 leading-tight\">Dream Forest<\/h2>\n                <div class=\"flex items-center gap-1 bg-amber-50 dark:bg-amber-900\/30 px-2 py-1 rounded-lg\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#f59e0b\" stroke=\"#f59e0b\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                    <span class=\"text-amber-700 dark:text-amber-400 font-bold text-sm\">4.6<\/span>\n                <\/div>\n            <\/div>\n\n            <p class=\"text-slate-500 dark:text-slate-400 text-sm leading-relaxed mb-6\">\n                An immersive multi-sensory night walk through the rainforest, bringing Langkawi's legendary folklores to life through magical lighting and projection mapping.\n            <\/p>\n\n            <!-- Features Grid -->\n            <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-indigo-50 dark:bg-indigo-900\/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v19\"\/><path d=\"M5 8h14\"\/><path d=\"M15 21a2 2 0 1 0 4 0\"\/><path d=\"M5 21a2 2 0 1 0 4 0\"\/><path d=\"M19 8c0-3-2-5-5-5s-5 2-5 5v10\"\/><path d=\"M14 15c-3 0-5 2-5 5\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Folklore Art<\/span>\n                <\/div>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-emerald-50 dark:bg-emerald-900\/20 flex items-center justify-center text-emerald-600 dark:text-emerald-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Nature Walk<\/span>\n                <\/div>\n                <!-- Distance Badge -->\n                <div class=\"flex items-center gap-3 col-span-2 mt-2 pt-4 border-t border-slate-100 dark:border-slate-800\">\n                    <div class=\"w-8 h-8 rounded-lg bg-indigo-50 dark:bg-indigo-900\/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">20 mins from The Oasis Homestay<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const btn = document.getElementById('mode-toggle');\n        btn.addEventListener('click', () => {\n            document.documentElement.classList.toggle('dark');\n        });\n    <\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3e37df e-grid e-con-full e-con e-parent\" data-id=\"c3e37df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd2ffcc elementor-widget elementor-widget-shortcode\" data-id=\"dd2ffcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Underwater World - Travel Card<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            darkMode: 'class',\n        }\n    <\/script>\n    <style>\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        .oceanic-gradient {\n            background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);\n        }\n\n        .card-shadow {\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n        }\n\n        .hover-lift {\n            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;\n        }\n\n        .hover-lift:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n\n        .image-zoom-container img {\n            transition: transform 0.6s ease;\n        }\n\n        .hover-lift:hover .image-zoom-container img {\n            transform: scale(1.08);\n        }\n\n        .card-img-wrapper {\n            aspect-ratio: 16 \/ 10;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col items-center justify-center p-6 bg-[#f0f7f9] dark:bg-slate-950 transition-colors duration-300\">\n\n    <!-- Dark Mode Toggle -->\n    <div class=\"mb-8\">\n        <button id=\"mode-toggle\" class=\"px-5 py-2.5 rounded-full bg-white dark:bg-slate-800 text-slate-800 dark:text-slate-100 font-semibold text-sm shadow-sm flex items-center gap-2 border border-slate-200 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 transition-all\">\n            <span class=\"block dark:hidden\">\ud83c\udf19 Dark Mode<\/span>\n            <span class=\"hidden dark:block\">\u2600\ufe0f Light Mode<\/span>\n        <\/button>\n    <\/div>\n\n    <!-- Card Container -->\n    <div class=\"max-w-md w-full bg-white dark:bg-slate-900 rounded-3xl overflow-hidden card-shadow hover-lift group cursor-pointer transition-colors duration-300\">\n        \n        <!-- Image Section -->\n        <div class=\"relative card-img-wrapper overflow-hidden image-zoom-container\">\n            <div class=\"absolute inset-0 bg-slate-200 dark:bg-slate-800 animate-pulse\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/theoasislangkawi.my\/web\/wp-content\/uploads\/2026\/05\/uwl.avif\" alt=\"Underwater World Langkawi\" class=\"absolute inset-0 w-full h-full object-cover z-10\" onerror=\"this.style.display=\" title=\"Main\">\n            <!-- Overlay Badges -->\n            <div class=\"absolute top-4 left-4 z-20 flex gap-2\">\n                <span class=\"px-3 py-1 bg-white\/90 dark:bg-slate-800\/90 backdrop-blur-md text-cyan-700 dark:text-cyan-300 text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Aquarium\n                <\/span>\n                <span class=\"px-3 py-1 bg-cyan-600\/90 backdrop-blur-md text-white text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Pantai Cenang\n                <\/span>\n            <\/div>\n            <!-- Heart Icon -->\n            <button class=\"absolute top-4 right-4 z-20 w-10 h-10 bg-white\/20 backdrop-blur-md hover:bg-white\/40 rounded-full flex items-center justify-center transition-colors group\/heart\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover\/heart:fill-red-500 group-hover\/heart:stroke-red-500 transition-all\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n            <\/button>\n        <\/div>\n\n        <!-- Content Section -->\n        <div class=\"p-6 md:p-8\">\n            <div class=\"flex justify-between items-start mb-3\">\n                <h2 class=\"text-2xl font-bold text-slate-800 dark:text-slate-100 leading-tight\">Underwater World<\/h2>\n                <div class=\"flex items-center gap-1 bg-amber-50 dark:bg-amber-900\/30 px-2 py-1 rounded-lg\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#f59e0b\" stroke=\"#f59e0b\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                    <span class=\"text-amber-700 dark:text-amber-400 font-bold text-sm\">4.6<\/span>\n                <\/div>\n            <\/div>\n\n            <p class=\"text-slate-500 dark:text-slate-400 text-sm leading-relaxed mb-6\">\n                One of the largest marine and freshwater aquaria in Southeast Asia. Walk through the spectacular 15-meter underwater tunnel and marvel at over 4,000 marine lives, including penguins and sharks. Located just 10 minutes from the homestay.\n            <\/p>\n\n            <!-- Features Grid -->\n            <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-sky-50 dark:bg-sky-900\/20 flex items-center justify-center text-sky-600 dark:text-sky-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 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 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\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">15m Tunnel<\/span>\n                <\/div>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-teal-50 dark:bg-teal-900\/20 flex items-center justify-center text-teal-600 dark:text-teal-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Family Friendly<\/span>\n                <\/div>\n                <!-- Distance Badge -->\n                <div class=\"flex items-center gap-3 col-span-2 mt-2 pt-4 border-t border-slate-100 dark:border-slate-800\">\n                    <div class=\"w-8 h-8 rounded-lg bg-indigo-50 dark:bg-indigo-900\/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">10 mins from The Oasis Homestay<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const btn = document.getElementById('mode-toggle');\n        btn.addEventListener('click', () => {\n            document.documentElement.classList.toggle('dark');\n        });\n    <\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-610ce72 elementor-widget elementor-widget-shortcode\" data-id=\"610ce72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Langkawi Airport - Travel Card<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            darkMode: 'class',\n        }\n    <\/script>\n    <style>\n        body {\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        .transport-gradient {\n            background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        }\n\n        .card-shadow {\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\n        }\n\n        .hover-lift {\n            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;\n        }\n\n        .hover-lift:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n\n        .image-zoom-container img {\n            transition: transform 0.6s ease;\n        }\n\n        .hover-lift:hover .image-zoom-container img {\n            transform: scale(1.08);\n        }\n\n        .card-img-wrapper {\n            aspect-ratio: 16 \/ 10;\n        }\n    <\/style>\n<\/head>\n<body class=\"min-h-screen flex flex-col items-center justify-center p-6 bg-[#f0f7f9] dark:bg-slate-950 transition-colors duration-300\">\n\n    <!-- Dark Mode Toggle -->\n    <div class=\"mb-8\">\n        <button id=\"mode-toggle\" class=\"px-5 py-2.5 rounded-full bg-white dark:bg-slate-800 text-slate-800 dark:text-slate-100 font-semibold text-sm shadow-sm flex items-center gap-2 border border-slate-200 dark:border-slate-700 hover:bg-slate-50 dark:hover:bg-slate-700 transition-all\">\n            <span class=\"block dark:hidden\">\ud83c\udf19 Dark Mode<\/span>\n            <span class=\"hidden dark:block\">\u2600\ufe0f Light Mode<\/span>\n        <\/button>\n    <\/div>\n\n    <!-- Card Container -->\n    <div class=\"max-w-md w-full bg-white dark:bg-slate-900 rounded-3xl overflow-hidden card-shadow hover-lift group cursor-pointer transition-colors duration-300\">\n        \n        <!-- Image Section -->\n        <div class=\"relative card-img-wrapper overflow-hidden image-zoom-container\">\n            <div class=\"absolute inset-0 bg-slate-200 dark:bg-slate-800 animate-pulse\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1436491865332-7a61a109cc05?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Langkawi International Airport\" class=\"absolute inset-0 w-full h-full object-cover z-10\" onerror=\"this.style.display=\" title=\"Main\">\n            <!-- Overlay Badges -->\n            <div class=\"absolute top-4 left-4 z-20 flex gap-2\">\n                <span class=\"px-3 py-1 bg-white\/90 dark:bg-slate-800\/90 backdrop-blur-md text-indigo-700 dark:text-indigo-300 text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    Gateway\n                <\/span>\n                <span class=\"px-3 py-1 bg-indigo-600\/90 backdrop-blur-md text-white text-xs font-bold uppercase tracking-wider rounded-full shadow-sm\">\n                    LGK\n                <\/span>\n            <\/div>\n            <!-- Heart Icon -->\n            <button class=\"absolute top-4 right-4 z-20 w-10 h-10 bg-white\/20 backdrop-blur-md hover:bg-white\/40 rounded-full flex items-center justify-center transition-colors group\/heart\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover\/heart:fill-red-500 group-hover\/heart:stroke-red-500 transition-all\"><path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/><\/svg>\n            <\/button>\n        <\/div>\n\n        <!-- Content Section -->\n        <div class=\"p-6 md:p-8\">\n            <div class=\"flex justify-between items-start mb-3\">\n                <h2 class=\"text-2xl font-bold text-slate-800 dark:text-slate-100 leading-tight\">Langkawi Int. Airport<\/h2>\n                <div class=\"flex items-center gap-1 bg-amber-50 dark:bg-amber-900\/30 px-2 py-1 rounded-lg\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"#f59e0b\" stroke=\"#f59e0b\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n                    <span class=\"text-amber-700 dark:text-amber-400 font-bold text-sm\">4.5<\/span>\n                <\/div>\n            <\/div>\n\n            <p class=\"text-slate-500 dark:text-slate-400 text-sm leading-relaxed mb-6\">\n                The main gateway to the Jewel of Kedah. Located in Padang Matsirat, it serves as the perfect starting point for your island journey, complete with our convenient instant car rental pickup service.\n            <\/p>\n\n            <!-- Features Grid -->\n            <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-indigo-50 dark:bg-indigo-900\/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400\">\n                        <!-- Car Icon -->\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"\/><circle cx=\"7\" cy=\"17\" r=\"2\"\/><path d=\"M9 17h6\"\/><circle cx=\"17\" cy=\"17\" r=\"2\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Car Pickup Point<\/span>\n                <\/div>\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"w-8 h-8 rounded-lg bg-sky-50 dark:bg-sky-900\/20 flex items-center justify-center text-sky-600 dark:text-sky-400\">\n                        <!-- Clock Icon -->\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">Convenient Arrival<\/span>\n                <\/div>\n                <!-- Distance Badge -->\n                <div class=\"flex items-center gap-3 col-span-2 mt-2 pt-4 border-t border-slate-100 dark:border-slate-800\">\n                    <div class=\"w-8 h-8 rounded-lg bg-indigo-50 dark:bg-indigo-900\/20 flex items-center justify-center text-indigo-600 dark:text-indigo-400\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n                    <\/div>\n                    <span class=\"text-xs font-semibold text-slate-600 dark:text-slate-300\">5 mins from The Oasis Homestay<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const btn = document.getElementById('mode-toggle');\n        btn.addEventListener('click', () => {\n            document.documentElement.classList.toggle('dark');\n        });\n    <\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81aa5a3 e-con-full e-flex e-con e-parent\" data-id=\"81aa5a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f6bfbc elementor-widget elementor-widget-google_maps\" data-id=\"1f6bfbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Jalan%20Kuala%20Muda%2C%20Kampung%20Kuala%20Muda%2C%2007000%20Langkawi%2C%20Kedah&#038;t=m&#038;z=10&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"Jalan Kuala Muda, Kampung Kuala Muda, 07000 Langkawi, Kedah\"\n\t\t\t\t\taria-label=\"Jalan Kuala Muda, Kampung Kuala Muda, 07000 Langkawi, Kedah\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5880c10d e-flex e-con-boxed e-con e-parent\" data-id=\"5880c10d\" 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-7742bde6 elementor-widget elementor-widget-elementskit-heading\" data-id=\"7742bde6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Contact us<\/h2><h3 class=\"ekit-heading--subtitle elementskit-section-subtitle  \">\n\t\t\t\t\t\tHome \/ Contact\n\t\t\t\t\t<\/h3><\/div><\/div>\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-26a7f7f2 e-grid e-con-boxed e-con e-parent\" data-id=\"26a7f7f2\" 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-59caa4b6 e-con-full e-flex e-con e-child\" data-id=\"59caa4b6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1aacc88f ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"1aacc88f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"#\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text-center text- icon-top-align elementor-animation-   \">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  \">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-placeholder2\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Visit our office                <\/h3>\n                                            <\/div>\n        \n        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59721f3e elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"59721f3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-minus\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22c83a44 elementor-widget elementor-widget-elementskit-heading\" data-id=\"22c83a44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h3 class=\"elementskit-section-subtitle  \">\n\t\t\t\t\t\tThe Oasis Langkawi Guesthouse Jalan Kuala Muda, Kampung Kuala Muda, 07000 Langkawi, Kedah\n\t\t\t\t\t<\/h3><h2 class=\"ekit-heading--title elementskit-section-title \">Langkawi, Malaysia<\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40c907cd e-con-full e-flex e-con e-child\" data-id=\"40c907cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-186de4f2 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"186de4f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"#\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text-center text- icon-top-align elementor-animation-   \">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  \">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-envelope3\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Mail Us                <\/h3>\n                                            <\/div>\n        \n        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-785c551b elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"785c551b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-minus\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39d49639 elementor-align-center elementor-widget elementor-widget-elementskit-button\" data-id=\"39d49639\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-button.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-btn-wraper\">\n\t\t\t\t\t\t\t<a href=\"#\" class=\"elementskit-btn  whitespace--normal\" id=\"\">\n\t\t\t\t\texample@gmail.com\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-471ca981 elementor-align-center elementor-widget elementor-widget-elementskit-button\" data-id=\"471ca981\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-button.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-btn-wraper\">\n\t\t\t\t\t\t\t<a href=\"#\" class=\"elementskit-btn  whitespace--normal\" id=\"\">\n\t\t\t\t\ttheoasislangkawi@gmail.com\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60e40aa7 e-con-full e-flex e-con e-child\" data-id=\"60e40aa7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46edb365 ekit-equal-height-disable elementor-widget elementor-widget-elementskit-icon-box\" data-id=\"46edb365\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-icon-box.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <!-- link opening -->\n                <a href=\"#\" class=\"ekit_global_links\">\n                <!-- end link opening -->\n\n        <div class=\"elementskit-infobox text-center text- icon-top-align elementor-animation-   \">\n                    <div class=\"elementskit-box-header elementor-animation-\">\n                <div class=\"elementskit-info-box-icon  \">\n                    <i aria-hidden=\"true\" class=\"elementkit-infobox-icon icon icon-phone-call1\"><\/i>\n                <\/div>\n          <\/div>\n                        <div class=\"box-body\">\n                            <h3 class=\"elementskit-info-box-title\">\n                    Call Us                <\/h3>\n                                            <\/div>\n        \n        \n                <\/div>\n                <\/a>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15331040 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"15331040\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-minus\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f3cccea elementor-align-center elementor-widget elementor-widget-elementskit-button\" data-id=\"3f3cccea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-button.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t<div class=\"ekit-btn-wraper\">\n\t\t\t\t\t\t\t<a href=\"#\" class=\"elementskit-btn  whitespace--normal\" id=\"\">\n\t\t\t\t\t0124215188\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-581ab9b5 elementor-widget elementor-widget-elementskit-heading\" data-id=\"581ab9b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-\"><h2 class=\"ekit-heading--title elementskit-section-title \">Open Every Day<\/h2><\/div><\/div>\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>\u2726 The Oasis Homestay Langkawi Penginapan EksklusifUntuk Percutian Yang Lebih Selesa Nikmati suasana tenang, privasi premium dan kemudahan lengkap di homestay yang direka khas untuk pasangan, keluarga dan kumpulan kecil di Pulau Langkawi. 11 Unit Tersedia POOL Kolam Luas PRIVASI Eksklusif &#038; Tenang \u2726 Perkhidmatan Kami Apa Yang Kami Tawarkan Penginapan eksklusif dengan kemudahan lengkap [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1454","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theoasislangkawi.my\/web\/wp-json\/wp\/v2\/pages\/1454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theoasislangkawi.my\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theoasislangkawi.my\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theoasislangkawi.my\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theoasislangkawi.my\/web\/wp-json\/wp\/v2\/comments?post=1454"}],"version-history":[{"count":214,"href":"https:\/\/theoasislangkawi.my\/web\/wp-json\/wp\/v2\/pages\/1454\/revisions"}],"predecessor-version":[{"id":1700,"href":"https:\/\/theoasislangkawi.my\/web\/wp-json\/wp\/v2\/pages\/1454\/revisions\/1700"}],"wp:attachment":[{"href":"https:\/\/theoasislangkawi.my\/web\/wp-json\/wp\/v2\/media?parent=1454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}