PageSourceSearch

https://www.helmandkabobi.com/our-story

html helmandkabobi.com collected 2026-10-04 09:48:13 UTC 41,702 bytes, 634 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <title>Our Story &amp; 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&amp;family=Raleway:wght@400;700&amp;display=swap"
81          rel="preload" as="style">
82    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&amp;family=Raleway:wght@400;700&amp;display=swap"
83          rel="stylesheet">
84
85  <style>
86    
87    :root {
88        /* Light theme colors */
89        --bg-primary: white;
90        --bg-secondary: #F2F2F2;
91        --bg-form: white;
92        --text-primary: #212121;
93        --text-secondary: #666;
94        --text-muted: #666666;
95        --border-primary: #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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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.