PageSourceSearch

https://www.lascalabeverlyhills.com/

html lascalabeverlyhills.com collected 2026-09-26 10:06:23 UTC 81,992 bytes, 1,099 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <title>Italian Fine Dining in Beverly Hills &amp; 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 &amp; Jean Leon’s famous chopped salad in Beverly Hills &amp; Santa Monica near me." />
9  <meta property="og:title" content="Italian Fine Dining in Beverly Hills &amp; 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&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
81          rel="preload" as="style">
82    <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;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&#39;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&#39;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&#39;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&#39;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 &amp; 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 &amp; 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&#39;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&#39;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&#39;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 &amp; Dinner Menu – Dine LA at La Scala" href="/menu"><span data-maglev-id="F6z7vHMhwaM.button.text"> View DineLA Lunch &amp; 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 &amp; 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 &amp; 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>&nbsp;for <a href="/menu/brunch">Brunch</a>, <a href="/menu/lunch">Lunch</a>,&nbsp;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&amp;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&amp;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&amp;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&amp;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.