1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>Italian Fine Dining in Beverly Hills & Santa Monica near me | La Scala</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> 6 <meta charset="UTF-8"> 7 8 <meta name="description" content="Iconic Italian restaurant serving classic pasta, fresh seafood & Jean Leonâs famous chopped salad in Beverly Hills & Santa Monica near me." /> 9 <meta property="og:title" content="Italian Fine Dining in Beverly Hills & Santa Monica near me | La Scala" /> 10 <meta property="og:description" content="La Scala" /> 11 <meta property="og:image" content="https://chowly-coo-configuration-assets.nyc3.digitaloceanspaces.com/chowly-coo-prod-configuration-assets/public/assets/Logo-1614-d1fb2fbe-68f3-4b44-bdd4-532522859e8f.png" /> 12 <meta property="og:type" content="website" /> 13 <meta property="og:url" content="https://www.lascalabeverlyhills.com/" /> 14 15 <link rel="icon" type="image/x-icon" href="https://chowly-coo-configuration-assets.nyc3.digitaloceanspaces.com/chowly-coo-prod-configuration-assets/public/assets/favicon-334-7a9878b9-42f3-4b18-9ec2-de4c06c4f5ad.jpg"> 16 <link rel="canonical" href="https://www.lascalabeverlyhills.com/" /> 17 18 19 20 21 22 <link rel="stylesheet" href="/assets/site-6d6cd0758857bade3aa4ac07ec6020f1186506197312980c5576e6b498aa5760.css" data-turbo-track="reload" /> 23 <link rel="stylesheet" href="/assets/icons-8a8adf1b209dcf6019c445e5477d00b79192f6726b65fd7cf29cf43036ec3917.css" data-turbo-track="reload" /> 24 25
25<script type="importmap" data-turbo-track="reload">{ 26 "imports": { 27 "application": "/assets/application-4a1c1d27c11faa4dbac51fff4126422169b85739cdee3e8b89ea183bc17a2c23.js", 28 "@hotwired/turbo-rails": "/assets/turbo.min-f3765a09513ca1417099ce92257ef54b9d4cf3a7addc7dcbb1d6d848d307ee8a.js", 29 "@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js", 30 "@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js", 31 "site": "/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js", 32 "local-time": "/assets/local-time-821d43d4efe5c285055b57aea1a1f04a89a1019f689de214873d5af45a3ab3d7.js", 33 "jquery": "/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js", 34 "jquery-mask-plugin": "/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js", 35 "alpinejs": "/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js", 36 "swiper": "/assets/swiper-2faaef3c8e00dc01e477390250b8d1e3950bde9bcacdc205a4a0265787e5c077.js", 37 "libraries/vidbg": "/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js", 38 "controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js", 39 "controllers/hello_controller": "/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js", 40 "controllers": "/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js", 41 "controllers/prompt_engineering_controller": "/assets/controllers/prompt_engineering_controller-c5abfd07f3f7b741f778d3070d18fd216b100840ef6cfdce4adb7c953a59d715.js" 42 } 43}</script>
43 44<link rel="modulepreload" href="/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js"> 45<link rel="modulepreload" href="/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js"> 46<link rel="modulepreload" href="/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js"> 47<link rel="modulepreload" href="/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js"> 48<link rel="modulepreload" href="/assets/swiper-2faaef3c8e00dc01e477390250b8d1e3950bde9bcacdc205a4a0265787e5c077.js">
49<script type="module">import "site"</script>
49 50 51 <link rel="preconnect" href="https://fonts.googleapis.com"> 52 <link rel="preconnect" href="https://cdnjs.cloudflare.com"> 53 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 54 55 56 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block" 57 rel="preload" as="style"> 58 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block" 59 rel="stylesheet"> 60 61 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" 62 rel="preload" as="style"> 63 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" 64 rel="stylesheet"> 65 66 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css" 67 rel="preload" as="style"> 68 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css" 69 rel="stylesheet">
vendor: 75 bytes, lines 69-71
69 70 71 <script src="https://www.google.com/recaptcha/enterprise.js?render=
716LcsffgqAAAAANLXQa19TOl4LbE2V7eS6PfaYhiT
vendor: 21 bytes, lines 71-73
71" defer></script> 72 73
73<script> 74 if (!window.origin.includes('http://localhost')) { 75 window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])}; 76 heap.load((window.origin.includes('chowly.dev') ? '3177339425' : '3745098455')); 77 } 78 </script>
78 79 80 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&display=swap" 81 rel="preload" as="style"> 82 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&display=swap" 83 rel="stylesheet"> 84 85 <style> 86 87 :root { 88 /* Light theme colors */ 89 --bg-primary: white; 90 --bg-secondary: #F2F2F2; 91 --bg-form: white; 92 --text-primary: #212121; 93 --text-secondary: #666; 94 --text-muted: #666666; 95 --border-primary: #d9b73b; 96 --border-secondary: #D7D7D7; 97 --stroke-primary: #d9b73b; 98 --stroke-secondary: currentColor; 99 --active-bg-opacity: 8%; 100 --active-text: #d9b73b; 101 --hover-bg-opacity: 8%; 102 --hover-text: #d9b73b; 103 --link-text: #666; 104 --link-hover: black; 105 --social-bg: #666; 106 --social-text: white; 107 --placeholder-text: #D7D7D7; 108 --focus-border: #777777; 109 --button-bg: transparent; 110 --button-text: #d9b73b; 111 --button-border: #d9b73b; 112 --button-hover-bg: transparent; 113 --button-hover-border: #d9b73b; 114 --brand-primary: #d9b73b; 115 --brand-overlay: rgba(217,183,59,0.08); 116 --brand-overlay-heavy: rgba(217,183,59,0.80); 117 --dim-overlay: rgba(0,0,0,0.4); 118 } 119 120 body { 121 background: linear-gradient(180deg, rgba(217, 183, 59, 0.08) 0px, rgba(217, 183, 59, 0.00) 520px); 122 } 123 124 .grecaptcha-badge { visibility: hidden; } 125 </style> 126 127 128 129
129<script src="https://cdn.userway.org/widget.js" data-account="2RTD1qUW2F" data-position="3"></script>
129 130 131 <link rel="stylesheet" href="/assets/vidbg-59cd2b661e27143a4d41f154396b1fabc6ac9c0893f4d4b1623cbf033efc0130.css" /> 132 133
133<script src="/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js"></script>
133 134
134<script src="/assets/banner-component-730ab5752d6195daf2963c20c32c885c4d07215b1fbd2a76a52cd94622d82ef7.js"></script>
134 135 136
136<script async> 137 window.chowlyApiHost = 'https://api.chowlyinc.com'; 138 window.siteHost = 'https://sites.chowly.app'; 139 </script>
139 140 141
141<script type="application/ld+json"> 142 {"@context":"https://schema.org","@graph":[{"@type":"Restaurant","name":"La Scala","address":{"@type":"PostalAddress","streetAddress":"3001 Wilshire Blvd","addressLocality":"Santa Monica","addressRegion":"CA","postalCode":"90403","addressCountry":"US"},"telephone":"3103153300","geo":{"@type":"GeoCoordinates","latitude":34.039503,"longitude":-118.473727},"url":"https://www.lascalabeverlyhills.com#location-34385","servesCuisine":["Italian","Seafood","Happy Hour","Takeout","Pickup","Dine In","Delivery","Lunch","Dinner","Brunch"],"priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"15:00:00","closes":"20:00:00"}],"hasMenu":"https://www.lascalabeverlyhills.com/menu","areaServed":["Beverly Hills","Golden Triangle","Trousdale Estates","Beverly Vista","South of Wilshire","Rodeo Drive","Beverly Drive","Beverly Gardens Park","Santa Monica Boulevard","Wilshire Boulevard","Canon Drive","Pico Boulevard","Santa Monica","Brentwood","Hollywood","California"]},{"@type":"Restaurant","name":"La Scala","address":{"@type":"PostalAddress","streetAddress":"434 N Canon Dr","addressLocality":"Beverly Hills","addressRegion":"CA","postalCode":"90210","addressCountry":"US"},"telephone":"3102750579","geo":{"@type":"GeoCoordinates","latitude":34.0713696,"longitude":-118.4012945},"url":"https://www.lascalabeverlyhills.com#location-34386","servesCuisine":["Italian","Seafood","Happy Hour","Takeout","Pickup","Dine In","Delivery","Lunch","Dinner","Brunch"],"priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:30:00","closes":"22:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:30:00","closes":"22:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:30:00","closes":"22:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:30:00","closes":"22:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:30:00","closes":"22:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"12:00:00","closes":"22:00:00"}],"hasMenu":"https://www.lascalabeverlyhills.com/menu","areaServed":["Beverly Hills","Golden Triangle","Trousdale Estates","Beverly Vista","South of Wilshire","Rodeo Drive","Beverly Drive","Beverly Gardens Park","Santa Monica Boulevard","Wilshire Boulevard","Canon Drive","Pico Boulevard","Santa Monica","Brentwood","Hollywood","California"]}]} 143 </script>
143 144</head> 145<body data-organization-id="47398" > 146 <a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a> 147 <main id="main-content" role="main" data-maglev-dropzone> 148 <section class="grid grid-cols-2 gap-0 justify-center"> 149 <div class="bg-[var(--brand-primary)] w-full h-[40px] flex justify-center items-center px-4 col-span-2" role="banner" id="section-gmKZgkkq" data-maglev-section-id="gmKZgkkq" data-maglev-section-type="site_notification_01"> 150 <section class="flex items-center space-x-2 max-w-[1440px] w-full justify-center"> 151 <div class="w-[30px] h-[30px] overflow-hidden"> 152 <i class="text-white" data-maglev-id="gmKZgkkq.icon" aria-hidden="true"></i> 153 </div> 154 <span data-maglev-id="gmKZgkkq.title" class="text-white text-[14px] font-normal leading-[24px] text-center line-clamp-2 overflow-hidden"><p>Savor La Scalaâs world-famous <strong>ORIGINAL CHOP SALAD</strong> today!</p></span> 155 </section> 156</div><header class="sticky top-0 z-50 bg-[var(--bg-primary)] py-[16px] xl:py-[12px] shadow-md w-full col-span-2" id="section-4mg-9g8U" data-maglev-section-id="4mg-9g8U" data-maglev-section-type="standard_nav_01"> 157 <div class="flex justify-between items-center px-4 xl:px-8 mx-auto w-full xl:max-w-[1440px]"> 158 <div class="flex items-center"> 159 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 160 <a href="/" aria-label="La Scala home"> 161 <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2Cavif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1614-d1fb2fbe-68f3-4b44-bdd4-532522859e8f.png" alt="La Scala logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 162 </a> 163 </div> 164 165 <nav role="navigation" aria-label="Main navigation" class="hidden xl:block"> 166 <ul class="flex"> 167 168 169 <li> 170 <a data-maglev-id="SAMay_OJzUg.link" class="flex bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="page" href="/"><span data-maglev-id="SAMay_OJzUg.link.text">Home</span></a> 171 </li> 172 173 <li> 174 <a data-maglev-id="LbwlLyGCriQ.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/reservations"><span data-maglev-id="LbwlLyGCriQ.link.text">Reservations</span></a> 175 </li> 176 177 <li> 178 <a data-maglev-id="D9VtUkXt8rY.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/menu"><span data-maglev-id="D9VtUkXt8rY.link.text">Menus</span></a> 179 </li> 180 181 <li> 182 <a data-maglev-id="dvg8z4AlP9w.link" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="false" href="/location"><span data-maglev-id="dvg8z4AlP9w.link.text">Locations</span></a> 183 </li> 184 185 <li class="relative"> 186 <button id="more-menu-button" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3"> 187 More 188 <svg id="more-arrow" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 189 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 190 </svg> 191 </button> 192 <div id="more-dropdown" class="hidden fixed left-0 right-0 w-full z-50 transition-all duration-300"> 193 <div class="mx-auto max-w-7xl bg-[var(--bg-secondary)] shadow-lg p-6 rounded-lg dropdown-top-shadow"> 194 <div class="grid grid-cols-3 gap-4"> 195 <div class="w-full mb-2"> 196 <a data-maglev-id="7WjAQgVszbw.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="false" href="/about-us"><span data-maglev-id="7WjAQgVszbw.link.text">About Us</span></a> 197 </div> 198 <div class="w-full mb-2"> 199 <a data-maglev-id="BzpPC8xmaKg.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="false" href="/art"><span data-maglev-id="BzpPC8xmaKg.link.text">Art</span></a> 200 </div> 201 <div class="w-full mb-2"> 202 <a data-maglev-id="qp5uvW2G4jY.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="false" href="/contact-us"><span data-maglev-id="qp5uvW2G4jY.link.text">Contact Us</span></a> 203 </div> 204 <div class="w-full mb-2"> 205 <a data-maglev-id="VhLkyCTme68.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="false" href="/employment"><span data-maglev-id="VhLkyCTme68.link.text">Employment</span></a> 206 </div> 207 </div> 208 </div> 209 </div> 210 </li> 211 </ul> 212 </nav> 213 </div> 214 215 <!-- Right side: Mobile toggle + Desktop buttons --> 216 <div class="flex items-center gap-2"> 217 <!-- Mobile menu toggle --> 218 <div class="xl:hidden"> 219 <button id="menu-toggle" class="focus:outline-none" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu"> 220 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 221 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 222 </svg> 223 </button> 224 </div> 225 226 <!-- Desktop buttons (hidden on mobile) --> 227 <div class="hidden xl:flex items-center gap-2"> 228 <!-- Primary Order Now button --> 229 <a href="/stores" class="inline-flex items-center justify-center h-12 px-8 bg-[var(--brand-primary)] text-white text-base font-semibold rounded-md hover:brightness-90">Order Now</a> 230 231 <!-- Secondary button (optional, configurable) --> 232 </div> 233 </div> 234 </div> 235 236 <div id="mobile-menu" class="hidden fixed top-0 left-0 w-full h-full bg-[var(--bg-primary)] z-50 overflow-y-auto"> 237 <div class="flex justify-between items-center px-4 py-4 sticky top-0 bg-[var(--bg-primary)] z-10"> 238 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 239 <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2C
239avif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1614-d1fb2fbe-68f3-4b44-bdd4-532522859e8f.png" alt="La Scala logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 240 </div> 241 <button id="menu-close" class="focus:outline-none" aria-label="Close menu"> 242 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 243 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> 244 </svg> 245 </button> 246 </div> 247 248 <nav role="navigation" aria-label="Mobile navigation" class="pb-32"> 249 <ul class="flex flex-col items-start px-5 space-y-6 mt-8"> 250 251 <li> 252 <a data-maglev-id="SAMay_OJzUg.link" class="bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] py-2 px-4 text-sm font-semibold pl-3" aria-current="page" href="/"><span data-maglev-id="SAMay_OJzUg.link.text">Home</span></a> 253 </li> 254 255 <li> 256 <a data-maglev-id="LbwlLyGCriQ.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/reservations"><span data-maglev-id="LbwlLyGCriQ.link.text">Reservations</span></a> 257 </li> 258 259 <li> 260 <a data-maglev-id="D9VtUkXt8rY.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/menu"><span data-maglev-id="D9VtUkXt8rY.link.text">Menus</span></a> 261 </li> 262 263 <li> 264 <a data-maglev-id="dvg8z4AlP9w.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/location"><span data-maglev-id="dvg8z4AlP9w.link.text">Locations</span></a> 265 </li> 266 267 <li> 268 <a data-maglev-id="7WjAQgVszbw.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/about-us"><span data-maglev-id="7WjAQgVszbw.link.text">About Us</span></a> 269 </li> 270 271 <li> 272 <a data-maglev-id="BzpPC8xmaKg.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/art"><span data-maglev-id="BzpPC8xmaKg.link.text">Art</span></a> 273 </li> 274 275 <li> 276 <a data-maglev-id="qp5uvW2G4jY.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/contact-us"><span data-maglev-id="qp5uvW2G4jY.link.text">Contact Us</span></a> 277 </li> 278 279 <li> 280 <a data-maglev-id="VhLkyCTme68.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/employment"><span data-maglev-id="VhLkyCTme68.link.text">Employment</span></a> 281 </li> 282 </ul> 283 </nav> 284 285 <div class="fixed bottom-0 left-0 w-full flex items-center justify-center gap-2 py-8 px-4 bg-[var(--bg-primary)] border-[var(--border-secondary)]"> 286 <!-- Primary Order Now button --> 287 <a href="/stores" class="inline-flex h-12 px-8 justify-center items-center gap-2 flex-shrink-0 rounded-[6px] bg-[var(--brand-primary)] text-white text-[15px] font-semibold leading-[150%] hover:brightness-90">Order Now</a> 288 289 <!-- Secondary button (optional, configurable) --> 290 </div> 291 </div> 292</header>
293<script> 294 const menuToggle = document.getElementById('menu-toggle'); 295 const menuClose = document.getElementById('menu-close'); 296 const mobileMenu = document.getElementById('mobile-menu'); 297 298 menuToggle.addEventListener('click', () => { 299 mobileMenu.classList.remove('hidden'); 300 mobileMenu.setAttribute('aria-hidden', 'false'); 301 menuToggle.setAttribute('aria-expanded', 'true'); 302 }); 303 304 menuClose.addEventListener('click', () => { 305 mobileMenu.classList.add('hidden'); 306 mobileMenu.setAttribute('aria-hidden', 'true'); 307 menuToggle.setAttribute('aria-expanded', 'false'); 308 }); 309 310 document.addEventListener('DOMContentLoaded', function() { 311 // More menu dropdown functionality 312 const moreButton = document.getElementById('more-menu-button'); 313 const moreDropdown = document.getElementById('more-dropdown'); 314 const moreArrow = document.getElementById('more-arrow'); 315 316 if (moreButton && moreDropdown && moreArrow) { 317 let isOpen = false; 318 let isHoveringButton = false; 319 let isHoveringDropdown = false; 320 let dropdownTimeout; 321 322 function showDropdown() { 323 clearTimeout(dropdownTimeout); 324 moreDropdown.classList.remove('hidden'); 325 moreDropdown.style.opacity = '1'; 326 moreArrow.classList.add('rotate-180'); 327 isOpen = true; 328 } 329 330 function hideDropdown() { 331 moreDropdown.style.opacity = '0'; 332 moreArrow.classList.remove('rotate-180'); 333 334 dropdownTimeout = setTimeout(() => { 335 moreDropdown.classList.add('hidden'); 336 isOpen = false; 337 }, 300); 338 } 339 340 function toggleDropdown() { 341 if (isOpen) { 342 hideDropdown(); 343 } else { 344 showDropdown(); 345 } 346 } 347 348 function updateDropdownVisibility() { 349 if (isHoveringButton || isHoveringDropdown) { 350 showDropdown(); 351 } else { 352 hideDropdown(); 353 } 354 } 355 356 moreButton.addEventListener('click', function(e) { 357 e.preventDefault(); 358 toggleDropdown(); 359 }); 360 361 moreButton.addEventListener('mouseenter', () => { 362 isHoveringButton = true; 363 updateDropdownVisibility(); 364 }); 365 366 moreButton.addEventListener('mouseleave', () => { 367 isHoveringButton = false; 368 toggleDropdown(); 369 }); 370 371 moreDropdown.addEventListener('mouseenter', () => { 372 isHoveringDropdown = true; 373 updateDropdownVisibility(); 374 }); 375 376 moreDropdown.addEventListener('mouseleave', () => { 377 isHoveringDropdown = false; 378 toggleDropdown(); 379 }); 380 381 document.addEventListener('click', function(e) { 382 if (isOpen && !moreButton.contains(e.target) && !moreDropdown.contains(e.target)) { 383 hideDropdown(); 384 } 385 }); 386 } 387 388 // Locations dropdown functionality (desktop main nav) 389 const locationsContainers = document.querySelectorAll('.locations-dropdown-container'); 390 locationsContainers.forEach(container => { 391 const button = container.querySelector('.locations-dropdown-button'); 392 const dropdown = container.querySelector('.locations-dropdown'); 393 const arrow = container.querySelector('.locations-arrow'); 394 395 if (button && dropdown && arrow) { 396 let isOpen = false; 397 let hoverTimeout; 398 399 function showLocationsDropdown() { 400 clearTimeout(hoverTimeout); 401 dropdown.classList.remove('hidden'); 402 arrow.classList.add('rotate-180'); 403 isOpen = true; 404 } 405 406 function hideLocationsDropdown() { 407 hoverTimeout = setTimeout(() => { 408 dropdown.classList.add('hidden'); 409 arrow.classList.remove('rotate-180'); 410 isOpen = false; 411 }, 150); 412 } 413 414 button.addEventListener('click', (e) => { 415 e.preventDefault(); 416 if (isOpen) { 417 hideLocationsDropdown(); 418 } else { 419 showLocationsDropdown(); 420 } 421 }); 422 423 container.addEventListener('mouseenter', showLocationsDropdown); 424 container.addEventListener('mouseleave', hideLocationsDropdown); 425 426 document.addEventListener('click', (e) => { 427 if (isOpen && !container.contains(e.target)) { 428 dropdown.classList.add('hidden'); 429 arrow.classList.remove('rotate-180'); 430 isOpen = false;
431 } 432 }); 433 } 434 }); 435 436 // Locations dropdown in "More" menu 437 const locationsMoreContainers = document.querySelectorAll('.locations-more-dropdown-container'); 438 locationsMoreContainers.forEach(container => { 439 const button = container.querySelector('.locations-more-button'); 440 const dropdown = container.querySelector('.locations-more-dropdown'); 441 const arrow = container.querySelector('.locations-more-arrow'); 442 443 if (button && dropdown && arrow) { 444 let isOpen = false; 445 446 button.addEventListener('click', (e) => { 447 e.preventDefault(); 448 e.stopPropagation(); 449 if (isOpen) { 450 dropdown.classList.add('hidden'); 451 arrow.classList.remove('rotate-180'); 452 isOpen = false; 453 } else { 454 dropdown.classList.remove('hidden'); 455 arrow.classList.add('rotate-180'); 456 isOpen = true; 457 } 458 }); 459 460 container.addEventListener('mouseenter', () => { 461 dropdown.classList.remove('hidden'); 462 arrow.classList.add('rotate-180'); 463 isOpen = true; 464 }); 465 466 container.addEventListener('mouseleave', () => { 467 dropdown.classList.add('hidden'); 468 arrow.classList.remove('rotate-180'); 469 isOpen = false; 470 }); 471 } 472 }); 473 474 // Mobile locations toggle 475 const mobileLocationsToggles = document.querySelectorAll('.mobile-locations-toggle'); 476 mobileLocationsToggles.forEach(toggle => { 477 const arrow = toggle.querySelector('.mobile-locations-arrow'); 478 const list = toggle.parentElement.querySelector('.mobile-locations-list'); 479 480 if (arrow && list) { 481 toggle.addEventListener('click', (e) => { 482 e.preventDefault(); 483 list.classList.toggle('hidden'); 484 arrow.classList.toggle('rotate-180'); 485 }); 486 } 487 }); 488 }); 489</script>
489 490 491<style> 492 .rotate-180 { 493 transform: rotate(180deg); 494 transition: transform 300ms; 495 } 496 497 #more-dropdown { 498 opacity: 0; 499 transition: opacity 300ms; 500 position: absolute; 501 top: 100%; 502 left: 50%; 503 right: 0; 504 width: 80vw; 505 margin-left: auto; 506 margin-right: auto; 507 z-index: 50; 508 transform: translateX(calc(-50% + 10vw)); 509 } 510 511 .dropdown-top-shadow { 512 box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06), 513 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 514 } 515 516 .locations-dropdown { 517 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 518 } 519 520 .locations-more-dropdown { 521 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 522 } 523</style> 524 525 526<section class="w-full xl:px-0 col-span-2" role="banner" id="section-0pzMycqHoTw" data-maglev-section-id="0pzMycqHoTw" data-maglev-section-type="hero_cta_01"> 527 <div class="vidbg-b2a459608ff1a5892c11bbe8 w-full h-[680px] flex-shrink-0 relative mx-auto my-0 bg-cover bg-center" style="background-image: url(/maglev/assets/235e832f-d92c-4354-97aa-e2c288c6dab1-img_0008.avif);"> 528 529 530 531 <article class="absolute inset-0 flex flex-col justify-center mx-6 xl:mx-0 xl:pl-20 xl:py-16"> 532 <header class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]"> 533 <h1 data-maglev-id="0pzMycqHoTw.title" class="text-white font-semibold text-[14px] md:text-[24px] xl:text-[28px] leading-tight tracking-wide">Best Italian Restaurant in Beverly Hills and Santa Monica, CA</h1> 534 </header> 535 <div class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]"> 536 <p data-maglev-id="0pzMycqHoTw.description" class="text-white font-bold text-[20px] md:text-[48px] xl:text-[56px] leading-tight xl:leading-[64px]">Italian Tradition, Served Fresh in California</p> 537 </div> 538 <div class="mt-2"> 539 <a data-maglev-id="0pzMycqHoTw.button" class="block md:inline-block bg-[var(--brand-primary)] text-white py-3 px-8 text-sm xl:text-base font-semibold leading-[150%] hover:brightness-90 rounded-md md:self-start" aria-label="Beverly Hills's Menu â Best Italian Restaurant in Beverly Hills and Santa Monica, CA" href="https://drive.google.com/file/d/1acVX1VCl1LsUatkIe91fHyc00mpCMoZ6/view?usp=drive_link"><span data-maglev-id="0pzMycqHoTw.button.text">Beverly Hills's Menu</span></a> 540 <a data-maglev-id="0pzMycqHoTw.button_2" class="block mt-2 md:mt-0 md:inline-block bg-white text-[var(--button-text)] py-3 md:ml-1 px-8 text-sm xl:text-base font-semibold leading-[150%] hover:brightness-90 rounded-md md:self-start" aria-label="Santa Monica's Menu â Best Italian Restaurant in Beverly Hills and Santa Monica, CA" href="https://drive.google.com/file/d/1zq8m2bWNchkU4SxW-ag9UL1RxanCR3P6/view?usp=drive_link"><span data-maglev-id="0pzMycqHoTw.button_2.text">Santa Monica's Menu</span></a> 541 </div> 542 </article> 543 544
544<script> 545 new vidbg('.vidbg-b2a459608ff1a5892c11bbe8', { 546 mp4: "/maglev/assets/27606b63-6d1f-419f-89ea-8c23b86eaaec-video-output-9cd9e186-dc17-429d-80b4-3b2158d92517-1.MP4" 547 }); 548 </script>
548 549 550 <style> 551 552 553 554 </style> 555 </div> 556</section> 557 558<section class="w-full xl:max-w-[1440px] mx-auto flex-shrink-0 relative mt-[60px] bg-[var(--brand-overlay)] py-10 xl:py-14 px-6 xl:px-20 col-span-2" aria-labelledby="top-picks-heading" id="section-8T_yU5BjbO4" data-maglev-section-id="8T_yU5BjbO4" data-maglev-section-type="top_10_picks_01"> 559 <div class="absolute top-[-12px] left-6 xl:left-20" aria-hidden="true"> 560 <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> 561 <path d="M19.9999 30L12.9999 33C11.8888 33.4722 10.8333 33.3819 9.83325 32.7292C8.83325 32.0764 8.33325 31.1528 8.33325 29.9583V8.33333C8.33325 7.41667 8.65964 6.63194 9.31242 5.97917C9.9652 5.32639 10.7499 5 11.6666 5H28.3333C29.2499 5 30.0346 5.32639 30.6874 5.97917C31.3402 6.63194 31.6666 7.41667 31.6666 8.33333V29.9583C31.6666 31.1528 31.1666 32.0764 30.1666 32.7292C29.1666 33.3819 28.111 33.4722 26.9999 33L19.9999 30Z" fill="var(--brand-primary)"/> 562 </svg> 563 </div> 564 <header class="flex flex-col xl:flex-row justify-between items-start xl:items-center"> 565 <div> 566 <h2 id="top-picks-heading" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]"> 567 Top Menu Picks 568 </h2> 569 <p class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-3"> 570 Discover our exquisite featured dishes, crafted with passion. 571 </p> 572 </div> 573 <a href="/stores" class="mt-6 xl:mt-0 bg-[var(--brand-primary)] text-white py-3 px-8 text-base font-semibold leading-[150%] hover:brightness-90 rounded-md w-auto md:self-end whitespace-nowrap"> 574 Order Now 575 </a> 576 </header> 577 <section class="mt-8 flex gap-x-4 overflow-x-auto"> 578 579 580 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 581 582 <figure class="m-0"> 583 <img src="/maglev/assets/dbf39606-b6d2-4ab5-808a-b73c56482d4a-kklapkqim2otgd10csto.png" alt="ORIGINAL CHOPPED SALAD" class="w-full h-[207px] flex-shrink-0 object-cover"> 584 </figure> 585 <div class="p-4"> 586 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 587 ORIGINAL CHOPPED SALAD 588 </h3> 589 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 590 Lettuce, salami, mozzarella cheese<br>Marinated garbanzo beans with Leon Dressing 591 </p> 592 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]"> 593 Add Item 594 </a> 595 </div> 596 </article> 597 598 599 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 600 601 <figure class="m-0"> 602 <img src="/maglev/assets/cb9e26e2-6113-40e4-a7cf-e28d4637f78f-pic-20-281-29.avif" alt="PENNE ALLA VODKA" class="w-full h-[207px] flex-shrink-0 object-cover"> 603 </figure> 604 <div class="p-4"> 605 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 606 PENNE ALLA VODKA 607 </h3> 608 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 609 Challots & dill sautéed with vodka in a creamy tomato sauce 610 </p> 611 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]"> 612 Add Item 613 </a> 614 </div> 615 </article> 616 617 618 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 619 620 <figure class="m-0"> 621 <img src="https://image-cdn.chowlyinc.com/650%2Cfit/https%3A%2F%2Frezku-pos-upload.imgix.net%2F994aa777-dc84-495f-a465-12e24375649d%2Fproduct%2F7aAK3l4xVtyN5-0zDQTdU2PfIQ5z7wgQv05FbiRRW28.jpeg" alt="CHICKEN PARMIGIANA" class="w-full h-[207px] flex-shrink-0 object-cover"> 622 </figure> 623 <div class="p-4"> 624 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 625 CHICKEN PARMIGIANA 626 </h3> 627 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 628 Breaded Free-Range Chicken Breast Topped<br>With Mozzarella Cheese & Marinara Sauce 629 </p> 630 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16
630px]"> 631 Add Item 632 </a> 633 </div> 634 </article> 635 636 637 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden"> 638 639 <figure class="m-0"> 640 <img src="https://image-cdn.chowlyinc.com/650%2Cfit%2Cpng/https%3A%2F%2Frezku-pos-upload.imgix.net%2Fydedefajevtpgaszoltp" alt="SPAGHETTI BOLOGNESE" class="w-full h-[207px] flex-shrink-0 object-cover"> 641 </figure> 642 <div class="p-4"> 643 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]"> 644 SPAGHETTI BOLOGNESE 645 </h3> 646 <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2"> 647 Famous La Scala Meat Sauce Since 1956 648 </p> 649 <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]"> 650 Add Item 651 </a> 652 </div> 653 </article> 654 </section> 655</section><style> 656 @media (min-width: 1280px) { 657 section[aria-labelledby="top-picks-heading"] { 658 width: 100%; 659 max-width: 1440px; 660 } 661 section[aria-labelledby="top-picks-heading"] > section > article { 662 width: calc((100% - 64px) / 5); 663 } 664 } 665</style> 666 667<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-x1R3CFBL_ns" data-maglev-section-id="x1R3CFBL_ns" data-maglev-section-type="image_left_01"> 668 <figure class="w-full xl:w-[500px] min-w-0 hidden xl:block order-1"> 669 <img src="/maglev/assets/3baef987-e047-4adb-9ea9-5c6fc56393ef-the-20love-20of-20chicken-20parmigiana-20starts-20as-20a-20child-20and-20then-20never-20ends-20everlasting-20love-21-e2-9d-a4-ef-b8-8f-20it-e2-80-99s.avif" alt="World famous Italian dining in Beverly Hills" data-maglev-id="x1R3CFBL_ns.image" class="rounded-lg w-full h-auto object-cover" /> 670 </figure> 671 <article class="w-full xl:w-[480px] min-w-0 text-left order-2"> 672 <h2 data-maglev-id="x1R3CFBL_ns.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-80ce89acfe6c">World famous Italian dining in Beverly Hills</h2> 673 674 <figure class=" xl:hidden w-full mt-4"> 675 <img src="/maglev/assets/3baef987-e047-4adb-9ea9-5c6fc56393ef-the-20love-20of-20chicken-20parmigiana-20starts-20as-20a-20child-20and-20then-20never-20ends-20everlasting-20love-21-e2-9d-a4-ef-b8-8f-20it-e2-80-99s.avif" alt="World famous Italian dining in Beverly Hills" data-maglev-id="x1R3CFBL_ns.image" class="rounded-lg w-full h-auto object-cover" /> 676 </figure> 677 678 <p data-maglev-id="x1R3CFBL_ns.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">La Scala is a charming Italian restaurant located in Beverly Hills, offering a delightful menu of pastas and fresh ingredients. Enjoy our dine-in experience, or takeout and delivery options.</p> 679 680 <a data-maglev-id="x1R3CFBL_ns.button" class="inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 flex-shrink-0 bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%] rounded-[6px] mt-7" aria-label="Start Order â World famous Italian dining in Beverly Hills" href="/stores"><span data-maglev-id="x1R3CFBL_ns.button.text">Start Order</span></a> 681 </article> 682</section> 683<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-riSZLRIEGaY" data-maglev-section-id="riSZLRIEGaY" data-maglev-section-type="image_right_01"> 684 <article class="w-full xl:w-[480px] min-w-0 text-left order-2 xl:order-1"> 685 <h2 data-maglev-id="riSZLRIEGaY.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-39ce241b55dc">Savor La Scala's flavors. Order Online Today!</h2> 686 687 <figure class=" xl:hidden w-full mt-4"> 688 <img src="/maglev/assets/81f660db-dcd4-4c69-b3f7-61d7a44ad6d4-pasta.avif" alt="Savor La Scala's flavors. Order Online Today!" data-maglev-id="riSZLRIEGaY.image" class="rounded-lg w-full h-auto object-cover" /> 689 </figure> 690 691 <p data-maglev-id="riSZLRIEGaY.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16
691px] font-normal leading-[24px] mt-4">At La Scala, enjoy our Italian flavors with a California twist from the comfort of your home. Order online for convenient takeout or delivery in Beverly Hills and savor our culinary delights at your leisure.</p> 692 693 <a data-maglev-id="riSZLRIEGaY.button" class="inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 flex-shrink-0 bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%] rounded-[6px] mt-7" aria-label="Start Your Order â Savor La Scala's flavors. Order Online Today!" href="/stores"><span data-maglev-id="riSZLRIEGaY.button.text">Start Your Order</span></a> 694 </article> 695 <figure class="w-full xl:w-[500px] min-w-0 hidden xl:block order-1 xl:order-2"> 696 <img src="/maglev/assets/81f660db-dcd4-4c69-b3f7-61d7a44ad6d4-pasta.avif" alt="Savor La Scala's flavors. Order Online Today!" data-maglev-id="riSZLRIEGaY.image" class="rounded-lg w-full h-auto object-cover" /> 697 </figure> 698</section> 699<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-8xeu8pZY" data-maglev-section-id="8xeu8pZY" data-maglev-section-type="image_left_01"> 700 <figure class="w-full xl:w-[500px] min-w-0 hidden xl:block order-1"> 701 <img src="/maglev/assets/9934ffcb-cc50-4816-af04-225f4028cdbb-img_8885.avif" alt="Pickup Made Simple" data-maglev-id="8xeu8pZY.image" class="rounded-lg w-full h-auto object-cover" /> 702 </figure> 703 <article class="w-full xl:w-[480px] min-w-0 text-left order-2"> 704 <h2 data-maglev-id="8xeu8pZY.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-3d9207aee48d">Pickup Made Simple</h2> 705 706 <figure class=" xl:hidden w-full mt-4"> 707 <img src="/maglev/assets/9934ffcb-cc50-4816-af04-225f4028cdbb-img_8885.avif" alt="Pickup Made Simple" data-maglev-id="8xeu8pZY.image" class="rounded-lg w-full h-auto object-cover" /> 708 </figure> 709 710 <p data-maglev-id="8xeu8pZY.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Order your La Scala favorites online and pick up from either Beverly Hills or Santa Monica - La Scala To Go. Fresh, fast, and made to order, ready when you are.</p> 711 712 <a data-maglev-id="8xeu8pZY.button" class="inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 flex-shrink-0 bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%] rounded-[6px] mt-7" aria-label="Order Here â Pickup Made Simple" href="/stores"><span data-maglev-id="8xeu8pZY.button.text">Order Here</span></a> 713 </article> 714</section> 715 716 717<section class="swiper swiper-14ae3279-2bc4-461c-8feb-04df76bbe558 h-[680px] xl:max-w-[1440px] mx-auto col-span-2" aria-label="Carousel of featured content" id="section--MNvLhdY" data-maglev-section-id="-MNvLhdY" data-maglev-section-type="carousel_cta_01"> 718 <div class="swiper-wrapper"> 719 720 <article class="swiper-slide xl:w-[1200px] h-[680px] mx-auto mt-14 mb-10 flex-shrink-0 relative rounded-lg overflow-hidden" role="group" aria-roledescription="slide" aria-label="Slide 1" id="block-F6z7vHMhwaM" data-maglev-block-id="F6z7vHMhwaM"> 721 <div class="absolute inset-0 bg-cover bg-center" style="background-image: url('/maglev/assets/15aa6262-806e-452d-8e70-27b85c2884fc-chicken-20salad.avif');"></div> 722 <div class="absolute inset-0 flex justify-start items-center"> 723 <div class="xl:w-[608px] rounded-lg px-6 xl:px-10 py-16 mx-[20px] xl:ml-[80px] bg-[var(--brand-overlay-heavy)] backdrop-blur-[12px]"> 724 <h2 class="text-white text-[32px] xl:text-[48px] font-semibold tracking-[-0.48px] leading-none"> 725 <strong>Dine LA at La Scala</strong> 726 </h2>
727 <p class="mb-10 text-white text-[14px] xl:text-[16px] font-normal leading-[24px] mt-6"> 728 Menus available for Dine LA Restaurant Week Jan. 23 - Feb. 6 729 </p> 730 <a data-maglev-id="F6z7vHMhwaM.button" class="mt-10 bg-white text-[var(--button-text)] py-3 px-8 text-sm xl:text-base font-semibold leading-[150%] hover:brightness-90 rounded-md w-full md:w-auto" aria-label="View DineLA Lunch & Dinner Menu â Dine LA at La Scala" href="/menu"><span data-maglev-id="F6z7vHMhwaM.button.text"> View DineLA Lunch & Dinner Menu</span></a> 731 </div> 732 </div> 733</article> 734 </div> 735
735<script type="module"> 736 var swiper = new Swiper(".swiper-14ae3279-2bc4-461c-8feb-04df76bbe558", { 737 centeredSlides: true, 738 loop: true, 739 spaceBetween: 100, 740 autoplay: { 741 delay: 5000 742 }, 743 a11y: { 744 enabled: true, 745 prevSlideMessage: 'Previous slide', 746 nextSlideMessage: 'Next slide', 747 firstSlideMessage: 'This is the first slide', 748 lastSlideMessage: 'This is the last slide', 749 paginationBulletMessage: 'Go to slide {{index}}' 750 } 751 }); 752 </script>
752 753</section><section class="w-full xl:max-w-[1440px] mx-auto h-auto flex-shrink-0 bg-[var(--brand-primary)]/[var(--active-bg-opacity)] relative flex flex-col items-start justify-center px-10 xl:px-20 py-10 xl:py-20 col-span-2" id="section-dG6qO_Ur" data-maglev-section-id="dG6qO_Ur" data-maglev-section-type="text_cta_01"> 754 <article class="text-left"> 755 <h2 class="text-[var(--text-primary)] text-[32px] xl:text-[48px] font-semibold tracking-[-0.48px] leading-tight xl:leading-none"> 756 <div data-maglev-id="dG6qO_Ur.title">Dine With Us in Beverly Hills & Make A Reservation on OpenTable</div> 757 </h2> 758 <a data-maglev-id="dG6qO_Ur.button" class="mt-6 bg-[var(--brand-primary)] text-white text-[15px] font-semibold leading-[150%] inline-flex h-[48px] px-[32px] justify-center items-center gap-2 rounded-md hover:brightness-90 md:w-auto" aria-label="Book Now â Dine With Us in Beverly Hills & Make A Reservation on OpenTable" href="https://www.opentable.com/r/la-scala-beverly-hills"><span data-maglev-id="dG6qO_Ur.button.text">Book Now</span></a> 759 </article> 760</section><section class="w-full xl:max-w-[1440px] mx-auto flex-shrink-0 bg-[var(--bg-secondary)] my-20 p-6 xl:p-10 col-span-2" id="section-KtzxAbs7dzs" data-maglev-section-id="KtzxAbs7dzs" data-maglev-section-type="review_01"> 761 <header class="text-center"> 762 <h2 id="reviews-heading" class="text-[var(--text-primary)] text-[32px] xl:text-[48px] font-semibold tracking-[-0.48px]"> 763 Customer Reviews 764 </h2> 765 <p class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-3"> 766 Check out our most recent reviews! 767 </p> 768 </header> 769 <div class="mt-10 flex gap-x-4 overflow-x-auto" role="group" aria-labelledby="reviews-heading"> 770 <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md p-6 h-fit"> 771 <div class="flex items-center mb-4"> 772 <img src="https://image-cdn.chowlyinc.com/75x75%2Cfit/https%3A%2F%2Flh3.googleusercontent.com%2Fa-%2FALV-UjWmMjyVtSYpZz0-kvOPRLfzS6jVgVY-n3EJm2rYp5aJXf1IRaU%3Ds128-c0x00000000-cc-rp-mo-ba3" alt="Rebecca" class="w-10 h-10 mr-4"> 773 <div> 774 <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">Rebecca</h3> 775 <div class="flex text-yellow-500 mt-1" style="--star-rating: 5;"> 776 <span data-star="5"></span> 777 </div> 778 </div> 779 </div> 780 <p class="review-text text-[var(--text-secondary)] text-[14px] leading-[20px]"> 781 <span class="truncated-part">La Scala continues to prove why itâs become such a Beverly Hills favorite over the years. The menu offers classic dishes that are consistently well prepared, and everything we ordered was fresh, flavorful, and served quickly. The famous chopped salad absolutely lives up to the hype, and the rest of the meal was</span> 782 <span class="ellipsis">...</span> 783 <span id="review-extra-0" class="extra-part section-hidden"> equally satisfying. What really elevated the experience was the service. The staff was welcoming, attentive, and genuinely seemed to care that every guest enjoyed their visit. Great food, excellent hospitality, and a comfortable atmosphere make this a place Iâll gladly return to again.</span> 784 <a href="#" class="toggle-read-more text-[var(--text-secondary)] text-[14px] leading-[20px]" role="button" aria-expanded="false" aria-controls="review-extra-0" aria-label="Read more of Rebecca's review">Read More</a> 785 </p> 786 </article> 787 </div> 788 789
789<script type="module"> 790 $(document).ready(function(){ 791 $('.toggle-read-more').on('click', function(e){ 792 e.preventDefault(); 793 const $link = $(this); 794 const $reviewText = $link.closest('.review-text'); 795 const $extraPart = $reviewText.find('.extra-part'); 796 const $ellipsis = $reviewText.find('.ellipsis'); 797 const reviewerName = $link.closest('article').find('h3').text() || 'this reviewer'; 798 const isExpanded = $link.attr('aria-expanded') === 'true'; 799 800 if (isExpanded) { 801 $extraPart.slideUp(300); 802 $ellipsis.slideDown(300); 803 $link.text('Read More'); 804 $link.attr('aria-expanded', 'false'); 805 $link.attr('aria-label', `Read more of ${reviewerName}'s review`); 806 } else { 807 $ellipsis.slideUp(300); 808 $extraPart.slideDown(300); 809 $link.text('Read Less'); 810 $link.attr('aria-expanded', 'true'); 811 $link.attr('aria-label', `Read less of ${reviewerName}'s review`); 812 } 813 }); 814 }); 815 </script>
815 816 817 <style> 818 .toggle-read-more { 819 font-size: 14px; 820 line-height: 20px; 821 text-decoration-line: underline; 822 text-decoration-style: solid; 823 text-underline-offset: auto; 824 text-underline-position: from-font; 825 } 826 .review-card { 827 transition: height 0.3s ease; 828 } 829 .review-text { 830 overflow: hidden; 831 position: relative; 832 } 833 .section-hidden { 834 display: none; 835 } 836 </style> 837</section> 838 839<section class="w-full xl:max-w-[1150px] mx-auto px-4 xl:px-0 py-12 col-span-2" id="section-bVcrtgDWLew" data-maglev-section-id="bVcrtgDWLew" data-maglev-section-type="faq_block_01"> 840 <!-- Section Title --> 841 <h2 data-maglev-id="bVcrtgDWLew.title" class="text-3xl xl:text-4xl font-bold text-[var(--text-primary)] text-center mb-8">Frequently Asked Questions</h2> 842 843 <!-- FAQ Items Container --> 844 <div class="faq-container bg-[var(--background-primary)] "> 845 <!-- Manual FAQ Blocks --> 846 <details open class="faq-item border-b border-gray-200 dark:border-gray-700 last:border-b-0"> 847 <summary class="faq-header py-4 flex justify-between items-center"> 848 <h3 class="text-base font-medium text-[var(--text-primary)] pr-4">What dishes are you best known for?</h3> 849 <svg class="faq-chevron w-4 h-4 text-[var(--text-secondary)] transform transition-transform duration-200 flex-shrink-0" 850 fill="none" stroke="currentColor" viewBox="0 0 24 24"> 851 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 852 </svg> 853 </summary> 854 <div class="faq-answer pb-4"> 855 <div class="text-sm text-[var(--text-secondary)] leading-relaxed pr-8">We serve <a href="/menu/la-original-scala-chop-salad">La Original Scala Chop Salad</a>, <a href="/menu/chicken-parmigiana">Chicken Parmigiana</a>, <a href="/menu/penne-alla-vodka">Penne Alla Vodka</a>, <a href="/menu/mozzarella-marinara">Mozzarella Marinara</a>, <a href="/menu/spaghetti-bolognese">Spaghetti Bolognese</a>, <a href="/menu/lobster-ravioli">Lobster Ravioli</a>, <a href="/menu/mozzarella-in-carozza">Mozzarella in Carozza</a>, <a href="/menu/cannoli">Cannoli</a>, <a href="/menu/chicken-meatballs">Chicken Meatballs</a>, <a href="/menu/penne-checca-w-burrata">Penne Checca w/ Burrata</a>, <a href="/menu/eggplant-parmigiana">Eggplant Parmigiana</a>, and <a href="/menu/crab-cake">Crab Cake</a>.</div> 856 </div> 857 </details> 858 <details open class="faq-item border-b border-gray-200 dark:border-gray-700 last:border-b-0"> 859 <summary class="faq-header py-4 flex justify-between items-center"> 860 <h3 class="text-base font-medium text-[var(--text-primary)] pr-4">What type of cuisine do you serve?</h3> 861 <svg class="faq-chevron w-4 h-4 text-[var(--text-secondary)] transform transition-transform duration-200 flex-shrink-0" 862 fill="none" stroke="currentColor" viewBox="0 0 24 24"> 863 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 864 </svg> 865 </summary> 866 <div class="faq-answer pb-4"> 867 <div class="text-sm text-[var(--text-secondary)] leading-relaxed pr-8">We serve <a href="/menu/italian">Italian</a>, <a href="/menu/seafood">Seafood</a>, <a href="/menu/antipasti">Antipasti</a>, <a href="/menu/soups">Soups</a>, <a href="/menu/salads">Salads</a>, <a href="/menu/paninis">Paninis</a>, <a href="/menu/pastas">Pastas</a>, <a href="/menu/pizzas">Pizzas</a>, <a href="/menu/ravioli">Ravioli</a>, <a href="/menu/entrees">Entrees</a>, <a href="/menu/secondi">Secondi</a>, <a href="/menu/chicken">Chicken</a>, <a href="/menu/beef">Beef</a>, <a href="/menu/dolce">Dolce</a>, and <a href="/menu/bevande">Bevande</a>.</div> 868 </div> 869 </details> 870 <details open class="faq-item border-b border-gray-200 dark:border-gray-700 last:border-b-0"> 871 <summary class="faq-header py-4 flex justify-between items-center"> 872 <h3 class="text-base font-medium text-[var(--text-primary)] pr-4">What services do you offer?</h3> 873 <svg class="faq-chevron w-4 h-4 text-[var(--text-secondary)] transform transition-transform duration-200 flex-shrink-0" 874 fill="none" stroke="currentColor" viewBox="0 0 24 24"> 875 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 876 </svg> 877 </summary> 878 <div class="faq-answer pb-4"> 879 <div class="text-sm text-[var(--text-secondary)] leading-relaxed pr-8">We offer <a href="/menu/delivery">Delivery</a>, <a href="/menu/takeout">Takeout</a>, <a href="/menu/pickup">Pickup</a>, <a href="/menu/dine-in">Dine-In</a>, and <a href="/menu/happy-hour">Happy Hour</a> for <a href="/menu/brunch">Brunch</a>, <a href="/menu/lunch">Lunch</a>, and <a href="/menu/dinner">Dinner</a>.</div> 880 </div> 881 </details> 882 <details open class="faq-item border-b border-gray-200 dark:border-gray-700 last:border-b-0"> 883 <summary class="faq-header py-4 flex justify-between items-center"> 884 <h3 class="text-base font-medium text-[var(--text-primary)] pr-4">What areas do you serve?</h3> 885 <svg class="faq-chevron w-4 h-4 text-[var(--text-secondary)] transform transition-transform duration-200 flex-shrink-0" 886 fill="none" stroke="currentColor" viewBox="0 0 24 24"> 887 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 888 </svg> 889 </summary> 890 <div class="faq-answer pb-4"> 891 <div class="text-sm text-[var(--text-secondary)] leading-relaxed pr-8">We service <a href="/location/beverly-hills">Beverly Hills</a>, <a href="/location/golden-triangle">Golden Triangle</a>, <a href="/location/trousdale-estates">Trousdale Estates</a>, <a href="/location/beverly-vista">Beverly Vista</a>, <a href="/location/south-of-wilshire">South of Wilshire</a>, <a href="/location/rodeo-drive">Rodeo Drive</a>, <a href="/location/beverly-drive">Beverly Drive</a>, <a href="/location/beverly-gardens-park">Beverly Gardens Park</a>, <a href="/location/santa-monica-boulevard">Santa Monica Boulevard</a>, <a href="/location/wilshire-boulevard">Wilshire Boulevard</a>, <a href="/location/canon-drive">Canon Drive</a>, <a href="/location/pico-boulevard">Pico Boulevard</a>, <a href="/location/santa-monica">Santa Monica</a>, and <a href="/location/brentwood">
891Brentwood</a>.</div> 892 </div> 893 </details> 894 </div> 895 896 <!-- SEO Structured Data --> 897
897<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What dishes are you best known for?","acceptedAnswer":{"@type":"Answer","text":"We serve La Original Scala Chop Salad, Chicken Parmigiana, Penne Alla Vodka, Mozzarella Marinara, Spaghetti Bolognese, Lobster Ravioli, Mozzarella in Carozza, Cannoli, Chicken Meatballs, Penne Checca w/ Burrata, Eggplant Parmigiana, and Crab Cake."}},{"@type":"Question","name":"What type of cuisine do you serve?","acceptedAnswer":{"@type":"Answer","text":"We serve Italian, Seafood, Antipasti, Soups, Salads, Paninis, Pastas, Pizzas, Ravioli, Entrees, Secondi, Chicken, Beef, Dolce, and Bevande."}},{"@type":"Question","name":"What services do you offer?","acceptedAnswer":{"@type":"Answer","text":"We offer Delivery, Takeout, Pickup, Dine-In, and Happy Hour\u0026nbsp;for Brunch, Lunch,\u0026nbsp;and Dinner."}},{"@type":"Question","name":"What areas do you serve?","acceptedAnswer":{"@type":"Answer","text":"We service Beverly Hills, Golden Triangle, Trousdale Estates, Beverly Vista, South of Wilshire, Rodeo Drive, Beverly Drive, Beverly Gardens Park, Santa Monica Boulevard, Wilshire Boulevard, Canon Drive, Pico Boulevard, Santa Monica, and Brentwood."}}]}</script>
897 898 899</section><section class="w-full flex justify-center py-10 col-span-2" data-location_id="section-1e0a6d51-8804-40c6-9a39-411192ce0b61" aria-label="Locations information" id="section-7heY-3pt" data-maglev-section-id="7heY-3pt" data-maglev-section-type="locations_01"> 900 901 902 903 <section class="w-full xl:max-w-[1440px] h-auto flex-shrink-0 bg-[var(--bg-secondary)] p-8"> 904<header class="w-full flex flex-col items-center px-4 xl:px-0"> 905 <h2 data-maglev-id="7heY-3pt.title" class="text-[var(--text-primary)] text-center text-[32px] xl:text-[48px] font-semibold leading-[normal] tracking-[-0.48px]" id="locations-heading-1e0a6d51-8804-40c6-9a39-411192ce0b61">La Scala Restaurant Locations in California</h2> 906 <p data-maglev-id="7heY-3pt.subtitle" class="text-[var(--text-secondary)] text-center text-[16px] font-normal leading-[24px] mt-2">Experience exquisite dining with us.</p> 907</header> 908 909<!-- Persistent navigation that appears in the layout but stays visible --> 910 <div class="mt-10 w-full flex flex-col xl:flex-row items-start justify-center"> 911 <div class="w-full xl:w-[657px] bg-[var(--bg-primary)] rounded-lg shadow-lg p-8 flex-shrink-0 min-h-[418px] flex flex-col justify-between"> 912 <div> 913 <!-- Dynamic title that updates --> 914 <h3 class="text-[#212121] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]" id="current-location-title-1e0a6d51-8804-40c6-9a39-411192ce0b61"> 915 La Scala - Beverly Hills 916 </h3> 917 918 <!-- Navigation below title --> 919 <nav class="mt-4 flex flex-wrap md:flex-nowrap justify-start md:justify-start gap-1 sm:gap-2 md:overflow-x-auto" aria-label="Location navigation" id="location-nav-1e0a6d51-8804-40c6-9a39-411192ce0b61"> 920 921 <div class="nav-item flex min-w-0 md:min-w-[120px] px-2 sm:px-3 py-2 justify-center items-center rounded-md w-auto md:flex-shrink-0" data-nav-index="0"> 922 <a data-maglev-id="XufRlEu3DR4.name" href="#" data-switch_location="1e0a6d51-8804-40c6-9a39-411192ce0b61-0" class="text-[14px] leading-[140%] md:whitespace-nowrap text-center" aria-current="false">La Scala - Beverly Hills</a> 923 </div> 924 925 <div class="nav-item flex min-w-0 md:min-w-[120px] px-2 sm:px-3 py-2 justify-center items-center rounded-md w-auto md:flex-shrink-0" data-nav-index="1"> 926 <a data-maglev-id="ATa0aHszbOw.name" href="#" data-switch_location="1e0a6d51-8804-40c6-9a39-411192ce0b61-1" class="text-[14px] leading-[140%] md:whitespace-nowrap text-center" aria-current="false">La Scala - Santa Monica To Go</a> 927 </div> 928 </nav> 929 930 <!-- Dynamic content area --> 931 <div id="dynamic-content-1e0a6d51-8804-40c6-9a39-411192ce0b61"> 932 <!-- Content will be loaded here --> 933 </div> 934 </div> 935 </div> 936 937 <!-- Dynamic map area --> 938 <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden" id="dynamic-map-1e0a6d51-8804-40c6-9a39-411192ce0b61"> 939 <!-- Map will be loaded here --> 940 </figure> 941 </div> 942 943<!-- Hidden location data for JavaScript --> 944 <div class="hidden" data-location-data="1e0a6d51-8804-40c6-9a39-411192ce0b61-0" data-location-name="La Scala - Beverly Hills"> 945 <div class="location-content"> 946 <address class="mt-6 flex items-center space-x-3 not-italic"> 947 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 948 <path d="M9.99992 17.7712C9.80547 17.7712 9.61103 17.7364 9.41658 17.667C9.22214 17.5975 9.04853 17.4934 8.89575 17.3545C7.99297 16.5212 7.19436 15.7087 6.49992 14.917C5.80547 14.1253 5.22561 13.358 4.76034 12.6149C4.29506 11.8719 3.94089 11.1566 3.69784 10.4691C3.45478 9.78158 3.33325 9.12533 3.33325 8.50033C3.33325 6.41699 4.00339 4.75727 5.34367 3.52116C6.68395 2.28505 8.23603 1.66699 9.99992 1.66699C11.7638 1.66699 13.3159 2.28505 14.6562 3.52116C15.9964 4.75727 16.6666 6.41699 16.6666 8.50033C16.6666 9.12533 16.5451 9.78158 16.302 10.4691C16.0589 11.1566 15.7048 11.8719 15.2395 12.6149C14.7742 13.358 14.1944 14.1253 13.4999 14.917C12.8055 15.7087 12.0069 16.5212 11.1041 17.3545C10.9513 17.4934 10.7777 17.5975 10.5833 17.667C10.3888 17.7364 10.1944 17.7712 9.99992 17.7712ZM9.99992 10.0003C10.4583 10.0003 10.8506 9.83713 11.177 9.51074C11.5034 9.18435 11.6666 8.79199 11.6666 8.33366C11.6666 7.87533 11.5034 7.48296 11.177 7.15658C10.8506 6.83019 10.4583 6.66699 9.99992 6.66699C9.54158 6.66699 9.14922 6.83019 8.82283 7.15658C8.49645 7.48296 8.33325 7.87533 8.33325 8.33366C8.33325 8.79199 8.49645 9.18435 8.82283 9.51074C9.14922 9.83713 9.54158 10.0003 9.99992 10.0003Z" fill="#666666"></path> 949 </svg> 950 <a data-maglev-id="XufRlEu3DR4.address" href="https://www.google.com/maps/search/?api=1&query=434%20N%20Canon%20Dr%2C%20Beverly%20Hills%2C%20CA%2090210" target="_blank" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">434 N Canon Dr, Beverly Hills, CA 90210</a> 951 </address> 952 953 <div class="mt-6 flex items-center space-x-3"> 954 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
955 <path d="M16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z" fill="#666666"></path> 956 </svg> 957 <a data-maglev-id="XufRlEu3DR4.phone" href="tel:3102750579" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">(310) 275-0579</a> 958 </div> 959 960 <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between"> 961 <div class="flex flex-wrap space-x-3"> 962 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 963 <path d="M10.8334 9.66699V6.66699C10.8334 6.43088 10.7536 6.23296 10.5938 6.07324C10.4341 5.91352 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56605 5.91352 9.40633 6.07324C9.24661 6.23296 9.16675 6.43088 9.16675 6.66699V9.97949C9.16675 10.0906 9.18758 10.1982 9.22925 10.3024C9.27091 10.4066 9.33341 10.5003 9.41675 10.5837L12.1667 13.3337C12.3195 13.4864 12.514 13.5628 12.7501 13.5628C12.9862 13.5628 13.1806 13.4864 13.3334 13.3337C13.4862 13.1809 13.5626 12.9864 13.5626 12.7503C13.5626 12.5142 13.4862 12.3198 13.3334 12.167L10.8334 9.66699ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1149 6.75008 17.6774C5.73619 17.2399 4.85425 16.6462 4.10425 15.8962C3.35425 15.1462 2.7605 14.2642 2.323 13.2503C1.8855 12.2364 1.66675 11.1531 1.66675 10.0003C1.66675 8.84755 1.8855 7.76421 2.323 6.75033C2.7605 5.73644 3.35425 4.85449 4.10425 4.10449C4.85425 3.35449 5.73619 2.76074 6.75008 2.32324C7.76397 1.88574 8.8473 1.66699 10.0001 1.66699C11.1529 1.66699 12.2362 1.88574 13.2501 2.32324C14.264 2.76074 15.1459 3.35449 15.8959 4.10449C16.6459 4.85449 17.2397 5.73644 17.6772 6.75033C18.1147 7.76421 18.3334 8.84755 18.3334 10.0003C18.3334 11.1531 18.1147 12.2364 17.6772 13.2503C17.2397 14.2642 16.6459 15.1462 15.8959 15.8962C15.1459 16.6462 14.264 17.2399 13.2501 17.6774C12.2362 18.1149 11.1529 18.3337 10.0001 18.3337Z" fill="#666666"></path> 964 </svg> 965 <div> 966 <div data-maglev-id="XufRlEu3DR4.hours" class="mt-0 space-y-2 text-[var(--text-primary)]"><strong>Monday:</strong> 11:30 AM-10:00 PM<br><strong>Tuesday:</strong> 11:30 AM-10:00 PM<br><strong>Wednesday:</strong> 11:30 AM-10:00 PM<br><strong>Thursday:</strong> 11:30 AM-10:00 PM<br><strong>Friday:</strong> 11:30 AM-10:00 PM<br><strong>Saturday:</strong> 12:00 PM-10:00 PM<br><strong>Sunday:</strong> Closed</div> 967 </div> 968 </div> 969 <div class="flex flex-col justify-end items-center xl:items-end"> 970 <a href="/stores" class="mt-6 md:mt-0 inline-flex h-[48px] w-full md:w-auto px-8 py-4 justify-center items-center gap-2 rounded-[6px] border border-[#d9b73b] text-[#d9b73b] hover:brightness-90 text-[15px] font-semibold leading-[150%]">Start an order</a> 971 </div> 972 </div> 973 </div> 974 975 <div class="location-map"> 976 <a href="https://www.google.com/maps/search/?api=1&query=434%20N%20Canon%20Dr%2C%20Beverly%20Hills%2C%20CA%2090210" target="_blank" rel="noopener noreferrer" aria-label="Open La Scala - Beverly Hills - 434 N Canon Dr, Beverly Hills, CA 90210 in Google Maps" class="block w-full h-full"> 977 <img src="/maps/434%20N%20Canon%20Dr%2C%20Beverly%20Hills%2C%20CA%2090210/359/418.png" alt="Map of La Scala - Beverly Hills - 434 N Canon Dr, Beverly Hills, CA 90210" loading="lazy" width="359" height="418" class="w-full h-full object-cover"> 978</a> 979 980 </div> 981 </div> 982 <div class="hidden" data-location-data="1e0a6d51-8804-40c6-9a39-411192ce0b61-1" data-location-name="La Scala - Santa Monica To Go"> 983 <div class="location-content"> 984 <address class="mt-6 flex items-center space-x-3 not-italic"> 985 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 986 <path d="M9.99992 17.7712C9.80547 17.7712 9.61103 17.7364 9.41658 17.667C9.22214 17.5975 9.04853 17.4934 8.89575 17.3545C7.99297 16.5212 7.19436 15.7087 6.49992 14.917C5.80547 14.1253 5.22561 13.358 4.76034 12.6149C4.29506 11.8719 3.94089 11.1566 3.69784 10.4691C3.45478 9.78158 3.33325 9.12533 3.33325 8.50033C3.33325 6.41699 4.00339 4.75727 5.34367 3.52116C6.68395 2.28505 8.23603 1.66699 9.99992 1.66699C11.7638 1.66699 13.3159 2.28505 14.6562 3.52116C15.9964 4.75727 16.6666 6.41699 16.6666 8.50033C16.
9866666 9.12533 16.5451 9.78158 16.302 10.4691C16.0589 11.1566 15.7048 11.8719 15.2395 12.6149C14.7742 13.358 14.1944 14.1253 13.4999 14.917C12.8055 15.7087 12.0069 16.5212 11.1041 17.3545C10.9513 17.4934 10.7777 17.5975 10.5833 17.667C10.3888 17.7364 10.1944 17.7712 9.99992 17.7712ZM9.99992 10.0003C10.4583 10.0003 10.8506 9.83713 11.177 9.51074C11.5034 9.18435 11.6666 8.79199 11.6666 8.33366C11.6666 7.87533 11.5034 7.48296 11.177 7.15658C10.8506 6.83019 10.4583 6.66699 9.99992 6.66699C9.54158 6.66699 9.14922 6.83019 8.82283 7.15658C8.49645 7.48296 8.33325 7.87533 8.33325 8.33366C8.33325 8.79199 8.49645 9.18435 8.82283 9.51074C9.14922 9.83713 9.54158 10.0003 9.99992 10.0003Z" fill="#666666"></path> 987 </svg> 988 <a data-maglev-id="ATa0aHszbOw.address" href="https://www.google.com/maps/search/?api=1&query=3001%20Wilshire%20Blvd%20Santa%20Monica%2C%20CA%2090403" target="_blank" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">3001 Wilshire Blvd Santa Monica, CA 90403</a> 989 </address> 990 991 <div class="mt-6 flex items-center space-x-3"> 992 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 993 <path d="M16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z" fill="#666666"></path> 994 </svg> 995 <a data-maglev-id="ATa0aHszbOw.phone" href="tel:3103153300" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">310-315-3300</a> 996 </div> 997 998 <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between"> 999 <div class="flex flex-wrap space-x-3"> 1000 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 1001 <path d="M10.8334 9.66699V6.66699C10.8334 6.43088 10.7536 6.23296 10.5938 6.07324C10.4341 5.91352 10.2362 5.83366 10.0001 5.83366C9.76397 5.83366 9.56605 5.91352 9.40633 6.07324C9.24661 6.23296 9.16675 6.43088 9.16675 6.66699V9.97949C9.16675 10.0906 9.18758 10.1982 9.22925 10.3024C9.27091 10.4066 9.33341 10.5003 9.41675 10.5837L12.1667 13.3337C12.3195 13.4864 12.514 13.5628 12.7501 13.5628C12.9862 13.5628 13.1806 13.4864 13.3334 13.3337C13.4862 13.1809 13.5626 12.9864 13.5626 12.7503C13.5626 12.5142 13.4862 12.3198 13.3334 12.167L10.8334 9.66699ZM10.0001 18.3337C8.8473 18.3337 7.76397 18.1149 6.75008 17.6774C5.73619 17.2399 4.85425 16.6462 4.10425 15.8962C3.35425 15.1462 2.7605 14.2642 2.323 13.2503C1.8855 12.2364 1.66675 11.1531 1.66675 10.0003C1.66675 8.84755 1.8855 7.76421 2.323 6.75033C2.7605 5.73644 3.35425 4.85449 4.10425 4.10449C4.85425 3.35449 5.73619 2.76074 6.75008 2.32324C7.76397 1.88574 8.8473 1.66699 10.0001 1.66699C11.1529 1.66699 12.2362 1.88574 13.2501 2.32324C14.264 2.76074 15.1459 3.35449 15.8959 4.10449C16.6459 4.85449 17.2397 5.73644 17.6772 6.75033C18.1147 7.76421 18.3334 8.84755 18.3334 10.0003C18.3334 11.1531 18.1147 12.2364 17.6772 13.2503C17.2397 14.2642 16.6459 15.1462 15.8959 15.8962C15.1459 16.6462 14.264 17.2399 13.2501 17.6774C12.2362 18.1149 11.1529 18.3337 10.0001 18.3337Z" fill="#666666"></path> 1002 </svg> 1003 <div> 1004 <div data-maglev-id="ATa0aHszbOw.hours" class="mt-0 space-y-2 text-[var(--text-primary)]"><strong>Monday:</strong> 11:00 AM-8:00 PM<br><strong>Tuesday:</strong> 11:00 AM-8:00 PM<br><strong>Wednesday:</strong> 11:00 AM-8:00 PM<br><strong>Thursday:</strong> 11:00 AM-8:00 PM<br><strong>Friday:</strong> 11:00 AM-8:00 PM<br><strong>Saturday:</strong> 31:00 PM-8:00 PM<br><strong>Sunday:</strong> Closed</div> 1005 </div> 1006 </div> 1007 <div class="flex flex-col justify-end items-center xl:items-end"> 1008 <a href="/stores" class="mt-6 md:mt-0 inline-flex h-[48px] w-full md:w-auto px-8 py-4 justify-center items-center gap-2 rounded-[6px] border border-[#d9b73b] text-[#d9b73b] hover:brightness-90 text-[15px] font-semibold leading-[150%]">Start an order</a> 1009 </div> 1010 </div> 1011 </div> 1012 1013 <div class="location-map"> 1014 <a href="https://www.google.com/maps/search/?api=1&query=3001%20Wilshire%20Blvd%20Santa%20Monica%2C%20CA%2090403" target="_blank" rel="noopener noreferrer" aria-label="Open La Scala - Santa Monica To Go - 3001 Wilshire Blvd Santa Monica, CA 90403 in Google Maps" class="block w-full h-full"> 1015 <img src="/maps/3001%20Wilshire%20Blvd%20Santa%20Monica%2C%20CA%2090403/359/418.png" alt="Map of La Scala - Santa Monica To Go - 3001 Wilshire Blvd Santa Monica, CA 90403" loading="lazy" width="359" height="418" class="w-full h-full object-cover"> 1016</a> 1017 1018 </div> 1019 </div> 1020 1021<!-- Fallback for single location --> 1022</section> 1023
1024<script type="module"> 1025$(document).ready(function() { 1026 const firstLocationData = $('[data-location-data="1e0a6d51-8804-40c6-9a39-411192ce0b61-0"]'); 1027 $('#dynamic-content-1e0a6d51-8804-40c6-9a39-411192ce0b61').html(firstLocationData.find('.location-content').html()); 1028 $('#dynamic-map-1e0a6d51-8804-40c6-9a39-411192ce0b61').html(firstLocationData.find('.location-map').html()); 1029 $('#location-nav-1e0a6d51-8804-40c6-9a39-411192ce0b61 .nav-item[data-nav-index="0"]').addClass('active'); 1030}); 1031 1032$(document).on('click', '#location-nav-1e0a6d51-8804-40c6-9a39-411192ce0b61 [data-switch_location]', function(e) { 1033 e.preventDefault(); 1034 1035 const locationData = $('[data-location-data="' + $(this).data('switch_location') + '"]'); 1036 $('#current-location-title-1e0a6d51-8804-40c6-9a39-411192ce0b61').text(locationData.data('location-name')); 1037 $('#dynamic-content-1e0a6d51-8804-40c6-9a39-411192ce0b61').html(locationData.find('.location-content').html()); 1038 $('#dynamic-map-1e0a6d51-8804-40c6-9a39-411192ce0b61').html(locationData.find('.location-map').html()); 1039 1040 $('#location-nav-1e0a6d51-8804-40c6-9a39-411192ce0b61 .nav-item').removeClass('active'); 1041 $(this).parent('.nav-item').addClass('active'); 1042}); 1043</script>
1043 1044 1045<style> 1046/* Default navigation item styles */ 1047#location-nav-1e0a6d51-8804-40c6-9a39-411192ce0b61 .nav-item { 1048 background-color: var(--bg-primary); 1049} 1050 1051#location-nav-1e0a6d51-8804-40c6-9a39-411192ce0b61 .nav-item a { 1052 color: var(--text-primary); 1053} 1054 1055/* Active navigation item styles */ 1056#location-nav-1e0a6d51-8804-40c6-9a39-411192ce0b61 .nav-item.active { 1057 background-color: rgba(217, 183, 59, 0.08) !important; 1058} 1059 1060#location-nav-1e0a6d51-8804-40c6-9a39-411192ce0b61 .nav-item.active a { 1061 color: #d9b73b !important; 1062 font-weight: 600 !important; 1063} 1064</style> 1065 1066</section><footer class="w-full mx-auto bg-[var(--bg-primary)] py-8 col-span-2" role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" id="section-gXidUKYY" data-maglev-section-id="gXidUKYY" data-maglev-section-type="standard_footer_01"> 1067 <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6"> 1068 1069 <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4"> 1070 <div class="col-span-1 order-2 xl:order-1"></div> 1071 1072 <nav class="col-span-1 flex justify-center space-x-6 xl:space-x-8 order-1 xl:order-2" aria-label="Social media links"> 1073 <a data-maglev-id="6UHsNWj-3Y8.link" target="_blank" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="fa-brands fa-instagram" href="https://www.instagram.com/lascalabeverlyhills/"> 1074 <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="6UHsNWj-3Y8.icon"></i> 1075</a> <a data-maglev-id="DbTQYAH8GUQ.link" target="_blank" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="fa-brands fa-square-facebook" href="https://www.facebook.com/profile.php/?id=61581973174315"> 1076 <i class="text-[24px] pt-[4px] fa-brands fa-square-facebook" data-maglev-id="DbTQYAH8GUQ.icon"></i> 1077</a> </nav> 1078 1079 <div class="col-span-1 hidden xl:block order-3"></div> 1080 </div> 1081 1082 <div class="w-full flex flex-col xl:flex-row justify-between items-center text-[var(--text-secondary)] text-sm font-normal leading-[142.857%] space-y-3 xl:space-y-0 mt-2 xl:mt-6"> 1083 <nav class="flex flex-wrap justify-center xl:justify-start flex-grow space-x-4 xl:space-x-6 xl:pl-0" aria-label="Legal links"> 1084 <a href="https://koala-configurations.s3.amazonaws.com/public/assets/Chowly-Terms-and-Conditions-b3cca027-acb6-42db-9d1f-11080e29b1e1.pdf" target="_blank" rel="noopener" class="mb-2">Terms of Use</a> 1085 <a href="https://koala-configurations.s3.us-east-1.amazonaws.com/public/assets/Chowly-Privacy-Policy-202f4118-faeb-4593-8574-57dc447ae203.pdf" target="_blank" rel="noopener" class="mb-2">Privacy Policy</a> 1086 </nav> 1087 1088 <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization"> 1089 <span>La Scala</span>⢠<span itemprop="copyrightYear">2026</span> All Rights Reserved 1090 </p> 1091 <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p> 1092 </div> 1093 </div> 1094</footer> 1095 </section> 1096 </main> 1097 1098</body> 1099</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.