1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>Best Bakery around Los Alamitos | Katella Bakery, Deli & 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 & Restaurant" /> 10 <meta property="og:description" content="Bakery delivery and pickup near Los Alamitos. Order online from Katella Bakery, Deli & 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&family=Roboto Slab:wght@400;700&display=swap" 84 rel="preload" as="style"> 85 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&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 & 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 & 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 & 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'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 & 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 & 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'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 & 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 & 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&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 & 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.