{"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\/vi\/the-rooftop\/","title":{"rendered":"The Rooftop"},"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\/vi\/","url_meta":{"origin":1071,"position":0},"title":"Trang ch\u1ee7","author":"Bottega26","date":"Th\u00e1ng 10 18, 2026","format":false,"excerpt":"Cu\u1ed9c phi\u00eau l\u01b0u nh\u1ecf c\u1ee7a b\u1ea1n \u0111\u1ebfn \u00dd t\u1ea1i Nha Trang. Bocca pizza t\u01b0\u01a1i, b\u1eefa tr\u01b0a c\u1ea3 ng\u00e0y, c\u00e0 ph\u00ea \u0111\u1eb7c s\u1ea3n v\u00e0 c\u00e1c m\u00f3n \u0103n y\u00eau th\u00edch c\u1ee7a qu\u00e1n \u0111\u1ed3 \u0103n \u00dd. H\u00e3y \u0111\u1ebfn v\u1edbi b\u1ee5ng \u0111\u00f3i. H\u00e3y \u1edf l\u1ea1i th\u00eam m\u1ed9t ch\u00fat.","rel":"","context":"B\u00e0i t\u01b0\u01a1ng t\u1ef1","block_context":{"text":"B\u00e0i t\u01b0\u01a1ng t\u1ef1","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\/vi\/menu-drink-list\/","url_meta":{"origin":1071,"position":1},"title":"B\u1ea3ng th\u1ef1c \u0111\u01a1n v\u00e0 danh s\u00e1ch \u0111\u1ed3 u\u1ed1ng","author":"Bottega26","date":"Th\u00e1ng 10 18, 2026","format":false,"excerpt":"BrunchPaniniPizzaPastaC\u1eeda h\u00e0ng b\u00e1nh ng\u1ecdtC\u00e0 ph\u00ea \u0110\u1ed3 u\u1ed1ng Ch\u1ecdn m\u1ed9t danh m\u1ee5c \u0111\u1ec3 kh\u00e1m ph\u00e1 th\u1ef1c \u0111\u01a1n. Brunch Panini X\u00e2y d\u1ef1ng m\u00f3n Pizza c\u1ee7a ri\u00eang b\u1ea1n. Tr\u1ee9ng cu\u1ed9n Salad M\u00f3n khai v\u1ecb M\u00f3n n\u01b0\u1edbng M\u00f3n b\u00e1nh ng\u1ecdt DELI M\u00f3n ngu\u1ed9i M\u00f3n ph\u00f4 mai M\u00f3n \u0103n gia \u0111\u00ecnh \u0110\u1ed3 u\u1ed1ng C\u00e0 ph\u00ea Tr\u00e0 S\u1eefa Smoothie\/S\u1eefa l\u1eafc N\u01b0\u1edbc \u00e9p tr\u00e1i c\u00e2y t\u01b0\u01a1i \u0110\u1ed3 u\u1ed1ng c\u00f3 c\u1ed3n Gi\u00e1 t\u00ednh b\u1eb1ng VND \u00b7 Bao g\u1ed3m thu\u1ebf VAT","rel":"","context":"B\u00e0i t\u01b0\u01a1ng t\u1ef1","block_context":{"text":"B\u00e0i t\u01b0\u01a1ng t\u1ef1","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/bottega26.com\/vi\/wp-json\/wp\/v2\/pages\/1071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bottega26.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bottega26.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bottega26.com\/vi\/wp-json\/wp\/v2\/users\/266012196"}],"replies":[{"embeddable":true,"href":"https:\/\/bottega26.com\/vi\/wp-json\/wp\/v2\/comments?post=1071"}],"version-history":[{"count":4,"href":"https:\/\/bottega26.com\/vi\/wp-json\/wp\/v2\/pages\/1071\/revisions"}],"predecessor-version":[{"id":1079,"href":"https:\/\/bottega26.com\/vi\/wp-json\/wp\/v2\/pages\/1071\/revisions\/1079"}],"wp:attachment":[{"href":"https:\/\/bottega26.com\/vi\/wp-json\/wp\/v2\/media?parent=1071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}