{"id":1071,"date":"2026-10-19T15:02:45","date_gmt":"2026-10-19T08:02:45","guid":{"rendered":"https:\/\/bottega26.com\/?page_id=1071"},"modified":"2026-10-19T15:05:54","modified_gmt":"2026-10-19T08:05:54","slug":"the-rooftop","status":"publish","type":"page","link":"https:\/\/bottega26.com\/zh\/the-rooftop\/","title":{"rendered":"\u5c4b\u9876"},"content":{"rendered":"\n<style>\nbody:has(#b26-rooftop){background:#0c1013!important}body:has(#b26-rooftop) #site-header,body:has(#b26-rooftop) #site-footer,body:has(#b26-rooftop) .page-header{display:none!important}body:has(#b26-rooftop) main,body:has(#b26-rooftop) .page-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}\n#b26-rooftop{box-sizing:border-box;min-height:100svh;background:#0c1013;color:#fff;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:10px}#b26-rooftop *{box-sizing:border-box}#b26-rooftop button,#b26-rooftop a{color:inherit;-webkit-tap-highlight-color:transparent}#b26-rooftop button{cursor:pointer}#b26-rooftop .story{position:relative;isolation:isolate;aspect-ratio:9\/16;width:min(100%,calc((100svh - 100px)*9\/16),480px);overflow:hidden;border-radius:14px;background:#161b1e}#b26-rooftop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#161b1e}#b26-rooftop video[hidden]{display:none}#b26-rooftop .shade{position:absolute;inset:0;background:linear-gradient(#0009,transparent 24%,transparent 65%,#000b);pointer-events:none}#b26-rooftop .top{position:absolute;inset:10px 12px auto;z-index:4}#b26-rooftop .progress{display:flex;gap:4px;margin-bottom:10px}#b26-rooftop .progress button{position:relative;flex:1;height:18px;padding:7px 0;border:0;background:transparent}#b26-rooftop .progress button:before{content:'';position:absolute;top:7px;left:0;right:0;height:3px;background:#ffffff55;border-radius:3px}#b26-rooftop .progress i{display:block;position:relative;height:3px;width:var(--fill,0%);background:white;border-radius:3px}#b26-rooftop .profile{display:flex;align-items:center;gap:10px}#b26-rooftop .avatar{width:38px;height:38px;border-radius:50%;border:2px solid #A8B89A;background:#F4EBDD;padding:4px;object-fit:contain}#b26-rooftop .identity{flex:1}#b26-rooftop strong{display:block;font-size:14px}#b26-rooftop .identity span{font-size:11px;color:#ddd}#b26-rooftop .icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:50%;background:#0003;font:22px Arial;text-decoration:none}#b26-rooftop .tap{position:absolute;top:95px;bottom:140px;width:30%;z-index:2;background:transparent;border:0;color:transparent}#b26-rooftop .prev{left:0}#b26-rooftop .next{right:0}#b26-rooftop .caption{position:absolute;bottom:24px;left:24px;right:24px;z-index:3;pointer-events:none}#b26-rooftop h1{font:800 clamp(28px,6vw,42px)\/1.05 Arial;margin:0 0 10px;color:#fff;letter-spacing:-1px}#b26-rooftop .caption p{font-size:14px;line-height:1.4;margin:0;color:#fff}#b26-rooftop .bottom{width:min(100%,480px);display:flex;align-items:center;gap:10px}#b26-rooftop .message{flex:1;border:1px solid #ffffff70;border-radius:999px;padding:14px 20px;font-size:14px;text-decoration:none;min-height:46px}#b26-rooftop .counter{font-size:12px;color:#ccc;white-space:nowrap}#b26-rooftop .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#b26-rooftop :focus-visible{outline:2px solid #A8B89A;outline-offset:3px}@media(max-width:600px){#b26-rooftop{padding:0 0 12px;justify-content:flex-start;gap:12px;min-height:100svh}#b26-rooftop .story{width:100%;max-height:none;border-radius:0 0 14px 14px}#b26-rooftop .bottom{padding:0 16px}#b26-rooftop .caption{left:20px;bottom:24px}}@media(prefers-reduced-motion:reduce){#b26-rooftop *{scroll-behavior:auto}}\n#b26-rooftop .caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}\n@media(max-width:600px){#b26-rooftop{justify-content:center;min-height:100svh}#b26-rooftop .story{width:min(100%,calc((100svh - 96px)*9\/16));border-radius:14px}body.admin-bar #b26-rooftop{min-height:calc(100svh - 46px)}body.admin-bar #b26-rooftop .story{width:min(100%,calc((100svh - 142px)*9\/16))}}\n<\/style>\n<section id=\"b26-rooftop\" aria-label=\"The Rooftop at Bottega 26\" aria-roledescription=\"carousel\" tabindex=\"0\">\n<div class=\"story\">\n<video playsinline muted preload=\"metadata\" data-src=\"https:\/\/videos.files.wordpress.com\/U0yJRtMo\/1792396331306_2068619473647973307_7446506700471413337.mp4\" aria-label=\"Rooftop video 1 of 8\"><\/video>\n<video playsinline muted preload=\"none\" data-src=\"https:\/\/videos.files.wordpress.com\/U0yJRtMo\/1792396331306_2068619473647973307_7446506700471413337.mp4\" aria-label=\"Rooftop video 2 of 8\" hidden><\/video>\n<video playsinline muted preload=\"none\" data-src=\"https:\/\/videos.files.wordpress.com\/U0yJRtMo\/1792396331306_2068619473647973307_7446506700471413337.mp4\" aria-label=\"Rooftop video 3 of 8\" hidden><\/video>\n<video playsinline muted preload=\"none\" data-src=\"https:\/\/videos.files.wordpress.com\/U0yJRtMo\/1792396331306_2068619473647973307_7446506700471413337.mp4\" aria-label=\"Rooftop video 4 of 8\" hidden><\/video>\n<video playsinline muted preload=\"none\" data-src=\"https:\/\/videos.files.wordpress.com\/U0yJRtMo\/1792396331306_2068619473647973307_7446506700471413337.mp4\" aria-label=\"Rooftop video 5 of 8\" hidden><\/video>\n<video playsinline muted preload=\"none\" data-src=\"https:\/\/videos.files.wordpress.com\/U0yJRtMo\/1792396331306_2068619473647973307_7446506700471413337.mp4\" aria-label=\"Rooftop video 6 of 8\" hidden><\/video>\n<video playsinline muted preload=\"none\" data-src=\"https:\/\/videos.files.wordpress.com\/U0yJRtMo\/1792396331306_2068619473647973307_7446506700471413337.mp4\" aria-label=\"Rooftop video 7 of 8\" hidden><\/video>\n<video playsinline muted preload=\"none\" data-src=\"https:\/\/videos.files.wordpress.com\/U0yJRtMo\/1792396331306_2068619473647973307_7446506700471413337.mp4\" aria-label=\"Rooftop video 8 of 8\" hidden><\/video>\n<div class=\"shade\"><\/div><div class=\"top\"><nav class=\"progress\" aria-label=\"Choose a rooftop story\"><button type=\"button\" aria-label=\"Story 1 of 8\" aria-current=\"true\"><i><\/i><\/button><button type=\"button\" aria-label=\"Story 2 of 8\" aria-current=\"false\"><i><\/i><\/button><button type=\"button\" aria-label=\"Story 3 of 8\" aria-current=\"false\"><i><\/i><\/button><button type=\"button\" aria-label=\"Story 4 of 8\" aria-current=\"false\"><i><\/i><\/button><button type=\"button\" aria-label=\"Story 5 of 8\" aria-current=\"false\"><i><\/i><\/button><button type=\"button\" aria-label=\"Story 6 of 8\" aria-current=\"false\"><i><\/i><\/button><button type=\"button\" aria-label=\"Story 7 of 8\" aria-current=\"false\"><i><\/i><\/button><button type=\"button\" aria-label=\"Story 8 of 8\" aria-current=\"false\"><i><\/i><\/button><\/nav><div class=\"profile\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"avatar\" src=\"https:\/\/i0.wp.com\/bottega26.com\/wp-content\/uploads\/2026\/10\/bottega26-logo-ufficiale.png?w=800&#038;ssl=1\" alt=\"Bottega 26\"><div class=\"identity\"><strong>bottega_26<\/strong><span>The Rooftop \u00b7 Nha Trang<\/span><\/div><button type=\"button\" class=\"icon sound\" aria-label=\"Turn sound on\">\u266a<\/button><button type=\"button\" class=\"icon playback\" aria-label=\"Pause video\">\u2161<\/button><a class=\"icon\" href=\"https:\/\/bottega26.com\/\" aria-label=\"Back to home\">\u00d7<\/a><\/div><\/div>\n<button type=\"button\" class=\"tap prev\" aria-label=\"Previous story\">Previous<\/button><button type=\"button\" class=\"tap next\" aria-label=\"Next story\">Next<\/button>\n<div class=\"caption\"><h1>THE ROOFTOP.<\/h1><p>Another side of Bottega 26.<br>Take your time. Enjoy the rooftop.<\/p><\/div>\n<\/div><div class=\"bottom\"><a class=\"message\" href=\"https:\/\/wa.me\/84914545226?text=Hello%20Bottega%2026%2C%20I%20would%20like%20information%20about%20the%20rooftop%20and%20availability.\">Message us on WhatsApp \u2197<\/a><span class=\"counter\" aria-live=\"polite\">1 \/ 8<\/span><a class=\"icon\" href=\"https:\/\/www.instagram.com\/bottega_26\" aria-label=\"Bottega 26 on Instagram\" target=\"_blank\" rel=\"noopener noreferrer\">\u2197<\/a><\/div><p class=\"sr\" aria-live=\"polite\"><\/p>\n<\/section>\n<script>\n(()=>{const root=document.querySelector('#b26-rooftop');if(!root||root.dataset.ready)return;root.dataset.ready='1';const videos=[...root.querySelectorAll('video')],dots=[...root.querySelectorAll('.progress button')],toggle=root.querySelector('.playback'),sound=root.querySelector('.sound'),counter=root.querySelector('.counter'),motion=matchMedia('(prefers-reduced-motion:reduce)');let current=0,muted=true,playing=!motion.matches,start=null;function controls(){toggle.textContent=playing?'\u2161':'\u25b7';toggle.setAttribute('aria-label',playing?'Pause video':'Play video');sound.textContent=muted?'\u266a':'\u266b';sound.setAttribute('aria-label',muted?'Turn sound on':'Turn sound off');}function play(){const v=videos[current];if(playing&&!document.hidden)v.play().catch(()=>{playing=false;controls();});else v.pause();controls();}function show(index){videos[current].pause();current=(index+8)%8;videos.forEach((v,i)=>{v.hidden=i!==current;if(i===current){if(!v.src)v.src=v.dataset.src;v.currentTime=0;v.muted=muted;}});dots.forEach((d,i)=>{d.setAttribute('aria-current',String(i===current));d.style.setProperty('--fill',i<current?'100%':'0%');});counter.textContent=(current+1)+' \/ 8';play();}videos.forEach((v,i)=>{v.addEventListener('timeupdate',()=>{if(i===current&&v.duration)dots[i].style.setProperty('--fill',(100*v.currentTime\/v.duration)+'%');});v.addEventListener('ended',()=>show(current+1));v.addEventListener('error',()=>{playing=false;controls();root.querySelector('.sr').textContent='Video unavailable. Please try another story.';});});dots.forEach((d,i)=>d.addEventListener('click',()=>show(i)));root.querySelector('.prev').addEventListener('click',()=>show(current-1));root.querySelector('.next').addEventListener('click',()=>show(current+1));toggle.addEventListener('click',()=>{playing=!playing;play();});sound.addEventListener('click',()=>{muted=!muted;videos[current].muted=muted;controls();});root.addEventListener('keydown',e=>{if(e.key==='ArrowRight'||e.key==='ArrowLeft'){e.preventDefault();show(current+(e.key==='ArrowRight'?1:-1));}});root.querySelector('.story').addEventListener('touchstart',e=>{start={x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY};},{passive:true});root.querySelector('.story').addEventListener('touchend',e=>{if(!start)return;const dx=e.changedTouches[0].clientX-start.x,dy=e.changedTouches[0].clientY-start.y;if(Math.abs(dx)>45&&Math.abs(dx)>Math.abs(dy)*1.4)show(current+(dx<0?1:-1));start=null;},{passive:true});document.addEventListener('visibilitychange',play);show(0);})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>bottega_26The Rooftop \u00b7 Nha Trang \u266a\u2161\u00d7 PreviousNext THE ROOFTOP. Another side of Bottega 26.Take your time. Enjoy the rooftop. Message us on WhatsApp \u21971 \/ 8\u2197<\/p>","protected":false},"author":266012196,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"Discover the rooftop at Bottega 26 in Nha Trang through our video stories. Explore another side of Bottega 26 and contact us to plan your visit.","jetpack_seo_html_title":"The Rooftop at Bottega 26 | Nha Trang","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_wpcom_ai_launchpad_about_page":false,"_wpcom_ai_launchpad_gallery_page":false,"_wpcom_ai_launchpad_contact_page":false,"_wpcom_ai_launchpad_events_page":false,"_wpcom_ai_launchpad_video_page":false,"_wpcom_ai_launchpad_portfolio_piece":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"footnotes":"","big_sky_generated":false},"class_list":["post-1071","page","type-page","status-publish","hentry"],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/Pgxsdt-hh","jetpack-related-posts":[{"id":98,"url":"https:\/\/bottega26.com\/zh\/","url_meta":{"origin":1071,"position":0},"title":"\u9996\u9875","author":"Bottega26","date":"18 10 \u6708, 2026","format":false,"excerpt":"\u60a8\u5728 Nha Trang \u7684\u610f\u5927\u5229\u4e4b\u65c5\u3002\u65b0\u9c9c\u7684\u6cd5\u5361\u5947\u4e9a\u997c\u3001\u5168\u5929\u4f9b\u5e94\u7684\u65e9\u5348\u9910\u3001\u7279\u8272\u5496\u5561\u548c\u610f\u5927\u5229\u7f8e\u98df\u4f73\u80b4\u3002\u8bf7\u81ea\u5e26\u5145\u8db3\u7684\u98df\u91cf\uff0c\u5e76\u7559\u66f4\u4e45\u4e00\u70b9\u3002.","rel":"","context":"\u7c7b\u4f3c\u6587\u7ae0","block_context":{"text":"\u7c7b\u4f3c\u6587\u7ae0","link":""},"img":{"alt_text":"Bottega 26","src":"https:\/\/i0.wp.com\/bottega26.com\/wp-content\/uploads\/2026\/10\/bottega26-logo-ufficiale.png?fit=1200%2C401&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/bottega26.com\/wp-content\/uploads\/2026\/10\/bottega26-logo-ufficiale.png?fit=1200%2C401&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/bottega26.com\/wp-content\/uploads\/2026\/10\/bottega26-logo-ufficiale.png?fit=1200%2C401&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/bottega26.com\/wp-content\/uploads\/2026\/10\/bottega26-logo-ufficiale.png?fit=1200%2C401&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/bottega26.com\/wp-content\/uploads\/2026\/10\/bottega26-logo-ufficiale.png?fit=1200%2C401&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":537,"url":"https:\/\/bottega26.com\/zh\/menu-drink-list\/","url_meta":{"origin":1071,"position":1},"title":"\u83dc\u5355\u548c\u996e\u54c1\u5217\u8868","author":"Bottega26","date":"18 10 \u6708, 2026","format":false,"excerpt":"\u65e9\u5348\u9910\u6d3e\u5c3c\u5c3c\u62ab\u8428\u7cd5\u70b9\u5e97 \u5496\u5561\u996e\u54c1 \u9009\u62e9\u4e00\u4e2a\u7c7b\u522b\uff0c\u5373\u53ef\u6d4f\u89c8\u83dc\u5355\u3002 \u65e9\u5348\u9910\u6d3e\u5c3c\u5c3c \u5236\u4f5c\u60a8\u81ea\u5df1\u7684\u62ab\u8428 \u70e4\u9762\u5305 \u6c99\u62c9 \u76d8\u5b50 \u66f4\u591a\u6765\u81ea\u53a8\u623f \u9762\u98df \u4e3b\u83dc \u70b8\u7269 \u7cd5\u70b9 \u751c\u54c1 \u996e\u6599 \u5496\u5561 \u8336 \u51b0\u6c99\/\u5976\u6614 \u9c9c\u679c\u6c41 \u8f6f\u996e\u6599 \u4ef7\u683c\u5355\u4f4d\uff1a\u8d8a\u5357\u76fe\uff08VND\uff09\u542b\u589e\u503c\u7a0e","rel":"","context":"\u7c7b\u4f3c\u6587\u7ae0","block_context":{"text":"\u7c7b\u4f3c\u6587\u7ae0","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/bottega26.com\/zh\/wp-json\/wp\/v2\/pages\/1071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bottega26.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bottega26.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bottega26.com\/zh\/wp-json\/wp\/v2\/users\/266012196"}],"replies":[{"embeddable":true,"href":"https:\/\/bottega26.com\/zh\/wp-json\/wp\/v2\/comments?post=1071"}],"version-history":[{"count":4,"href":"https:\/\/bottega26.com\/zh\/wp-json\/wp\/v2\/pages\/1071\/revisions"}],"predecessor-version":[{"id":1079,"href":"https:\/\/bottega26.com\/zh\/wp-json\/wp\/v2\/pages\/1071\/revisions\/1079"}],"wp:attachment":[{"href":"https:\/\/bottega26.com\/zh\/wp-json\/wp\/v2\/media?parent=1071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}