{"id":587,"date":"2026-08-19T18:49:53","date_gmt":"2026-08-19T18:49:53","guid":{"rendered":"https:\/\/frenchriviera-lounge.com\/?page_id=587"},"modified":"2026-08-20T16:24:05","modified_gmt":"2026-08-20T16:24:05","slug":"drinks","status":"publish","type":"page","link":"https:\/\/frenchriviera-lounge.com\/en\/drinks\/","title":{"rendered":"Drinks"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"587\" class=\"elementor elementor-587\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5886344 e-con-full e-flex e-con e-parent\" data-id=\"5886344\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59ca123 elementor-widget elementor-widget-html\" data-id=\"59ca123\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     LA FRENCH RIVIERA \u2014 BEVERAGES\r\n     Elementor HTML Widget\r\n     HTML + CSS + JavaScript\r\n     ========================================================= -->\r\n\r\n<style>\r\n#lfr-beverages{\r\n    --navy:#1D3A4C;\r\n    --navy-deep:#082A41;\r\n    --gold:#C1A36D;\r\n    --cream:#FFFAF3;\r\n    --cream-soft:#F8F2EA;\r\n\r\n    position:relative;\r\n    left:50%;\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-left:-50vw;\r\n    margin-right:-50vw;\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(circle at 18% 8%,rgba(255,255,255,.90),transparent 30%),\r\n        linear-gradient(180deg,var(--cream) 0%,var(--cream-soft) 100%);\r\n\r\n    color:var(--navy);\r\n}\r\n\r\n#lfr-beverages,\r\n#lfr-beverages *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n#lfr-beverages button{\r\n    font:inherit;\r\n}\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.lfr-bev-layout{\r\n    width:100%;\r\n    min-height:860px;\r\n\r\n    display:grid;\r\n    grid-template-columns:minmax(0,67%) minmax(340px,33%);\r\n}\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.lfr-bev-main{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    min-width:0;\r\n\r\n    padding:\r\n        58px\r\n        clamp(34px,4.6vw,78px)\r\n        68px;\r\n}\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.lfr-bev-hero{\r\n    text-align:center;\r\n}\r\n\r\n.lfr-bev-eyebrow{\r\n    margin-bottom:10px;\r\n\r\n    font-family:Inter,sans-serif;\r\n    font-size:11px;\r\n    font-weight:600;\r\n    letter-spacing:.34em;\r\n    text-transform:uppercase;\r\n\r\n    color:var(--gold);\r\n}\r\n\r\n.lfr-bev-title{\r\n    margin:0;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:clamp(74px,7vw,112px);\r\n    font-weight:500;\r\n    line-height:.88;\r\n    letter-spacing:-.035em;\r\n\r\n    color:var(--navy-deep);\r\n}\r\n\r\n.lfr-bev-ornament{\r\n    width:min(500px,66%);\r\n    height:30px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:14px;\r\n\r\n    margin:18px auto 4px;\r\n\r\n    color:var(--gold);\r\n}\r\n\r\n.lfr-bev-ornament::before,\r\n.lfr-bev-ornament::after{\r\n    content:\"\";\r\n    height:1px;\r\n    flex:1;\r\n    background:var(--gold);\r\n}\r\n\r\n.lfr-bev-ornament span{\r\n    font-size:20px;\r\n    line-height:1;\r\n}\r\n\r\n\/* =========================================================\r\n   TABS\r\n========================================================= *\/\r\n\r\n.lfr-bev-tabs{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-top:30px;\r\n}\r\n\r\n.lfr-bev-tab{\r\n    flex:0 0 auto;\r\n\r\n    min-height:44px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:10px 24px;\r\n\r\n    border:1px solid rgba(193,163,109,.72);\r\n    border-radius:999px;\r\n\r\n    background:rgba(255,255,255,.24);\r\n    color:var(--navy);\r\n\r\n    cursor:pointer;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:17px;\r\n    font-weight:600;\r\n    line-height:1;\r\n\r\n    transition:\r\n        background-color .22s ease,\r\n        color .22s ease,\r\n        border-color .22s ease,\r\n        transform .22s ease;\r\n}\r\n\r\n.lfr-bev-tab:hover{\r\n    transform:translateY(-1px);\r\n    border-color:var(--navy);\r\n}\r\n\r\n.lfr-bev-tab.is-active{\r\n    background:var(--navy-deep);\r\n    border-color:var(--navy-deep);\r\n    color:#fff;\r\n}\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.lfr-bev-intro{\r\n    margin:34px auto 24px;\r\n    text-align:center;\r\n}\r\n\r\n.lfr-bev-intro__iconrow{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:14px;\r\n\r\n    margin-bottom:9px;\r\n\r\n    color:var(--gold);\r\n}\r\n\r\n.lfr-bev-intro__iconrow::before,\r\n.lfr-bev-intro__iconrow::after{\r\n    content:\"\";\r\n\r\n    width:150px;\r\n    max-width:22vw;\r\n    height:1px;\r\n\r\n    background:var(--gold);\r\n}\r\n\r\n.lfr-bev-intro__icon{\r\n    width:42px;\r\n    height:42px;\r\n    display:block;\r\n}\r\n\r\n.lfr-bev-intro__title{\r\n    margin:0;\r\n\r\n    font-family:Inter,sans-serif;\r\n    font-size:11px;\r\n    font-weight:650;\r\n    letter-spacing:.27em;\r\n    text-transform:uppercase;\r\n\r\n    color:var(--navy);\r\n}\r\n\r\n.lfr-bev-intro__text{\r\n    margin:7px 0 0;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:21px;\r\n    font-style:italic;\r\n    line-height:1.25;\r\n\r\n    color:var(--gold);\r\n}\r\n\r\n\/* =========================================================\r\n   TABLE\r\n========================================================= *\/\r\n\r\n.lfr-bev-menu{\r\n    width:100%;\r\n\r\n    padding:0 24px 7px;\r\n\r\n    border:1px solid rgba(193,163,109,.28);\r\n    border-radius:13px;\r\n\r\n    background:rgba(255,255,255,.28);\r\n}\r\n\r\n.lfr-bev-head,\r\n.lfr-bev-row{\r\n    display:grid;\r\n\r\n    grid-template-columns:minmax(0,1fr) 150px 145px;\r\n\r\n    align-items:center;\r\n\r\n    gap:20px;\r\n}\r\n\r\n.lfr-bev-head{\r\n    min-height:58px;\r\n\r\n    font-family:Inter,sans-serif;\r\n    font-size:10px;\r\n    font-weight:650;\r\n    letter-spacing:.23em;\r\n    text-transform:uppercase;\r\n\r\n    color:var(--navy);\r\n\r\n    border-bottom:1px solid rgba(193,163,109,.55);\r\n}\r\n\r\n.lfr-bev-head div:nth-child(2){\r\n    text-align:center;\r\n}\r\n\r\n.lfr-bev-head div:last-child{\r\n    text-align:right;\r\n}\r\n\r\n.lfr-bev-row{\r\n    min-height:58px;\r\n\r\n    border-bottom:1px solid rgba(193,163,109,.20);\r\n}\r\n\r\n.lfr-bev-row:last-child{\r\n    border-bottom:0;\r\n}\r\n\r\n.lfr-bev-name{\r\n    position:relative;\r\n\r\n    padding-left:28px;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:24px;\r\n    font-weight:500;\r\n    line-height:1.1;\r\n\r\n    color:var(--navy-deep);\r\n}\r\n\r\n.lfr-bev-name::before{\r\n    content:\"\u25c6\";\r\n\r\n    position:absolute;\r\n    left:2px;\r\n    top:50%;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    font-size:7px;\r\n    color:var(--gold);\r\n}\r\n\r\n.lfr-bev-size{\r\n    text-align:center;\r\n\r\n    font-family:Inter,sans-serif;\r\n    font-size:11px;\r\n    font-weight:500;\r\n    letter-spacing:.04em;\r\n\r\n    color:rgba(29,58,76,.74);\r\n}\r\n\r\n.lfr-bev-price{\r\n    text-align:right;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:22px;\r\n    font-weight:600;\r\n\r\n    color:var(--navy-deep);\r\n}\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n.lfr-bev-media{\r\n    position:relative;\r\n\r\n    min-height:100%;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#d9d1c6;\r\n}\r\n\r\n.lfr-bev-media img{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n    object-position:center;\r\n\r\n    display:block;\r\n}\r\n\r\n.lfr-bev-media::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    z-index:2;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,250,243,.09) 0%,\r\n            transparent 24%,\r\n            rgba(4,29,48,.05) 100%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.lfr-bev-media::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    z-index:3;\r\n\r\n    top:-7%;\r\n    bottom:-7%;\r\n    left:-120px;\r\n\r\n    width:190px;\r\n\r\n    background:var(--cream-soft);\r\n\r\n    border-right:1px solid rgba(193,163,109,.84);\r\n\r\n    border-radius:0 50% 50% 0;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .lfr-bev-layout{\r\n        grid-template-columns:minmax(0,64%) minmax(300px,36%);\r\n    }\r\n\r\n    .lfr-bev-main{\r\n        padding:50px 28px 58px;\r\n    }\r\n\r\n    .lfr-bev-title{\r\n        font-size:76px;\r\n    }\r\n\r\n    .lfr-bev-tab{\r\n        padding:9px 17px;\r\n        font-size:15px;\r\n    }\r\n\r\n    .lfr-bev-head,\r\n    .lfr-bev-row{\r\n        grid-template-columns:minmax(0,1fr) 105px 108px;\r\n        gap:12px;\r\n    }\r\n\r\n    .lfr-bev-name{\r\n        font-size:21px;\r\n    }\r\n\r\n    .lfr-bev-media::after{\r\n        left:-100px;\r\n        width:155px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .lfr-bev-layout{\r\n        display:flex;\r\n        flex-direction:column;\r\n        min-height:0;\r\n    }\r\n\r\n    .lfr-bev-media{\r\n        order:1;\r\n\r\n        height:300px;\r\n        min-height:300px;\r\n    }\r\n\r\n    .lfr-bev-media::after{\r\n        display:none;\r\n    }\r\n\r\n    .lfr-bev-main{\r\n        order:2;\r\n\r\n        padding:38px 16px 46px;\r\n    }\r\n\r\n    .lfr-bev-title{\r\n        font-size:58px;\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .lfr-bev-eyebrow{\r\n        font-size:9px;\r\n        letter-spacing:.28em;\r\n    }\r\n\r\n    .lfr-bev-ornament{\r\n        width:72%;\r\n    }\r\n\r\n    .lfr-bev-tabs{\r\n        width:calc(100% + 32px);\r\n\r\n        margin-left:-16px;\r\n        margin-right:-16px;\r\n\r\n        padding:2px 16px 9px;\r\n\r\n        flex-wrap:nowrap;\r\n        justify-content:flex-start;\r\n\r\n        overflow-x:auto;\r\n\r\n        scrollbar-width:none;\r\n        -webkit-overflow-scrolling:touch;\r\n    }\r\n\r\n    .lfr-bev-tabs::-webkit-scrollbar{\r\n        display:none;\r\n    }\r\n\r\n    .lfr-bev-tab{\r\n        min-width:max-content;\r\n        font-size:14px;\r\n        padding:9px 15px;\r\n    }\r\n\r\n    .lfr-bev-intro{\r\n        margin-top:27px;\r\n    }\r\n\r\n    .lfr-bev-intro__iconrow::before,\r\n    .lfr-bev-intro__iconrow::after{\r\n        width:70px;\r\n        max-width:24vw;\r\n    }\r\n\r\n    .lfr-bev-intro__title{\r\n        font-size:9px;\r\n    }\r\n\r\n    .lfr-bev-intro__text{\r\n        font-size:19px;\r\n    }\r\n\r\n    .lfr-bev-menu{\r\n        padding:0 14px 4px;\r\n    }\r\n\r\n    .lfr-bev-head{\r\n        display:none;\r\n    }\r\n\r\n    .lfr-bev-row{\r\n        grid-template-columns:1fr auto;\r\n\r\n        grid-template-areas:\r\n            \"name name\"\r\n            \"size price\";\r\n\r\n        gap:7px 14px;\r\n\r\n        padding:15px 0;\r\n\r\n        min-height:0;\r\n    }\r\n\r\n    .lfr-bev-name{\r\n        grid-area:name;\r\n\r\n        padding-left:20px;\r\n\r\n        font-size:21px;\r\n    }\r\n\r\n    .lfr-bev-size{\r\n        grid-area:size;\r\n\r\n        padding-left:20px;\r\n\r\n        text-align:left;\r\n\r\n        font-size:10px;\r\n    }\r\n\r\n    .lfr-bev-price{\r\n        grid-area:price;\r\n\r\n        font-size:20px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   NO PRICES \u2014 ONLY HIDE PRICES\r\n   ========================================================= *\/\r\n\r\n\/* Desktop *\/\r\n.lfr-bev-head,\r\n.lfr-bev-row{\r\n    grid-template-columns:minmax(0,1fr) 150px !important;\r\n}\r\n\r\n\/* Hide price header and price values *\/\r\n.lfr-bev-head div:last-child,\r\n.lfr-bev-price{\r\n    display:none !important;\r\n}\r\n\r\n\/* Align serving column to the right *\/\r\n.lfr-bev-head div:nth-child(2),\r\n.lfr-bev-size{\r\n    text-align:right !important;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media(max-width:1024px){\r\n    .lfr-bev-head,\r\n    .lfr-bev-row{\r\n        grid-template-columns:minmax(0,1fr) 105px !important;\r\n    }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:767px){\r\n    .lfr-bev-row{\r\n        grid-template-columns:1fr auto !important;\r\n        grid-template-areas:\"name size\" !important;\r\n    }\r\n\r\n    .lfr-bev-name{\r\n        grid-area:name !important;\r\n    }\r\n\r\n    .lfr-bev-size{\r\n        grid-area:size !important;\r\n        padding-left:0 !important;\r\n        text-align:right !important;\r\n    }\r\n\r\n    .lfr-bev-price{\r\n        display:none !important;\r\n    }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n\r\n<section id=\"lfr-beverages\">\r\n\r\n    <div class=\"lfr-bev-layout\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n\r\n        <div class=\"lfr-bev-main\">\r\n\r\n            <div class=\"lfr-bev-hero\">\r\n\r\n                <div class=\"lfr-bev-eyebrow\">\r\n                    DRINKS MENU\r\n                <\/div>\r\n\r\n                <h2 class=\"lfr-bev-title\">\r\n                    Beverages\r\n                <\/h2>\r\n\r\n                <div class=\"lfr-bev-ornament\">\r\n                    <span>\u2767<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- TABS -->\r\n\r\n            <div\r\n                class=\"lfr-bev-tabs\"\r\n                id=\"lfrBevTabs\"\r\n                role=\"tablist\"\r\n                aria-label=\"Beverage categories\"\r\n            ><\/div>\r\n\r\n\r\n            <!-- INTRO -->\r\n\r\n            <div class=\"lfr-bev-intro\">\r\n\r\n                <div class=\"lfr-bev-intro__iconrow\">\r\n\r\n                    <svg\r\n                        class=\"lfr-bev-intro__icon\"\r\n                        viewBox=\"0 0 64 64\"\r\n                        fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path d=\"M19 12H45L41 51H23L19 12Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                        <path d=\"M22 24H42\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                        <path d=\"M34 7L29 19\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                        <path d=\"M38 10L48 6\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                        <circle cx=\"35\" cy=\"33\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3\r\n                    class=\"lfr-bev-intro__title\"\r\n                    id=\"lfrBevTitle\"\r\n                >\r\n                    BEER SELECTION\r\n                <\/h3>\r\n\r\n                <p\r\n                    class=\"lfr-bev-intro__text\"\r\n                    id=\"lfrBevDescription\"\r\n                >\r\n                    Selected beers to complement your experience.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- MENU TABLE -->\r\n\r\n            <div class=\"lfr-bev-menu\">\r\n\r\n                <div class=\"lfr-bev-head\">\r\n\r\n                    <div>Beverage<\/div>\r\n\r\n                    <div>\r\n                        Serving\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        Price\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div id=\"lfrBevList\"><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT IMAGE -->\r\n\r\n        <aside\r\n            class=\"lfr-bev-media\"\r\n            aria-label=\"Beverages at La French Riviera\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/Bebidas.png\"\r\n                alt=\"Beverages at La French Riviera\"\r\n            >\r\n\r\n        <\/aside>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n    \"use strict\";\r\n\r\n\r\n    const DATA = {\r\n\r\n        beers:{\r\n\r\n            label:\"Beers\",\r\n\r\n            title:\"BEER SELECTION\",\r\n\r\n            description:\r\n                \"Selected beers to complement your experience.\",\r\n\r\n            items:[\r\n\r\n                [\"XX Lager\",\"\",\"$85.00\"],\r\n                [\"XX \u00c1mbar\",\"\",\"$85.00\"],\r\n                [\"Ultra\",\"\",\"$90.00\"],\r\n                [\"Heineken\",\"\",\"$90.00\"],\r\n                [\"Tecate Light\",\"\",\"$85.00\"],\r\n                [\"Bohemia Clara\",\"\",\"$85.00\"],\r\n                [\"Bohemia Oscura\",\"\",\"$85.00\"],\r\n                [\"Indio\",\"\",\"$85.00\"],\r\n                [\"Corona\",\"\",\"$85.00\"],\r\n                [\"Victoria\",\"\",\"$85.00\"]\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        waters:{\r\n\r\n            label:\"Waters\",\r\n\r\n            title:\"WATER SELECTION\",\r\n\r\n            description:\r\n                \"Still and sparkling water options for your table.\",\r\n\r\n            items:[\r\n\r\n                [\"Perrier\",\"330 ML\",\"$95.00\"],\r\n                [\"Evian\",\"330 ML\",\"$95.00\"],\r\n                [\"Topo Chico\",\"330 ML\",\"$80.00\"],\r\n                [\"Cristal Natural\",\"330 ML\",\"$80.00\"]\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        softDrinks:{\r\n\r\n            label:\"Soft Drinks\",\r\n\r\n            title:\"SOFT DRINK SELECTION\",\r\n\r\n            description:\r\n                \"Refreshing soft drinks and cold beverages for every taste.\",\r\n\r\n            items:[\r\n\r\n                [\"Coca-Cola Regular\",\"330 ML\",\"$75.00\"],\r\n                [\"Coca-Cola Zero\",\"330 ML\",\"$75.00\"],\r\n                [\"Coca-Cola Light\",\"330 ML\",\"$75.00\"],\r\n                [\"Fanta\",\"330 ML\",\"$75.00\"],\r\n                [\"Fresca\",\"330 ML\",\"$75.00\"],\r\n                [\"Sprite\",\"330 ML\",\"$75.00\"],\r\n                [\"Sprite Zero\",\"330 ML\",\"$75.00\"],\r\n                [\"Mundet\",\"330 ML\",\"$75.00\"],\r\n                [\"Cristal Mineral\",\"330 ML\",\"$75.00\"],\r\n                [\"Ginger Ale\",\"330 ML\",\"$75.00\"],\r\n                [\"Tonic Water\",\"330 ML\",\"$75.00\"],\r\n                [\"Red Bull\",\"330 ML\",\"$90.00\"],\r\n                [\"Fuze Tea\",\"330 ML\",\"$70.00\"],\r\n                [\"Kids Juice\",\"330 ML\",\"$65.00\"]\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        coffeeTea:{\r\n\r\n            label:\"Coffee & Tea\",\r\n\r\n            title:\"COFFEE & TEA\",\r\n\r\n            description:\r\n                \"Coffee and tea to finish your experience at your own pace.\",\r\n\r\n            items:[\r\n\r\n                [\"Americano\",\"250 ML\",\"$95.00\"],\r\n                [\"Espresso\",\"45 ML\",\"$95.00\"],\r\n                [\"Latte\",\"250 ML\",\"$105.00\"],\r\n                [\"Cappuccino\",\"250 ML\",\"$105.00\"],\r\n                [\"Tea\",\"250 ML\",\"$65.00\"],\r\n                [\"Double Espresso\",\"75 ML\",\"$110.00\"]\r\n\r\n            ]\r\n\r\n        }\r\n\r\n    };\r\n\r\n\r\n    const tabs =\r\n        document.getElementById(\r\n            \"lfrBevTabs\"\r\n        );\r\n\r\n    const list =\r\n        document.getElementById(\r\n            \"lfrBevList\"\r\n        );\r\n\r\n    const title =\r\n        document.getElementById(\r\n            \"lfrBevTitle\"\r\n        );\r\n\r\n    const description =\r\n        document.getElementById(\r\n            \"lfrBevDescription\"\r\n        );\r\n\r\n\r\n    function createTabs(){\r\n\r\n        Object.keys(DATA)\r\n            .forEach(\r\n                function(key,index){\r\n\r\n                    const button =\r\n                        document.createElement(\r\n                            \"button\"\r\n                        );\r\n\r\n                    button.type =\r\n                        \"button\";\r\n\r\n                    button.className =\r\n                        \"lfr-bev-tab\" +\r\n                        (\r\n                            index === 0\r\n                            ? \" is-active\"\r\n                            : \"\"\r\n                        );\r\n\r\n                    button.dataset.category =\r\n                        key;\r\n\r\n                    button.textContent =\r\n                        DATA[key].label;\r\n\r\n                    button.setAttribute(\r\n                        \"role\",\r\n                        \"tab\"\r\n                    );\r\n\r\n                    button.setAttribute(\r\n                        \"aria-selected\",\r\n                        index === 0\r\n                        ? \"true\"\r\n                        : \"false\"\r\n                    );\r\n\r\n                    tabs.appendChild(\r\n                        button\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n    }\r\n\r\n\r\n    function showCategory(key){\r\n\r\n        const data =\r\n            DATA[key];\r\n\r\n        if(!data){\r\n            return;\r\n        }\r\n\r\n\r\n        title.textContent =\r\n            data.title;\r\n\r\n        description.textContent =\r\n            data.description;\r\n\r\n        list.innerHTML =\r\n            \"\";\r\n\r\n\r\n        data.items\r\n            .forEach(\r\n                function(item){\r\n\r\n                    const row =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    row.className =\r\n                        \"lfr-bev-row\";\r\n\r\n\r\n                    const name =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    name.className =\r\n                        \"lfr-bev-name\";\r\n\r\n                    name.textContent =\r\n                        item[0];\r\n\r\n\r\n                    const size =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    size.className =\r\n                        \"lfr-bev-size\";\r\n\r\n                    size.textContent =\r\n                        item[1] || \"\u2014\";\r\n\r\n\r\n                    const price =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    price.className =\r\n                        \"lfr-bev-price\";\r\n\r\n                    price.textContent =\r\n                        item[2];\r\n\r\n\r\n                    row.append(\r\n                        name,\r\n                        size,\r\n                        price\r\n                    );\r\n\r\n                    list.appendChild(\r\n                        row\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n    }\r\n\r\n\r\n    tabs.addEventListener(\r\n        \"click\",\r\n        function(event){\r\n\r\n            const button =\r\n                event.target.closest(\r\n                    \".lfr-bev-tab\"\r\n                );\r\n\r\n            if(!button){\r\n                return;\r\n            }\r\n\r\n\r\n            tabs\r\n                .querySelectorAll(\r\n                    \".lfr-bev-tab\"\r\n                )\r\n                .forEach(\r\n                    function(tab){\r\n\r\n                        tab.classList.remove(\r\n                            \"is-active\"\r\n                        );\r\n\r\n                        tab.setAttribute(\r\n                            \"aria-selected\",\r\n                            \"false\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n            button.classList.add(\r\n                \"is-active\"\r\n            );\r\n\r\n            button.setAttribute(\r\n                \"aria-selected\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            showCategory(\r\n                button.dataset.category\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    createTabs();\r\n    showCategory(\"beers\");\r\n\r\n\r\n})();\r\n<\/script>\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>DRINKS MENU Beverages \u2767 BEER SELECTION Selected beers to complement your experience. Beverage Serving Price<\/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-587","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/pages\/587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=%2Fwp%2Fv2%2Fcomments&post=587"}],"version-history":[{"count":10,"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/pages\/587\/revisions"}],"predecessor-version":[{"id":712,"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/pages\/587\/revisions\/712"}],"wp:attachment":[{"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=%2Fwp%2Fv2%2Fmedia&parent=587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}