1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>Our Story & Hospitality | Helmand Kabobi Baltimore MD | Helmand Kabobi | Afghan Cuisine | Baltimore, MD</title> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> 6 <meta charset="UTF-8"> 7 8 <meta name="description" content="Discover our dedication to Afghan tradition. Learn how we craft comforting, healthy dishes with exotic spices and the freshest local ingredients." /> 9 <meta property="og:title" content="" /> 10 <meta property="og:description" content="" /> 11 <meta property="og:image" content="" /> 12 <meta property="og:type" content="website" /> 13 <meta property="og:url" content="https://www.helmandkabobi.com/our-story" /> 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-999-596b5123-1df5-4bbf-96a0-6772221cf8ab.png"> 16 <link rel="canonical" href="https://www.helmandkabobi.com/our-story" /> 17 18 19 20 21 22 <link rel="stylesheet" href="/assets/site-26f7ac28388c04849dc657a0204bede609d6a5a7abe06d96675a2d19ea9b5db2.css" data-turbo-track="reload" /> 23 <link rel="stylesheet" href="/assets/icons-8a8adf1b209dcf6019c445e5477d00b79192f6726b65fd7cf29cf43036ec3917.css" data-turbo-track="reload" /> 24 25
25<script type="importmap" data-turbo-track="reload">{ 26 "imports": { 27 "application": "/assets/application-4a1c1d27c11faa4dbac51fff4126422169b85739cdee3e8b89ea183bc17a2c23.js", 28 "@hotwired/turbo-rails": "/assets/turbo.min-f3765a09513ca1417099ce92257ef54b9d4cf3a7addc7dcbb1d6d848d307ee8a.js", 29 "@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js", 30 "@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js", 31 "site": "/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js", 32 "local-time": "/assets/local-time-821d43d4efe5c285055b57aea1a1f04a89a1019f689de214873d5af45a3ab3d7.js", 33 "jquery": "/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js", 34 "jquery-mask-plugin": "/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js", 35 "alpinejs": "/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js", 36 "swiper": "/assets/swiper-2faaef3c8e00dc01e477390250b8d1e3950bde9bcacdc205a4a0265787e5c077.js", 37 "libraries/vidbg": "/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js", 38 "controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js", 39 "controllers/hello_controller": "/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js", 40 "controllers": "/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js", 41 "controllers/prompt_engineering_controller": "/assets/controllers/prompt_engineering_controller-c5abfd07f3f7b741f778d3070d18fd216b100840ef6cfdce4adb7c953a59d715.js" 42 } 43}</script>
43 44<link rel="modulepreload" href="/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js"> 45<link rel="modulepreload" href="/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js"> 46<link rel="modulepreload" href="/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js"> 47<link rel="modulepreload" href="/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js"> 48<link rel="modulepreload" href="/assets/swiper-2faaef3c8e00dc01e477390250b8d1e3950bde9bcacdc205a4a0265787e5c077.js">
49<script type="module">import "site"</script>
49 50 51 <link rel="preconnect" href="https://fonts.googleapis.com"> 52 <link rel="preconnect" href="https://cdnjs.cloudflare.com"> 53 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 54 55 56 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block" 57 rel="preload" as="style"> 58 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block" 59 rel="stylesheet"> 60 61 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" 62 rel="preload" as="style"> 63 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" 64 rel="stylesheet"> 65 66 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css" 67 rel="preload" as="style"> 68 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css" 69 rel="stylesheet">
vendor: 75 bytes, lines 69-71
69 70 71 <script src="https://www.google.com/recaptcha/enterprise.js?render=
716LcsffgqAAAAANLXQa19TOl4LbE2V7eS6PfaYhiT
vendor: 21 bytes, lines 71-73
71" defer></script> 72 73
73<script> 74 if (!window.origin.includes('http://localhost')) { 75 window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])}; 76 heap.load((window.origin.includes('chowly.dev') ? '3177339425' : '3745098455')); 77 } 78 </script>
78 79 80 <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&family=Raleway:wght@400;700&display=swap" 81 rel="preload" as="style"> 82 <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&family=Raleway:wght@400;700&display=swap" 83 rel="stylesheet"> 84 85 <style> 86 87 :root { 88 /* Light theme colors */ 89 --bg-primary: white; 90 --bg-secondary: #F2F2F2; 91 --bg-form: white; 92 --text-primary: #212121; 93 --text-secondary: #666; 94 --text-muted: #666666; 95 --border-primary: #30cccd; 96 --border-secondary: #D7D7D7; 97 --stroke-primary: #30cccd; 98 --stroke-secondary: currentColor; 99 --active-bg-opacity: 8%; 100 --active-text: #30cccd; 101 --hover-bg-opacity: 8%; 102 --hover-text: #30cccd; 103 --link-text: #666; 104 --link-hover: black; 105 --social-bg: #666; 106 --social-text: white; 107 --placeholder-text: #D7D7D7; 108 --focus-border: #777777; 109 --button-bg: transparent; 110 --button-text: #30cccd; 111 --button-border: #30cccd; 112 --button-hover-bg: transparent; 113 --button-hover-border: #30cccd; 114 --brand-primary: #30cccd; 115 --brand-overlay: rgba(48,204,205,0.08); 116 --brand-overlay-heavy: rgba(48,204,205,0.80); 117 --dim-overlay: rgba(0,0,0,0.4); 118 } 119 120 body { 121 background: linear-gradient(180deg, rgba(48, 204, 205, 0.08) 0px, rgba(48, 204, 205, 0.00) 520px); 122 } 123 124 .grecaptcha-badge { visibility: hidden; } 125 </style> 126 127 128 129
129<script src="https://cdn.userway.org/widget.js" data-account="2RTD1qUW2F" data-position="3"></script>
129 130 131 <link rel="stylesheet" href="/assets/vidbg-59cd2b661e27143a4d41f154396b1fabc6ac9c0893f4d4b1623cbf033efc0130.css" /> 132 133
133<script src="/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js"></script>
133 134
134<script src="/assets/banner-component-730ab5752d6195daf2963c20c32c885c4d07215b1fbd2a76a52cd94622d82ef7.js"></script>
134 135 136
136<script async> 137 window.chowlyApiHost = 'https://api.chowlyinc.com'; 138 window.siteHost = 'https://sites.chowly.app'; 139 </script>
139 140 141
141<script type="application/ld+json"> 142 {"@type":"Restaurant","name":"Helmand Kabobi | Afghan Restaurant","address":{"@type":"PostalAddress","streetAddress":"855 North Wolfe Street","addressLocality":"Baltimore","addressRegion":"MD","postalCode":"21205","addressCountry":"US"},"telephone":"4103272230","geo":{"@type":"GeoCoordinates","latitude":39.3002652,"longitude":-76.59054139999999},"url":"https://www.helmandkabobi.com#location-48651","servesCuisine":["Afghan Food","Halal","Small Plates","Wraps","Soup"],"priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"09:00:00","closes":"15:00:00"}],"hasMenu":"https://www.helmandkabobi.com/menu","areaServed":["Downtown Baltimore","Fells Point","Harbor East","Inner Harbor Baltimore","Little Italy Baltimore"],"@context":"https://schema.org"} 143 </script>
143 144</head> 145<body data-organization-id="49424" > 146 <a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a> 147 <main id="main-content" role="main" data-maglev-dropzone> 148 <section class="grid grid-cols-2 gap-0 justify-center"> 149 <div class="bg-[var(--brand-primary)] w-full h-[40px] flex justify-center items-center px-4 col-span-2" role="banner" id="section-FYU2eG76" data-maglev-section-id="FYU2eG76" data-maglev-section-type="site_notification_01"> 150 <section class="flex items-center space-x-2 max-w-[1440px] w-full justify-center"> 151 <div class="w-[30px] h-[30px] overflow-hidden"> 152 <i class="text-white mds-food_bank" data-maglev-id="FYU2eG76.icon" aria-hidden="true"></i> 153 </div> 154 <span data-maglev-id="FYU2eG76.title" class="text-white text-[14px] font-normal leading-[24px] text-center line-clamp-2 overflow-hidden"><p><strong>Fresh-Grilled Kabobs Bringing Bold Afghan Flavors to <a href="/location/east-baltimore">East Baltimore</a></strong></p></span> 155 </section> 156</div><header class="sticky top-0 z-50 bg-[var(--bg-primary)] py-[16px] xl:py-[12px] shadow-md w-full col-span-2" id="section-dDb0AMpP" data-maglev-section-id="dDb0AMpP" data-maglev-section-type="standard_nav_01"> 157 <div class="flex justify-between items-center px-4 xl:px-8 mx-auto w-full xl:max-w-[1440px]"> 158 <div class="flex items-center"> 159 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 160 <a href="/" aria-label="Helmand Kabobi home"> 161 <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2Cavif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1650-e8d205ef-9cb8-4c24-a288-0a3223b5a127.png" alt="Helmand Kabobi logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 162 </a> 163 </div> 164 165 <nav role="navigation" aria-label="Main navigation" class="hidden xl:block"> 166 <ul class="flex"> 167 168 169 <li> 170 <a data-maglev-id="0v-zTu5qd4A.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="0v-zTu5qd4A.link.text">Home</span></a> 171 </li> 172 173 <li> 174 <a data-maglev-id="pS4mfATaWqI.link" class="flex bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="page" href="/our-story"><span data-maglev-id="pS4mfATaWqI.link.text">Our Story</span></a> 175 </li> 176 177 <li> 178 <a data-maglev-id="5R9zw1lMqiM.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="5R9zw1lMqiM.link.text">Catering</span></a> 179 </li> 180 181 <li> 182 <a data-maglev-id="8j8axFwwU2w.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="8j8axFwwU2w.link.text">Menu</span></a> 183 </li> 184 185 <li class="relative"> 186 <button id="more-menu-button" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3"> 187 More 188 <svg id="more-arrow" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 189 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 190 </svg> 191 </button> 192 <div id="more-dropdown" class="hidden fixed left-0 right-0 w-full z-50 transition-all duration-300"> 193 <div class="mx-auto max-w-7xl bg-[var(--bg-secondary)] shadow-lg p-6 rounded-lg dropdown-top-shadow"> 194 <div class="grid grid-cols-3 gap-4"> 195 <div class="w-full mb-2"> 196 <a data-maglev-id="aDUY5-1CGrY.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="aDUY5-1CGrY.link.text">Contact Us</span></a> 197 </div> 198 </div> 199 </div> 200 </div> 201 </li> 202 </ul> 203 </nav> 204 </div> 205 206 <!-- Right side: Mobile toggle + Desktop buttons --> 207 <div class="flex items-center gap-2"> 208 <!-- Mobile menu toggle --> 209 <div class="xl:hidden"> 210 <button id="menu-toggle" class="focus:outline-none" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu"> 211 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 212 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 213 </svg> 214 </button> 215 </div> 216 217 <!-- Desktop buttons (hidden on mobile) --> 218 <div class="hidden xl:flex items-center gap-2"> 219 <!-- Primary Order Now button (hardcoded) --> 220 <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> 221 222 <!-- Secondary button (optional, configurable) --> 223 </div> 224 </div> 225 </div> 226 227 <div id="mobile-menu" class="hidden fixed top-0 left-0 w-full h-full bg-[var(--bg-primary)] z-50 overflow-y-auto"> 228 <div class="flex justify-between items-center px-4 py-4 sticky top-0 bg-[var(--bg-primary)] z-10"> 229 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 230 <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2C
230avif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1650-e8d205ef-9cb8-4c24-a288-0a3223b5a127.png" alt="Helmand Kabobi logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 231 </div> 232 <button id="menu-close" class="focus:outline-none" aria-label="Close menu"> 233 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 234 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> 235 </svg> 236 </button> 237 </div> 238 239 <nav role="navigation" aria-label="Mobile navigation" class="pb-32"> 240 <ul class="flex flex-col items-start px-5 space-y-6 mt-8"> 241 242 <li> 243 <a data-maglev-id="0v-zTu5qd4A.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="0v-zTu5qd4A.link.text">Home</span></a> 244 </li> 245 246 <li> 247 <a data-maglev-id="pS4mfATaWqI.link" class="bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] py-2 px-4 text-sm font-semibold pl-3" aria-current="page" href="/our-story"><span data-maglev-id="pS4mfATaWqI.link.text">Our Story</span></a> 248 </li> 249 250 <li> 251 <a data-maglev-id="5R9zw1lMqiM.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="5R9zw1lMqiM.link.text">Catering</span></a> 252 </li> 253 254 <li> 255 <a data-maglev-id="8j8axFwwU2w.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="8j8axFwwU2w.link.text">Menu</span></a> 256 </li> 257 258 <li> 259 <a data-maglev-id="aDUY5-1CGrY.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="aDUY5-1CGrY.link.text">Contact Us</span></a> 260 </li> 261 </ul> 262 </nav> 263 264 <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)]"> 265 <!-- Primary Order Now button (hardcoded) --> 266 <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> 267 268 <!-- Secondary button (optional, configurable) --> 269 </div> 270 </div> 271</header>
272<script> 273 const menuToggle = document.getElementById('menu-toggle'); 274 const menuClose = document.getElementById('menu-close'); 275 const mobileMenu = document.getElementById('mobile-menu'); 276 277 menuToggle.addEventListener('click', () => { 278 mobileMenu.classList.remove('hidden'); 279 mobileMenu.setAttribute('aria-hidden', 'false'); 280 menuToggle.setAttribute('aria-expanded', 'true'); 281 }); 282 283 menuClose.addEventListener('click', () => { 284 mobileMenu.classList.add('hidden'); 285 mobileMenu.setAttribute('aria-hidden', 'true'); 286 menuToggle.setAttribute('aria-expanded', 'false'); 287 }); 288 289 document.addEventListener('DOMContentLoaded', function() { 290 // More menu dropdown functionality 291 const moreButton = document.getElementById('more-menu-button'); 292 const moreDropdown = document.getElementById('more-dropdown'); 293 const moreArrow = document.getElementById('more-arrow'); 294 295 if (moreButton && moreDropdown && moreArrow) { 296 let isOpen = false; 297 let isHoveringButton = false; 298 let isHoveringDropdown = false; 299 let dropdownTimeout; 300 301 function showDropdown() { 302 clearTimeout(dropdownTimeout); 303 moreDropdown.classList.remove('hidden'); 304 moreDropdown.style.opacity = '1'; 305 moreArrow.classList.add('rotate-180'); 306 isOpen = true; 307 } 308 309 function hideDropdown() { 310 moreDropdown.style.opacity = '0'; 311 moreArrow.classList.remove('rotate-180'); 312 313 dropdownTimeout = setTimeout(() => { 314 moreDropdown.classList.add('hidden'); 315 isOpen = false; 316 }, 300); 317 } 318 319 function toggleDropdown() { 320 if (isOpen) { 321 hideDropdown(); 322 } else { 323 showDropdown(); 324 } 325 } 326 327 function updateDropdownVisibility() { 328 if (isHoveringButton || isHoveringDropdown) { 329 showDropdown(); 330 } else { 331 hideDropdown(); 332 } 333 } 334 335 moreButton.addEventListener('click', function(e) { 336 e.preventDefault(); 337 toggleDropdown(); 338 }); 339 340 moreButton.addEventListener('mouseenter', () => { 341 isHoveringButton = true; 342 updateDropdownVisibility(); 343 }); 344 345 moreButton.addEventListener('mouseleave', () => { 346 isHoveringButton = false; 347 toggleDropdown(); 348 }); 349 350 moreDropdown.addEventListener('mouseenter', () => { 351 isHoveringDropdown = true; 352 updateDropdownVisibility(); 353 }); 354 355 moreDropdown.addEventListener('mouseleave', () => { 356 isHoveringDropdown = false; 357 toggleDropdown(); 358 }); 359 360 document.addEventListener('click', function(e) { 361 if (isOpen && !moreButton.contains(e.target) && !moreDropdown.contains(e.target)) { 362 hideDropdown(); 363 } 364 }); 365 } 366 367 // Locations dropdown functionality (desktop main nav) 368 const locationsContainers = document.querySelectorAll('.locations-dropdown-container'); 369 locationsContainers.forEach(container => { 370 const button = container.querySelector('.locations-dropdown-button'); 371 const dropdown = container.querySelector('.locations-dropdown'); 372 const arrow = container.querySelector('.locations-arrow'); 373 374 if (button && dropdown && arrow) { 375 let isOpen = false; 376 let hoverTimeout; 377 378 function showLocationsDropdown() { 379 clearTimeout(hoverTimeout); 380 dropdown.classList.remove('hidden'); 381 arrow.classList.add('rotate-180'); 382 isOpen = true; 383 } 384 385 function hideLocationsDropdown() { 386 hoverTimeout = setTimeout(() => { 387 dropdown.classList.add('hidden'); 388 arrow.classList.remove('rotate-180'); 389 isOpen = false; 390 }, 150); 391 } 392 393 button.addEventListener('click', (e) => { 394 e.preventDefault(); 395 if (isOpen) { 396 hideLocationsDropdown(); 397 } else { 398 showLocationsDropdown(); 399 } 400 }); 401 402 container.addEventListener('mouseenter', showLocationsDropdown); 403 container.addEventListener('mouseleave', hideLocationsDropdown); 404 405 document.addEventListener('click', (e) => { 406 if (isOpen && !container.contains(e.target)) { 407 dropdown.classList.add('hidden'); 408 arrow.classList.remove('rotate-180'); 409 isOpen = false;
410 } 411 }); 412 } 413 }); 414 415 // Locations dropdown in "More" menu 416 const locationsMoreContainers = document.querySelectorAll('.locations-more-dropdown-container'); 417 locationsMoreContainers.forEach(container => { 418 const button = container.querySelector('.locations-more-button'); 419 const dropdown = container.querySelector('.locations-more-dropdown'); 420 const arrow = container.querySelector('.locations-more-arrow'); 421 422 if (button && dropdown && arrow) { 423 let isOpen = false; 424 425 button.addEventListener('click', (e) => { 426 e.preventDefault(); 427 e.stopPropagation(); 428 if (isOpen) { 429 dropdown.classList.add('hidden'); 430 arrow.classList.remove('rotate-180'); 431 isOpen = false; 432 } else { 433 dropdown.classList.remove('hidden'); 434 arrow.classList.add('rotate-180'); 435 isOpen = true; 436 } 437 }); 438 439 container.addEventListener('mouseenter', () => { 440 dropdown.classList.remove('hidden'); 441 arrow.classList.add('rotate-180'); 442 isOpen = true; 443 }); 444 445 container.addEventListener('mouseleave', () => { 446 dropdown.classList.add('hidden'); 447 arrow.classList.remove('rotate-180'); 448 isOpen = false; 449 }); 450 } 451 }); 452 453 // Mobile locations toggle 454 const mobileLocationsToggles = document.querySelectorAll('.mobile-locations-toggle'); 455 mobileLocationsToggles.forEach(toggle => { 456 const arrow = toggle.querySelector('.mobile-locations-arrow'); 457 const list = toggle.parentElement.querySelector('.mobile-locations-list'); 458 459 if (arrow && list) { 460 toggle.addEventListener('click', (e) => { 461 e.preventDefault(); 462 list.classList.toggle('hidden'); 463 arrow.classList.toggle('rotate-180'); 464 }); 465 } 466 }); 467 }); 468</script>
468 469 470<style> 471 .rotate-180 { 472 transform: rotate(180deg); 473 transition: transform 300ms; 474 } 475 476 #more-dropdown { 477 opacity: 0; 478 transition: opacity 300ms; 479 position: absolute; 480 top: 100%; 481 left: 50%; 482 right: 0; 483 width: 80vw; 484 margin-left: auto; 485 margin-right: auto; 486 z-index: 50; 487 transform: translateX(calc(-50% + 10vw)); 488 } 489 490 .dropdown-top-shadow { 491 box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06), 492 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 493 } 494 495 .locations-dropdown { 496 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 497 } 498 499 .locations-more-dropdown { 500 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 501 } 502</style> 503 504 505<section class="w-full xl:px-0 col-span-2" role="banner" id="section-9RfvdzuS4Vc" data-maglev-section-id="9RfvdzuS4Vc" data-maglev-section-type="hero_cta_01"> 506 <div class="vidbg-37afdc08f1305dc5a821a43d w-full h-[680px] flex-shrink-0 relative mx-auto my-0 bg-cover bg-center" style="background-image: url(/maglev/assets/debb1cc9-fafa-41de-b8e3-4a2be45f7838-snapinsta-to_476231142_17847110046404533_7260013008040294007_n.avif);"> 507 508 509 <div class="absolute inset-0 bg-black/40 "></div> 510 511 <article class="absolute inset-0 flex flex-col justify-center mx-6 xl:mx-0 xl:pl-20 xl:py-16"> 512 <header class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]"> 513 <h2 data-maglev-id="9RfvdzuS4Vc.title" class="text-white font-semibold text-[14px] md:text-[24px] xl:text-[28px] leading-tight tracking-wide">Savoring the Tastes of Afghan Tradition & Hospitality</h2> 514 </header> 515 <div class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]"> 516 <p data-maglev-id="9RfvdzuS4Vc.description" class="text-white font-bold text-[20px] md:text-[48px] xl:text-[56px] leading-tight xl:leading-[64px]"></p> 517 </div> 518 <div class="mt-2"> 519 </div> 520 </article> 521 522 523 <style> 524 525 526 527 </style> 528 </div> 529</section> 530<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-y4bXQdGUH94" data-maglev-section-id="y4bXQdGUH94" data-maglev-section-type="image_left_01"> 531 <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1"> 532 <img src="/maglev/assets/20cca7d5-ef26-4d4b-88bc-0a01d4817458-snapinsta-to_476401882_17847110073404533_8715358143356782913_n.avif" alt="An Inviting Culinary Journey in Baltimore" data-maglev-id="y4bXQdGUH94.image" class="rounded-lg w-full h-auto object-cover" /> 533 </figure> 534 <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2"> 535 <h2 data-maglev-id="y4bXQdGUH94.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-a1652d1eb9d0">An Inviting Culinary Journey in Baltimore</h2> 536 537 <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4"> 538 <img src="/maglev/assets/20cca7d5-ef26-4d4b-88bc-0a01d4817458-snapinsta-to_476401882_17847110073404533_8715358143356782913_n.avif" alt="An Inviting Culinary Journey in Baltimore" data-maglev-id="y4bXQdGUH94.image" class="rounded-lg w-full h-auto object-cover" /> 539 </figure> 540 541 <p data-maglev-id="y4bXQdGUH94.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Welcome to Helmand Kabobi, an inviting bistro nestled right in the heart of Baltimore, MD. We pride ourselves on offering our guests an authentic culinary journey through the rich, ancient flavors of Afghan cuisine. Our warm ambiance and dedicated staff are here to ensure your visit is exceptional from the moment you step through our doors, making every meal a celebration of genuine Afghan tradition and hospitality.</p> 542 543 </article> 544</section> 545<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-FjzSonYwoGo" data-maglev-section-id="FjzSonYwoGo" data-maglev-section-type="image_right_01"> 546 <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2 xl:order-1"> 547 <h2 data-maglev-id="FjzSonYwoGo.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-14d4eafd6a05">Expertly Crafted with the Freshest Ingredients</h2> 548 549 <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4"> 550 <img src="/maglev/assets/aaa2f76a-4fc7-47d1-adf4-4083ac5fa75c-snapinsta-to_659394093_17902006017404533_4413317355342436567_n.avif" alt="Expertly Crafted with the Freshest Ingredients" data-maglev-id="FjzSonYwoGo.image" class="rounded-lg w-full h-auto object-cover" /> 551 </figure> 552 553 <p data-maglev-id="FjzSonYwoGo.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16
553px] font-normal leading-[24px] mt-4">We believe that great food begins with uncompromised quality. Our kitchen relies strictly on the freshest ingredients to ensure an unforgettable dining experience in every single bite. We balance vibrant, exotic herbs and spices with meticulous, professional preparation to turn out wholesome meals that are as deeply flavorful as they are healthy and nourishing.</p> 554 555 </article> 556 <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1 xl:order-2"> 557 <img src="/maglev/assets/aaa2f76a-4fc7-47d1-adf4-4083ac5fa75c-snapinsta-to_659394093_17902006017404533_4413317355342436567_n.avif" alt="Expertly Crafted with the Freshest Ingredients" data-maglev-id="FjzSonYwoGo.image" class="rounded-lg w-full h-auto object-cover" /> 558 </figure> 559</section> 560<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-sybu7lb2Ock" data-maglev-section-id="sybu7lb2Ock" data-maglev-section-type="image_left_01"> 561 <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1"> 562 <img src="/maglev/assets/27313f74-cd22-4712-89b0-b1bfeaea1fdd-snapinsta-to_476106688_17847110043404533_1339344947218977431_n.avif" alt="A Diverse Menu: From Flame to Slow Simmer" data-maglev-id="sybu7lb2Ock.image" class="rounded-lg w-full h-auto object-cover" /> 563 </figure> 564 <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2"> 565 <h2 data-maglev-id="sybu7lb2Ock.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-a51f76c4163e">A Diverse Menu: From Flame to Slow Simmer</h2> 566 567 <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4"> 568 <img src="/maglev/assets/27313f74-cd22-4712-89b0-b1bfeaea1fdd-snapinsta-to_476106688_17847110043404533_1339344947218977431_n.avif" alt="A Diverse Menu: From Flame to Slow Simmer" data-maglev-id="sybu7lb2Ock.image" class="rounded-lg w-full h-auto object-cover" /> 569 </figure> 570 571 <p data-maglev-id="sybu7lb2Ock.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Our expertly crafted menu showcases the absolute best of traditional Afghan cooking. Guests can indulge in everything from our tender, smoky char-grilled kabobs and fragrant rice pilafs to our deeply rich, savory stews. We also offer a vibrant variety of scratch-made vegetarian and vegan-friendly specialties, ensuring a welcoming table with diverse, satisfying options for every palate.</p> 572 573 </article> 574</section> 575<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-u-ZwNrjt0WY" data-maglev-section-id="u-ZwNrjt0WY" data-maglev-section-type="image_right_01"> 576 <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2 xl:order-1"> 577 <h2 data-maglev-id="u-ZwNrjt0WY.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-fe3397e005ad">Exceptional Care for Casual Lunches & Special Dinners</h2> 578 579 <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4"> 580 <img src="/maglev/assets/bac0d310-15c5-4644-b383-930bebf92798-snapinsta-to_476354654_17847273585404533_180070041034138360_n.avif" alt="Exceptional Care for Casual Lunches & Special Dinners" data-maglev-id="u-ZwNrjt0WY.image" class="rounded-lg w-full h-auto object-cover" /> 581 </figure> 582 583 <p data-maglev-id="u-ZwNrjt0WY.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Whether you are joining us for a quick, casual lunch break during the busy workweek or gathering with loved ones for a special weekend dinner, our North Wolfe Street bistro is your neighborhood haven. Our team treats every guest like an honored family member, pairing our comforting, heritage-focused dishes with attentive, gentle hospital
583ity to make Helmand Kabobi a memorable dining tradition.</p> 584 585 <a data-maglev-id="u-ZwNrjt0WY.button" class="inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 flex-shrink-0 bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%] rounded-[6px] mt-7" aria-label="Start Your Order â Exceptional Care for Casual Lunches & Special Dinners" href="/stores"><span data-maglev-id="u-ZwNrjt0WY.button.text">Start Your Order</span></a> 586 </article> 587 <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1 xl:order-2"> 588 <img src="/maglev/assets/bac0d310-15c5-4644-b383-930bebf92798-snapinsta-to_476354654_17847273585404533_180070041034138360_n.avif" alt="Exceptional Care for Casual Lunches & Special Dinners" data-maglev-id="u-ZwNrjt0WY.image" class="rounded-lg w-full h-auto object-cover" /> 589 </figure> 590</section><section class="w-full xl:max-w-[1440px] mx-auto h-auto flex-shrink-0 bg-[var(--brand-primary)]/[var(--active-bg-opacity)] relative flex flex-col items-start justify-center px-10 xl:px-20 py-10 xl:py-20 col-span-2" id="section-hVcroPuC" data-maglev-section-id="hVcroPuC" data-maglev-section-type="text_cta_01"> 591 <article class="text-left"> 592 <h2 class="text-[var(--text-primary)] text-[32px] xl:text-[48px] font-semibold tracking-[-0.48px] leading-tight xl:leading-none"> 593 <div data-maglev-id="hVcroPuC.title">Order authentic Afghan kebabs and more online for quick pickup.</div> 594 </h2> 595 <a data-maglev-id="hVcroPuC.button" class="mt-6 bg-[var(--brand-primary)] text-white text-[15px] font-semibold leading-[150%] inline-flex h-[48px] px-[32px] justify-center items-center gap-2 rounded-md hover:brightness-90 md:w-auto" aria-label="Order Now â Order authentic Afghan kebabs and more online for quick pickup." href="/stores"><span data-maglev-id="hVcroPuC.button.text">Order Now</span></a> 596 </article> 597</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-C803vDZW" data-maglev-section-id="C803vDZW" data-maglev-section-type="standard_footer_01"> 598 <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6"> 599 600 <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4"> 601 <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"> 602 <a data-maglev-id="-5k7N8ilZ8A.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="-5k7N8ilZ8A.link.text">Catering</span></a> 603 </nav> 604 605 <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"> 606 <a data-maglev-id="Q_Eo4leKgLs.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/helmandkabobi/"> 607 <i class="text-[24px] pt-[4px] fa-brands fa-facebook-f" data-maglev-id="Q_Eo4leKgLs.icon"></i> 608</a> <a data-maglev-id="IZ9WrsnxIb8.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/helmandkabobibaltimore/"> 609 <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="IZ9WrsnxIb8.icon"></i> 610</a> <a data-maglev-id="7UNtimqHN7s.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: 410-327-2230"> 611 <i class="text-[24px] pt-[4px] mds-filled-phone_enabled" data-maglev-id="7UNtimqHN7s.icon"></i> 612</a> </nav> 613 614 <div class="col-span-1 hidden xl:block order-3"></div> 615 </div> 616 617 <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"> 618 <nav class="flex flex-wrap justify-center xl:justify-start flex-grow
618space-x-4 xl:space-x-6 xl:pl-0" aria-label="Legal links"> 619 <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> 620 <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> 621 </nav> 622 623 <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization"> 624 <span>Helmand Kabobi</span>⢠<span itemprop="copyrightYear">2026</span> All Rights Reserved 625 </p> 626 <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p> 627 </div> 628 </div> 629</footer> 630 </section> 631 </main> 632 633</body> 634</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.