PageSourceSearch

https://www.katellabakery.com/location/los-alamitos

html katellabakery.com collected 2026-09-29 03:43:29 UTC 58,403 bytes, 900 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <title>Best Bakery around Los Alamitos | Katella Bakery, Deli &amp; Restaurant</title>
5  <meta content="width=device-width, initial-scale=1" name="viewport">
6  <meta charset="UTF-8">
7  
8  <meta name="description" content="" />  
9  <meta property="og:title" content="Best Bakery around Los Alamitos | Katella Bakery, Deli &amp; Restaurant" />
10  <meta property="og:description" content="Bakery delivery and pickup near Los Alamitos. Order online from Katella Bakery, Deli &amp; Restaurant." />
11  <meta property="og:image" content="" />
12  <meta property="og:type" content="website" />
13  <meta property="og:url" content="https://www.katellabakery.com/location/los-alamitos" />
14
15  <link rel="icon" type="image/png" href="https://chowly-coo-configuration-assets.nyc3.digitaloceanspaces.com/chowly-coo-prod-configuration-assets/public/assets/fav-717-b751324c-5deb-4c21-a073-15b7ffd1e4e1.png">
16  <link rel="canonical" href="https://www.katellabakery.com/location/los-alamitos" />
17
18  
19
20  
21
22  <link rel="stylesheet" href="/assets/site-7898ec93455c52ac14cb3475434c1367cb237b733dfa3dcd82f9b1844f58ac62.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-7f75dbb82de8bbee0e764cde34bb5d2b466cf29a41dbcec463259a2c0c272bc5.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  }
42}</script>
42
43<link rel="modulepreload" href="/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js">
44<link rel="modulepreload" href="/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js">
45<link rel="modulepreload" href="/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js">
46<link rel="modulepreload" href="/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js">
47<link rel="modulepreload" href="/assets/swiper-7f75dbb82de8bbee0e764cde34bb5d2b466cf29a41dbcec463259a2c0c272bc5.js">
48<script type="module">import "site"</script>
48
49
50  <link rel="preconnect" href="https://fonts.googleapis.com">
51  <link rel="preconnect" href="https://cdnjs.cloudflare.com">
52  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
53  <link rel="preconnect" href="https://maps.googleapis.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: 20 bytes, lines 71-72
71" defer></script>
72  
72<script
73    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAkzXdhpOE3VmUpHjl1ZqL5VBuLpJmMrkc&libraries=maps,marker"
74    async></script>
74
75  
76  
76<script>
77    if (!window.origin.includes('http://localhost')) {
78      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])};
79      heap.load((window.origin.includes('chowly.dev') ? '3177339425' : '3745098455'));
80    }
81  </script>
81
82
83    <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
84          rel="preload" as="style">
85    <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
86          rel="stylesheet">
87
88  <style>
89    
90    :root {
91        /* Light theme colors */
92        --bg-primary: white;
93        --bg-secondary: #F2F2F2;
94        --bg-form: white;
95        --text-primary: #212121;
96        --text-secondary: #666;
97        --text-muted: #666666;
98        --border-primary: #b5985a;
99        --border-secondary: #D7D7D7;
100        --stroke-primary: #b5985a;
101        --stroke-secondary: currentColor;
102        --active-bg-opacity: 8%;
103        --active-text: #b5985a;
104        --hover-bg-opacity: 8%;
105        --hover-text: #b5985a;
106        --link-text: #666;
107        --link-hover: black;
108        --social-bg: #666;
109        --social-text: white;
110        --placeholder-text: #D7D7D7;
111        --focus-border: #777777;
112        --button-bg: transparent;
113        --button-text: #b5985a;
114        --button-border: #b5985a;
115        --button-hover-bg: transparent;
116        --button-hover-border: #b5985a;
117        --brand-primary: #b5985a;
118        --brand-overlay: rgba(181,152,90,0.08);
119        --brand-overlay-heavy: rgba(181,152,90,0.80);
120        --dim-overlay: rgba(0,0,0,0.4);
121    }
122    
123    body {
124        background: linear-gradient(180deg, rgba(181, 152, 90, 0.08) 0px, rgba(181, 152, 90, 0.00) 520px);
125    }
126
127    .grecaptcha-badge { visibility: hidden; }
128  </style>
129
130  
131
132    
132<script src="https://cdn.userway.org/widget.js" data-account="2RTD1qUW2F" data-position="3"></script>
132
133
134  <link rel="stylesheet" href="/assets/vidbg-59cd2b661e27143a4d41f154396b1fabc6ac9c0893f4d4b1623cbf033efc0130.css" />
135
136  
136<script src="/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js"></script>
136
137  
137<script src="/assets/banner-component-df2178bd5e74fa643d7e2d34c63f98ee00a1bb6d69b502a08043cecec055cee2.js"></script>
137
138
139  
139<script async>
140    window.chowlyApiHost = 'https://api.chowlyinc.com';
141    window.siteHost = 'https://sites.chowly.app';
142  </script>
142
143
144  
144<script type="application/ld+json">
145  {"@type":"Restaurant","name":"Katella Bakery, Deli \u0026 Restaurant","address":{"@type":"PostalAddress","streetAddress":"4470 Katella Ave","addressLocality":"Los Alamitos","addressRegion":"CA","postalCode":"90720","addressCountry":"US"},"telephone":"5625948611","geo":{"@type":"GeoCoordinates","latitude":33.8026801,"longitude":-118.0549002},"url":"https://www.katellabakery.com#location-42660","priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"07:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"07:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"07:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"07:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"07:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"07:00:00","closes":"22:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"07:00:00","closes":"22:00:00"}],"hasMenu":"https://www.katellabakery.com/menu","areaServed":["Los Alamitos","Rossmoor","Cypress","Seal Beach","Long Beach","Hawaiian Gardens","Lakewood","Westminster","Garden Grove","Stanton"],"@context":"https://schema.org"}
146  </script>
146
147</head>
148<body data-organization-id="48129">
149  <a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a>
150  <main id="main-content" role="main" data-maglev-dropzone>
151    <section class="grid grid-cols-2 gap-0 justify-center">
152      <div class="bg-[var(--brand-primary)] w-full h-[40px] flex justify-center items-center px-4 col-span-2" role="banner" id="section-bfuYACySBU4" data-maglev-section-id="bfuYACySBU4" data-maglev-section-type="site_notification_01">
153    <section class="flex items-center space-x-2 max-w-[1440px] w-full justify-center">
154        <div class="w-[30px] h-[30px] overflow-hidden">
155            <i class="text-white mds-filled-bakery_dining" data-maglev-id="bfuYACySBU4.icon" aria-hidden="true"></i>
156        </div>
157        <span data-maglev-id="bfuYACySBU4.title" class="text-white text-[14px] font-normal leading-[24px] text-center line-clamp-2 overflow-hidden"><p>Best Bakery in<strong> <a href="/location/los-alamitos">Los Alamitos</a>.</strong></p></span>
158    </section>
159</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-kw0EG0BY" data-maglev-section-id="kw0EG0BY" data-maglev-section-type="standard_nav_01">
160  <div class="flex justify-between items-center px-4 xl:px-8 mx-auto w-full xl:max-w-[1440px]">
161      <div class="flex items-center">
162          <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8">
163            <a href="/" aria-label="Katella Bakery, Deli &amp; Restaurant home">
164              <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-1145-504a15ba-4dde-4819-ac62-81be5ed909b3.png" alt="Katella Bakery, Deli &amp; Restaurant logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg">
165            </a>
166          </div>
167
168          <nav role="navigation" aria-label="Main navigation" class="hidden xl:block">
169            <ul class="flex">
170
171
172                  <li>
173                    <a data-maglev-id="Ikr25zU8IcQ.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="/"><span data-maglev-id="Ikr25zU8IcQ.link.text">Home</span></a>
174                  </li>
175
176                  <li>
177                    <a data-maglev-id="FGe3y2AN-tA.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="/our-story"><span data-maglev-id="FGe3y2AN-tA.link.text">Our Story</span></a>
178                  </li>
179
180                  <li>
181                    <a data-maglev-id="98cQ5GEgF4o.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="/catering"><span data-maglev-id="98cQ5GEgF4o.link.text">Catering</span></a>
182                  </li>
183
184                  <li>
185                    <a data-maglev-id="__ahaw9799E.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="__ahaw9799E.link.text">Menu</span></a>
186                  </li>
187
188                <li class="relative">
189                  <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">
190                    More
191                    <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">
192                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
193                    </svg>
194                  </button>
195                  <div id="more-dropdown" class="hidden fixed left-0 right-0 w-full z-50 transition-all duration-300">
196                    <div class="mx-auto max-w-7xl bg-[var(--bg-secondary)] shadow-lg p-6 rounded-lg dropdown-top-shadow">
197                      <div class="grid grid-cols-3 gap-4">
198                            <div class="w-full mb-2">
199                              <a data-maglev-id="CHSi52nBK8w.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="/careers"><span data-maglev-id="CHSi52nBK8w.link.text">Careers</span></a>
200                            </div>
201                            <div class="w-full mb-2">
202                              <a data-maglev-id="fna794mh.link" target="_blank" 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="https://katellabakery.securetree.com/"><span data-maglev-id="fna794mh.link.text">Gift Cards</span></a>
203                            </div>
204                            <div class="w-full mb-2">
205                              <a data-maglev-id="l9zA3H4O6A4.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="l9zA3H4O6A4.link.text">Contact Us</span></a>
206                            </div>
207                            <div class="w-full mb-2">
208                              <a data-maglev-id="PZ3B4X0G.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="/custom-cakes#section-kw0EG0BY"><span data-maglev-id="PZ3B4X0G.link.text">Custom Cakes</span></a>
209                            </div>
210                      </div>
211                    </div>
212                  </div>
213                </li>
214            </ul>
215          </nav>
216      </div>
217
218      <!-- Right side: Mobile toggle + Desktop buttons -->
219      <div class="flex items-center gap-2">
220          <!-- Mobile menu toggle -->
221          <div class="xl:hidden">
222              <button id="menu-toggle" class="focus:outline-none" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu">
223                  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)">
224                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
225                  </svg>
226              </button>
227          </div>
228
229          <!-- Desktop buttons (hidden on mobile) -->
230          <div class="hidden xl:flex items-center gap-2">
231              <!-- Primary Order Now button (hardcoded) -->
232              <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>
233
234              <!-- Secondary button (optional, configurable) -->
235          </div>
236      </div>
237  </div>
238
239  <div id="mobile-menu" class="hidden fixed top-0 left-0 w-full h-full bg-[var(--bg-primary)] z-50 overflow-y-auto" aria-hidden="true">
240      <div class="flex justify-between items-center px-4 py-4 sticky top-0 bg-[var(--bg-primary)] z-10">
241          <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8">
242              <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2C
242avif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1145-504a15ba-4dde-4819-ac62-81be5ed909b3.png" alt="Katella Bakery, Deli &amp; Restaurant logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg">
243          </div>
244          <button id="menu-close" class="focus:outline-none" aria-label="Close menu">
245              <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)">
246                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
247              </svg>
248          </button>
249      </div>
250
251      <nav role="navigation" aria-label="Mobile navigation" class="pb-32">
252        <ul class="flex flex-col items-start px-5 space-y-6 mt-8">
253
254              <li>
255                <a data-maglev-id="Ikr25zU8IcQ.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="/"><span data-maglev-id="Ikr25zU8IcQ.link.text">Home</span></a>
256              </li>
257
258              <li>
259                <a data-maglev-id="FGe3y2AN-tA.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="/our-story"><span data-maglev-id="FGe3y2AN-tA.link.text">Our Story</span></a>
260              </li>
261
262              <li>
263                <a data-maglev-id="98cQ5GEgF4o.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="/catering"><span data-maglev-id="98cQ5GEgF4o.link.text">Catering</span></a>
264              </li>
265
266              <li>
267                <a data-maglev-id="__ahaw9799E.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="__ahaw9799E.link.text">Menu</span></a>
268              </li>
269
270              <li>
271                <a data-maglev-id="CHSi52nBK8w.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="/careers"><span data-maglev-id="CHSi52nBK8w.link.text">Careers</span></a>
272              </li>
273
274              <li>
275                <a data-maglev-id="fna794mh.link" target="_blank" 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="https://katellabakery.securetree.com/"><span data-maglev-id="fna794mh.link.text">Gift Cards</span></a>
276              </li>
277
278              <li>
279                <a data-maglev-id="l9zA3H4O6A4.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="l9zA3H4O6A4.link.text">Contact Us</span></a>
280              </li>
281
282              <li>
283                <a data-maglev-id="PZ3B4X0G.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="/custom-cakes#section-kw0EG0BY"><span data-maglev-id="PZ3B4X0G.link.text">Custom Cakes</span></a>
284              </li>
285        </ul>
286      </nav>
287
288      <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)]">
289          <!-- Primary Order Now button (hardcoded) -->
290          <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>
291
292          <!-- Secondary button (optional, configurable) -->
293      </div>
294  </div>
295</header>
296<script>
297  const menuToggle = document.getElementById('menu-toggle');
298  const menuClose = document.getElementById('menu-close');
299  const mobileMenu = document.getElementById('mobile-menu');
300
301  menuToggle.addEventListener('click', () => {
302      mobileMenu.classList.remove('hidden');
303      mobileMenu.setAttribute('aria-hidden', 'false');
304      menuToggle.setAttribute('aria-expanded', 'true');
305  });
306
307  menuClose.addEventListener('click', () => {
308      mobileMenu.classList.add('hidden');
309      mobileMenu.setAttribute('aria-hidden', 'true');
310      menuToggle.setAttribute('aria-expanded', 'false');
311  });
312
313  document.addEventListener('DOMContentLoaded', function() {
314    // More menu dropdown functionality
315    const moreButton = document.getElementById('more-menu-button');
316    const moreDropdown = document.getElementById('more-dropdown');
317    const moreArrow = document.getElementById('more-arrow');
318
319    if (moreButton && moreDropdown && moreArrow) {
320      let isOpen = false;
321      let isHoveringButton = false;
322      let isHoveringDropdown = false;
323      let dropdownTimeout;
324
325      function showDropdown() {
326        clearTimeout(dropdownTimeout);
327        moreDropdown.classList.remove('hidden');
328        moreDropdown.style.opacity = '1';
329        moreArrow.classList.add('rotate-180');
330        isOpen = true;
331      }
332
333      function hideDropdown() {
334        moreDropdown.style.opacity = '0';
335        moreArrow.classList.remove('rotate-180');
336
337        dropdownTimeout = setTimeout(() => {
338          moreDropdown.classList.add('hidden');
339          isOpen = false;
340        }, 300);
341      }
342
343      function toggleDropdown() {
344        if (isOpen) {
345          hideDropdown();
346        } else {
347          showDropdown();
348        }
349      }
350
351      function updateDropdownVisibility() {
352        if (isHoveringButton || isHoveringDropdown) {
353          showDropdown();
354        } else {
355          hideDropdown();
356        }
357      }
358
359      moreButton.addEventListener('click', function(e) {
360        e.preventDefault();
361        toggleDropdown();
362      });
363
364      moreButton.addEventListener('mouseenter', () => {
365        isHoveringButton = true;
366        updateDropdownVisibility();
367      });
368
369      moreButton.addEventListener('mouseleave', () => {
370        isHoveringButton = false;
371        toggleDropdown();
372      });
373
374      moreDropdown.addEventListener('mouseenter', () => {
375        isHoveringDropdown = true;
376        updateDropdownVisibility();
377      });
378
379      moreDropdown.addEventListener('mouseleave', () => {
380        isHoveringDropdown = false;
381        toggleDropdown();
382      });
383
384      document.addEventListener('click', function(e) {
385        if (isOpen && !moreButton.contains(e.target) && !moreDropdown.contains(e.target)) {
386          hideDropdown();
387        }
388      });
389    }
390
391    // Locations dropdown functionality (desktop main nav)
392    const locationsContainers = document.querySelectorAll('.locations-dropdown-container');
393    locationsContainers.forEach(container => {
394      const button = container.querySelector('.locations-dropdown-button');
395      const dropdown = container.querySelector('.locations-dropdown');
396      const arrow = container.querySelector('.locations-arrow');
397
398      if (button && dropdown && arrow) {
399        let isOpen = false;
400        let hoverTimeout;
401
402        function showLocationsDropdown() {
403          clearTimeout(hoverTimeout);
404          dropdown.classList.remove('hidden');
405          arrow.classList.add('rotate-180');
406          isOpen = true;
407        }
408
409        function hideLocationsDropdown() {
410          hoverTimeout = setTimeout(() => {
411            dropdown.classList.add('hidden');
412            arrow.classList.remove('rotate-180');
413            isOpen = false;
414          }, 150);
415        }
416
417        button.addEventListener('click', (e) => {
418          e.preventDefault();
419          if (isOpen) {
420            hideLocationsDropdown();
421          } else {
422            showLocationsDropdown();
423          }
424        });
425
426        container.addEventListener('mouseenter', showLocationsDropdown);
427        container.addEventListener('mouseleave', hideLocationsDropdown);
428
429        document.addEventListener('click', (e) => {
430          if (isOpen && !container.contains(e.target)) {
431            dropdown.classList.add('hidden');
432            arrow.classList.remove('rotate-180');
433            isOpen = false;
434          }
435        });
436      }
437    });
438
439    // Locations dropdown in "More" menu
440    const locationsMoreContainers = document.querySelectorAll('.locations-more-dropdown-container');
441    locationsMoreContainers.forEach(container => {
442      const button = container.querySelector('.locations-more-button');
443      const dropdown = container.querySelector('.locations-more-dropdown');
444      const arrow = container.querySelector('.locations-more-arrow');
445
446      if (button && dropdown && arrow) {
447        let isOpen = false;
448
449        button.addEventListener('click', (e) => {
450          e.preventDefault();
451          e.stopPropagation();
452          if (isOpen) {
453            dropdown.classList.add('hidden');
454            arrow.classList.remove('rotate-180');
455            isOpen = false;
456          } else {
457            dropdown.classList.remove('hidden');
458            arrow.classList.add('rotate-180');
459            isOpen = true;
460          }
461        });
462
463        container.addEventListener('mouseenter', () => {
464          dropdown.classList.remove('hidden');
465          arrow.classList.add('rotate-180');
466          isOpen = true;
467        });
468
469        container.addEventListener('mouseleave', () => {
470          dropdown.classList.add('hidden');
471          arrow.classList.remove('rotate-180');
472          isOpen = false;
473        });
474      }
475    });
476
477    // Mobile locations toggle
478    const mobileLocationsToggles = document.querySelectorAll('.mobile-locations-toggle');
479    mobileLocationsToggles.forEach(toggle => {
480      const arrow = toggle.querySelector('.mobile-locations-arrow');
481      const list = toggle.parentElement.querySelector('.mobile-locations-list');
482
483      if (arrow && list) {
484        toggle.addEventListener('click', (e) => {
485          e.preventDefault();
486          list.classList.toggle('hidden');
487          arrow.classList.toggle('rotate-180');
488        });
489      }
490    });
491  });
492</script>
492
493
494<style>
495  .rotate-180 {
496    transform: rotate(180deg);
497    transition: transform 300ms;
498  }
499
500  #more-dropdown {
501    opacity: 0;
502    transition: opacity 300ms;
503    position: absolute;
504    top: 100%;
505    left: 50%;
506    right: 0;
507    width: 80vw;
508    margin-left: auto;
509    margin-right: auto;
510    z-index: 50;
511    transform: translateX(calc(-50% + 10vw));
512  }
513
514  .dropdown-top-shadow {
515    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06),
516                0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
517  }
518
519  .locations-dropdown {
520    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
521  }
522
523  .locations-more-dropdown {
524    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
525  }
526</style>
527
528
529<section class="w-full  xl:px-0 col-span-2" role="banner" id="section-v8ZMkZdDmhA" data-maglev-section-id="v8ZMkZdDmhA" data-maglev-section-type="hero_cta_01">
530  <div class="vidbg-d67950d67a73a232e2379c71 w-full  h-[680px] flex-shrink-0 relative mx-auto my-0 bg-cover bg-center" style="background-image: url(/maglev/assets/ea1dc4a2-60a7-4d5b-b993-49e560663c22-splash.avif);">
531    
532
533      <div class="absolute inset-0 bg-black/40   "></div>
534    
535    <article class="absolute inset-0 flex flex-col justify-center mx-6 xl:mx-0 xl:pl-20 xl:py-16">
536      <header class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]">
537        <h1 data-maglev-id="v8ZMkZdDmhA.title" class="text-white font-semibold text-[14px] md:text-[24px] xl:text-[28px] leading-tight tracking-wide">Best Pastrami Sandwich near <a href="/location/los-alamitos">Los Alamitos</a></h1>
538      </header>
539      <div class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]">
540        <p data-maglev-id="v8ZMkZdDmhA.description" class="text-white font-bold text-[20px] md:text-[48px] xl:text-[56px] leading-tight xl:leading-[64px]">Order online from Katella Bakery in <a href="/location/los-alamitos">Los Alamitos</a> today.</p>
541      </div>
542      <div class="mt-2">
543          <a data-maglev-id="v8ZMkZdDmhA.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" href="/stores"><span data-maglev-id="v8ZMkZdDmhA.button.text">Order Now</span></a>
544      </div>
545    </article>
546
547
548    <style>
549
550
551        .vidbg-d67950d67a73a232e2379c71 .vidbg-container .vidbg-overlay {
552            background-color: rgba(0,0,0,0.4);
553            position: absolute;
554            inset: 0;
555          }
556
557    </style>
558  </div>
559</section>
560<section class="w-full xl:max-w-[1440px] mx-auto h-[584px] 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="menu-category-heading" id="section-ChelrMK17q0" data-maglev-section-id="ChelrMK17q0" data-maglev-section-type="menu_category_01">
561  <div class="absolute top-[-12px] left-6 xl:left-20" aria-hidden="true">
562      <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
563          <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)"/>
564      </svg>
565  </div>
566  <header class="flex flex-col xl:flex-row justify-between items-start xl:items-center">
567    <div>
568        <h2 class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="menu-category-heading">
569            Los Alamitos Popular Items
570        </h2>
571        <p class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-3">
572            Try these items
573        </p>
574    </div>
575    <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-full md:w-auto md:self-end whitespace-nowrap">
576        Order Now
577    </a>
578  </header>
579  <div class="mt-8 flex gap-x-4 overflow-x-auto" aria-labelledby="menu-category-heading">
580        <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
581            <img src="https://image-cdn.chowlyinc.com/650%2Cfit/https%3A%2F%2Fnolocdnmsftaznua.azureedge.net%2FContent%3FcompanyCode%3DKABA001%26designId%3D1%26ContentFile%3Dlox_platter.png" alt="Lox Platter" class="w-full h-[207px] flex-shrink-0 object-cover"></img>
582            <div class="p-4">
583                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
584                    Lox Platter
585                </h3>
586                <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
587                    Nova sliced lox served with cream cheese, cucumber, tomato, onion, Greek olives and choice of bagel.
588                </p>
589                <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16
589px]">
590                  Add Item
591                </a>
592            </div>
593        </article>
594        <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
595            <img src="https://image-cdn.chowlyinc.com/650%2Cfit/https%3A%2F%2Fnolocdnmsftaznua.azureedge.net%2FContent%3FcompanyCode%3DKABA001%26designId%3D1%26ContentFile%3Dpancakes.png" alt="Pancakes (3)" class="w-full h-[207px] flex-shrink-0 object-cover"></img>
596            <div class="p-4">
597                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
598                    Pancakes (3)
599                </h3>
600                <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
601                    Stack of three buttermilk pancakes cooked to a golden brown. Served with whipped butter and hot syrup. All items from the griddle are served until 2pm.
602                </p>
603                <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
604                  Add Item
605                </a>
606            </div>
607        </article>
608        <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
609            <img src="https://image-cdn.chowlyinc.com/650%2Cfit/https%3A%2F%2Fnolocdnmsftaznua.azureedge.net%2FContent%3FcompanyCode%3DKABA001%26designId%3D1%26ContentFile%3DAvocadoToast.jpg" alt="Avocado Toast" class="w-full h-[207px] flex-shrink-0 object-cover"></img>
610            <div class="p-4">
611                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
612                    Avocado Toast
613                </h3>
614                <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
615                    Grilled seeded wheat bread, topped with avocado, cherry tomatoes, arugula and Maldron sea salt.
616                </p>
617                <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
618                  Add Item
619                </a>
620            </div>
621        </article>
622        <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
623            <img src="https://image-cdn.chowlyinc.com/650%2Cfit/https%3A%2F%2Fnolocdnmsftaznua.azureedge.net%2FContent%3FcompanyCode%3DKABA001%26designId%3D1%26ContentFile%3Dtartine.png" alt="Smoked Salmon Tartine" class="w-full h-[207px] flex-shrink-0 object-cover"></img>
624            <div class="p-4">
625                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
626                    Smoked Salmon Tartine
627                </h3>
628                <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
629                    Pumpernickel toast with house smoked salmon, cream cheese, herb aoili, hard boiled egg, radish, cucumber, pickled onion, dill, capers and olive oil.
630                </p>
631                <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
632                  Add Item
633                </a>
634            </div>
635        </article>
636        <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
637            <img src="https://image-cdn.chowlyinc.com/650%2Cfit/https%3A%2F%2Fnolocdnmsftaznua.azureedge.net%2FContent%3FcompanyCode%3DKABA001%26designId%3D1%26ContentFile%3Dmatzobrei.png" alt="Matzo Brei" class="w-full h-[207px] flex-shrink-0 object-cover"></img>
638            <div class="p-4">
639                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
640                    Matzo Brei
641                </h3>
642                <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
643                    Fried matzos scrambled. Served with powdered sugar, apple sauce and fresh fruit.
644                </p>
645                <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16
645px]">
646                  Add Item
647                </a>
648            </div>
649        </article>
650        <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
651            <img src="https://image-cdn.chowlyinc.com/650%2Cfit/https%3A%2F%2Fnolocdnmsftaznua.azureedge.net%2FContent%3FcompanyCode%3DKABA001%26designId%3D1%26ContentFile%3Dbfast_ciabatta.png" alt="BreakfastCiabattaSand" class="w-full h-[207px] flex-shrink-0 object-cover"></img>
652            <div class="p-4">
653                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
654                    BreakfastCiabattaSand
655                </h3>
656                <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
657                    Bacon, soft scrambled eggs, chives, Cheddar cheese and chipotle aioli, served with hash browns or Potatoes O&#39;Brien.
658                </p>
659                <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
660                  Add Item
661                </a>
662            </div>
663        </article>
664        <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
665            <img src="https://image-cdn.chowlyinc.com/650%2Cfit/https%3A%2F%2Fnolocdnmsftaznua.azureedge.net%2FContent%3FcompanyCode%3DKABA001%26designId%3D1%26ContentFile%3Dpastrami_bene.png" alt="Pastrami Benedict" class="w-full h-[207px] flex-shrink-0 object-cover"></img>
666            <div class="p-4">
667                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
668                    Pastrami Benedict
669                </h3>
670                <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
671                    Two poached eggs with our house made pastrami on an English muffin topped with Hollandaise sauce. Served with hash browns or potatoes o’brien.
672                </p>
673                <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
674                  Add Item
675                </a>
676            </div>
677        </article>
678        <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
679            <img src="https://image-cdn.chowlyinc.com/650%2Cfit/https%3A%2F%2Fnolocdnmsftaznua.azureedge.net%2FContent%3FcompanyCode%3DKABA001%26designId%3D1%26ContentFile%3Dlemonpancakecombo.png" alt="Lemon Ricotta Combo" class="w-full h-[207px] flex-shrink-0 object-cover"></img>
680            <div class="p-4">
681                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
682                    Lemon Ricotta Combo
683                </h3>
684                <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
685                    Drizzled with a wild blueberry jam. Served with house made whipped cream. Comes with your choice of two strips of bacon or two sausage links and two eggs cooked any style. All items from the griddle are served until 2pm.
686                </p>
687                <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
688                  Add Item
689                </a>
690            </div>
691        </article>
692        <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
693            <img src="https://image-cdn.chowlyinc.com/650%2Cfit/https%3A%2F%2Fnolocdnmsftaznua.azureedge.net%2FContent%3FcompanyCode%3DKABA001%26designId%3D1%26ContentFile%3Dfrenchtoast.png" alt="French Toast" class="w-full h-[207px] flex-shrink-0 object-cover"></img>
694            <div class="p-4">
695                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
696                    French Toast
697                </h3>
698                <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
699                    Three thick slices of egg bread dipped in an egg batter and grilled to a golden brown, sprinkled with powdered sugar and served with hot syrup and butter. All items from the griddle are served until 2pm.
700                </p>
701                <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16
701px]">
702                  Add Item
703                </a>
704            </div>
705        </article>
706        <article class="w-[248px] flex-shrink-0 rounded-lg bg-[var(--bg-primary)] shadow-md overflow-hidden">
707            <img src="https://image-cdn.chowlyinc.com/650%2Cfit/https%3A%2F%2Fnolocdnmsftaznua.azureedge.net%2FContent%3FcompanyCode%3DKABA001%26designId%3D1%26ContentFile%3Dleo.png" alt="Lox, Eggs &amp; Onions LEO" class="w-full h-[207px] flex-shrink-0 object-cover"></img>
708            <div class="p-4">
709                <h3 class="text-[var(--text-primary)] font-semibold text-[16px] leading-[24px]">
710                    Lox, Eggs &amp; Onions LEO
711                </h3>
712                <p class="text-[var(--text-secondary)] mt-2 text-[14px] leading-[18px] font-normal line-clamp-2">
713                    Sautéed Nova Scotia style Lox, eggs and onions scrambled together. Served with a choice of Hash browns or O&#39;Brien Potatoes and toast.
714                </p>
715                <a href="/stores" class="text-[var(--brand-primary)] mt-4 text-[12px] font-semibold leading-[16px]">
716                  Add Item
717                </a>
718            </div>
719        </article>
720  </div>
721</section><style>
722  @media (min-width: 1280px) {
723    section[aria-labelledby="menu-category-heading"] {
724      width: 100%;
725      max-width: 1440px;
726    }
727    section[aria-labelledby="menu-category-heading"] > div > article {
728      width: calc((100% - 64px) / 5);
729    }
730  }
731</style>
732<section class="w-full flex justify-center py-10 col-span-2" data-location_id="section-a859f71d-458d-499b-bdc0-3da9876b8c3b" aria-label="Locations information" id="section-HlGoIenxnx0" data-maglev-section-id="HlGoIenxnx0" data-maglev-section-type="dynamic_locations_01">
733
734  
735
736    
737  <section class="w-full xl:max-w-[1440px] h-auto flex-shrink-0 bg-[var(--bg-secondary)] p-8">
738    <header class="w-full flex flex-col items-center px-4 xl:px-0">
739      <h2 data-maglev-id="HlGoIenxnx0.title" class="text-[var(--text-primary)] text-center text-[32px] xl:text-[48px] font-semibold leading-[normal] tracking-[-0.48px]" id="locations-heading-a859f71d-458d-499b-bdc0-3da9876b8c3b">Our locations</h2>
740      <p data-maglev-id="HlGoIenxnx0.subtitle" class="text-[var(--text-secondary)] text-center text-[16px] font-normal leading-[24px] mt-2">Come visit us!</p>
741    </header>
742
743      
744      <div data-location_wrapper_id="a859f71d-458d-499b-bdc0-3da9876b8c3b-0" class="mt-10 mx-auto w-full max-w-[1057px]  flex flex-col xl:flex-row justify-center">
745        <article 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">
746          <header>
747            <h3 class="text-[var(--text-primary)] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]">
748              Katella Bakery, Deli &amp; Restaurant
749            </h3>
750            
751            <nav class="mt-4 flex flex-wrap gap-2 md:flex-nowrap md:space-x-3 md:overflow-x-auto" aria-label="Location navigation">
752
753                <div class="flex px-3 py-2 justify-center items-center rounded-md bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] md:whitespace-nowrap">
754                  <a href="#" data-switch_location="a859f71d-458d-499b-bdc0-3da9876b8c3b-0" class="text-[14px] font-semibold leading-[140%]" aria-current="page">
755                    Katella Bakery, Deli &amp; Restaurant - Los Alamitos 4470 Katella Ave
756                  </a>
757                </div>
758            </nav>
759          </header>
760
761          <address class="mt-6 flex items-center space-x-3 not-italic">
762            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
763              <path
764                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.
7646666 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"
765                fill="#666666"></path>
766            </svg>
767            <a href="https://www.google.com/maps/search/?api=1&amp;query=4470%20Katella%20Ave%2C%20Los%20Alamitos%2C%20CA%2C%2090720%2C%20US" target="_blank"
768              class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
769              4470 Katella Ave, Los Alamitos, CA, 90720, US
770            </a>
771          </address>
772
773            <div class="mt-6 flex items-center space-x-3">
774              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
775                <path
776                  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"
777                  fill="#666666"></path>
778              </svg>
779              <a href="tel:5625948611" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]">
780                562-594-8611
781              </a>
782            </div>
783
784          <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between">
785            <div class="flex flex-wrap space-x-3">
786              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
787                <path
788                  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"
789                  fill="#666666"></path>
790              </svg>
791              <div>
792                <section class="text-[var(--text-primary)] mt-0 
792space-y-2">
793    <div class="sr-only" aria-hidden="false">Business Hours</div>
794      <b>Sunday:</b>
795        <div class="inline">
796          <time content="07:00" datetime="07:00" class="inline">7:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time>
797        </div>
798      <br />
799      <b>Monday:</b>
800        <div class="inline">
801          <time content="07:00" datetime="07:00" class="inline">7:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time>
802        </div>
803      <br />
804      <b>Tuesday:</b>
805        <div class="inline">
806          <time content="07:00" datetime="07:00" class="inline">7:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time>
807        </div>
808      <br />
809      <b>Wednesday:</b>
810        <div class="inline">
811          <time content="07:00" datetime="07:00" class="inline">7:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time>
812        </div>
813      <br />
814      <b>Thursday:</b>
815        <div class="inline">
816          <time content="07:00" datetime="07:00" class="inline">7:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time>
817        </div>
818      <br />
819      <b>Friday:</b>
820        <div class="inline">
821          <time content="07:00" datetime="07:00" class="inline">7:00 AM</time> - <time content="22:00" datetime="22:00" class="inline">10:00 PM</time>
822        </div>
823      <br />
824      <b>Saturday:</b>
825        <div class="inline">
826          <time content="07:00" datetime="07:00" class="inline">7:00 AM</time> - <time content="22:00" datetime="22:00" class="inline">10:00 PM</time>
827        </div>
828      <br />
829</section>
830              </div>
831            </div>
832
833            <div class="flex flex-col justify-end items-center xl:items-end">
834              <a href="/stores"
835                class="mt-6 inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 rounded-[6px] 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%]">
836                Start an order
837              </a>
838            </div>
839          </div>
840        </article>
841
842          <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden">
843            <gmp-map center="33.8026801,-118.0549002" zoom="14" map-id="abc5b04ea38d0c8f">
844  <gmp-advanced-marker
845    position="33.8026801,-118.0549002"
846    title="Katella Bakery, Deli & Restaurant - 4470 Katella Ave, Los Alamitos, CA, 90720, US"
847  ></gmp-advanced-marker>
848</gmp-map>
849
850          </figure>
851      </div>
852  </section>
853
854  
854<script type="module">
855    $(document).on('click', '[data-location_id=section-a859f71d-458d-499b-bdc0-3da9876b8c3b] [data-switch_location]', function(e) {
856      e.preventDefault();
857      const idx = $(this).data('switch_location');
858      $('[data-location_id=section-a859f71d-458d-499b-bdc0-3da9876b8c3b] [data-location_wrapper_id]').addClass('hidden');
859      $('[data-location_id=section-a859f71d-458d-499b-bdc0-3da9876b8c3b] [data-location_wrapper_id=' + idx + ']').removeClass('hidden');
860    });
861  </script>
861
862
863</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-t_6FLDeL" data-maglev-section-id="t_6FLDeL" data-maglev-section-type="standard_footer_01">
864  <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6">
865
866      <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4">
867          <nav class="col-span-1 flex flex-wrap justify-center xl:justify-start order-2 xl:order-1 xl:pl-0" aria-label="Footer navigation">
868              <a data-maglev-id="RRAfLtTRWeI.link" class="mx-3 xl:mx-0 xl:mr-6 mb-2 text-[var(--link-text)] hover:text-[var(--link-hover)] text-sm" href="/catering"><span data-maglev-id="RRAfLtTRWeI.link.text">Catering</span></a>
869          </nav>
870
871          <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">
872              <a data-maglev-id="Ti_F2kvSUXY.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-facebook-f" href="https://www.facebook.com/KatellaBakery/photos/">
873                <i class="text-[24px] pt-[4px] fa-brands fa-facebook-f" data-maglev-id="Ti_F2kvSUXY.icon"></i>
874</a>              <a data-maglev-id="UnjeX9Yj40g.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/katella_bakery/?hl=en">
875                <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="UnjeX9Yj40g.icon"></i>
876</a>              <a data-maglev-id="XK10r7Ynxuc.link" class="w-[32px] h-[32px] bg-[var(--social-bg)] rounded-lg text-[var(--social-text)] text-center" aria-label="mds-filled-phone_enabled" href="tel:5625948611">
877                <i class="text-[24px] pt-[4px] mds-filled-phone_enabled" data-maglev-id="XK10r7Ynxuc.icon"></i>
878</a>          </nav>
879
880        <div class="col-span-1 hidden xl:block order-3"></div>
881      </div>
882
883    <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">
884      <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">
885        <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>
886        <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>
887      </nav>
888        
889      <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization">
890        <span>Katella Bakery, Deli &amp; Restaurant</span>™ <span itemprop="copyrightYear">2026</span> All Rights Reserved
891      </p>
892      <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p>
893    </div>
894  </div>
895</footer>
896    </section>
897  </main>
898  
899</body>
900</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.