1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>Contact Us | Hours & Directions | Helmand Kabobi 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="Join us on N Wolfe St near Johns Hopkins. Find our weekday and Saturday operating hours, telephone numbers, and easy driving directions." /> 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/contact-us" /> 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/contact-us" /> 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="mLXIm1M1Z_M.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="mLXIm1M1Z_M.link.text">Home</span></a> 171 </li> 172 173 <li> 174 <a data-maglev-id="LsAcMtVQz80.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="LsAcMtVQz80.link.text">Our Story</span></a> 175 </li> 176 177 <li> 178 <a data-maglev-id="q4BI7Zf6dZ4.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="q4BI7Zf6dZ4.link.text">Catering</span></a> 179 </li> 180 181 <li> 182 <a data-maglev-id="0rmCoxaoxWs.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="0rmCoxaoxWs.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="hKykjBQ3lwo.link" class="bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="page" href="/contact-us"><span data-maglev-id="hKykjBQ3lwo.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="mLXIm1M1Z_M.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="mLXIm1M1Z_M.link.text">Home</span></a> 244 </li> 245 246 <li> 247 <a data-maglev-id="LsAcMtVQz80.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="LsAcMtVQz80.link.text">Our Story</span></a> 248 </li> 249 250 <li> 251 <a data-maglev-id="q4BI7Zf6dZ4.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="q4BI7Zf6dZ4.link.text">Catering</span></a> 252 </li> 253 254 <li> 255 <a data-maglev-id="0rmCoxaoxWs.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="0rmCoxaoxWs.link.text">Menu</span></a> 256 </li> 257 258 <li> 259 <a data-maglev-id="hKykjBQ3lwo.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="/contact-us"><span data-maglev-id="hKykjBQ3lwo.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<section class="flex justify-center py-10 px-4 xl:px-0 col-span-2" aria-labelledby="contact-title" itemscope="itemscope" itemtype="https://schema.org/ContactPage" id="section-_LdfZMObePA" data-maglev-section-id="_LdfZMObePA" data-maglev-section-type="contact_us_01"> 504 505 <div class="flex flex-col xl:flex-row w-full max-w-[1440px] mx-auto gap-10"> 506 <!-- Left Column - Hero Image --> 507 <figure class="w-full xl:w-[580px] aspect-[16/9] md:aspect-[4/3] xl:aspect-square flex-shrink-0 relative rounded-lg bg-cover bg-center" style="background-image: url(/maglev/assets/7f5daa45-bfe3-4100-8a8b-8d1237004ba6-snapinsta-to_475447784_17847273576404533_5912421805146223929_n.avif);" aria-label="Get In Touch With Us"> 508 <div class="absolute inset-0 rounded-lg bg-black/40"></div> 509 <figcaption class="absolute inset-0 flex flex-col justify-center px-6 xl:px-14"> 510 <h1 data-maglev-id="_LdfZMObePA.title" id="contact-title" class="text-white font-bold text-[40px] xl:text-[60px] md:text-[60px] leading-[50px] md:leading-[75px] xl:leading-none md:max-w-[500px] xl:max-w-[420px] md:mx-auto md:text-left xl:text-left">Get In Touch With Us</h1> 511 </figcaption> 512 </figure> 513 514 <!-- Right Column - Form --> 515 <div class="w-full xl:w-[580px] h-auto xl:h-auto flex-shrink-0 bg-[var(--bg-form)] rounded-lg shadow-md p-6 xl:p-8"> 516 <!-- Display Flash Messages --> 517 <div class="mb-4" id="flash-wrapper" aria-live="polite"> 518 <div id="flash-error-wrapper" class="hidden mb-2 p-4 bg-red-100 border border-red-400 text-red-700 rounded" role="alert"> 519 <ul id="flash-error-list"></ul> 520 </div> 521 522 <div id="flash-success-wrapper" class="hidden p-4 bg-green-100 border border-green-400 text-green-700 rounded" role="status"></div> 523 </div> 524 525 <form id="contact-form" class="space-y-6 w-full md:w-[344px] xl:w-full xl:mx-0 mx-auto" enctype="multipart/form-data" action="/contact-us" accept-charset="UTF-8" method="post"> 526 <input id="redirect_uri" autocomplete="off" type="hidden" name="redirect_uri" /> 527 <input value="bY6YjOmZKvoEq3Ku5IFq7hHIVYF53pDgOQ==--at/SW6/soL+DGvGk--gnRWTEJc7OKScZzuqwZUBg==" id="recipient_email" autocomplete="off" type="hidden" name="recipient_email" /> 528 <input value="0mI=--xDukJfscrtXbqkMr--VXhxbGjX9vKR2gdQ7U0iHA==" id="subject" autocomplete="off" type="hidden" name="subject" /> 529 <!-- Full Name Field (Optional) --> 530 <fieldset> 531 <legend class="sr-only">Full Name</legend> 532 <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="name"> 533 Full Name <span class="font-normal"></span> 534</label> <input placeholder="Full name" class="w-full mt-2 p-3 border text-[var(--text-primary)] border-[var(--border-secondary)] bg-[var(--bg-form)] rounded-lg placeholder:text-[var(--placeholder-text)] placeholder:text-[15px] placeholder:font-normal focus:border-[var(--focus-border)] focus:outline-none" aria-describedby="name-error" type="text" name="name" id="name" /> 535 <small class="text-red-600 hidden" id="name-error">Name cannot exceed 100 characters.</small> 536 </fieldset> 537 538 <!-- Email Field (Required) --> 539 <fieldset> 540 <legend class="sr-only">Email</legend> 541 <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="email"> 542 Email <span class="font-normal">(required)</span> 543</label> <input placeholder="[email protected]" class="w-full mt-2 p-3 border text-[var(--text-primary)] border-[var(--border-secondary)] bg-[var(--bg-form)] rounded-lg placeholder:text-[var(--placeholder-text)] placeholder:text-[15px] placeholder:font-normal focus:border-[var(--focus-border)] focus:outline-none" required="required" aria-describedby="email-error" type="email" name="email" id="email" /> 544 <small class="text-red-600 hidden" id="email-error">Please enter a valid email address.</small> 545 </fieldset> 546 547 <!-- Phone Field (Optional) --> 548 <fieldset> 549 <legend class="sr-only">Phone</legend> 550 <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="phone"> 551 Phone <span class="font-normal"></span> 552</label> <input placeholder="123-456-7890" class="phone-mask w-full mt-2 p-3 border text-[var(--text-primary)] border-[var(--border-secondary)] bg-[var(--bg-form)] rounded-lg placeholder:text-[var(--placeholder-text)] placeholder:text-[15px] placeholder:font-normal focus:border-[var(--focus-border)] focus:outline-none" aria-describedby="phone-error" type="tel" name="phone" id="phone" /> 553 <small class="text-red-600 hidden" id="phone-error">Please enter a valid phone number (e.g., 123-456-7890 or 1234567890)</small> 554 </fieldset> 555 556 <input type="hidden" name="g-recaptcha-response" class="g-recaptcha-response"> 557 558 <!-- Message Field (Required) --> 559 <fieldset> 560 <legend class="sr-only">Message</legend> 561 <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="message"> 562 Message <span class="font-normal">(required)</span> 563</label> <textarea placeholder="Your message here..." class="w-full h-32 mt-2 p-3 border text-[var(--text-primary)] border-[var(--border-secondary)] bg-[var(--bg-form)] rounded-lg placeholder:text-[var(--placeholder-text)] placeholder:text-[15px] placeholder:font-normal focus:border-[var(--focus-border)] focus:outline-none" required="required" aria-describedby="message-error" name="message" id="message"> 564</textarea> 565 <small class="text-red-600 hidden" id="message-error">Please enter your message (maximum 1000 characters).</small> 566 </fieldset> 567 568 569 <div class="mt-6 flex flex-col xl:flex-row justify-between items-center gap-4"> 570 <!-- Submit Button --> 571 <div class="w-full xl:w-auto"> 572 <input type="submit" name="commit" value="Submit" class="inline-flex h-12 w-full xl:w-auto px-8 justify-center items-center gap-2 flex-shrink-0 rounded-[6px] text-white text-[15px] font-semibold leading-[150%] hover:brightness-90 g-recaptcha" style="background-color: rgb(48, 204, 205);" data-sitekey="6LcsffgqAAAAANLXQa19TOl4LbE2V7eS6PfaYhiT" data-callback="onContactSubmit" data-action="submit" data-disable-with="Submit" /> 573 </div> 574 </div> 575</form> 576 <!-- jQuery Validation Script --> 577
577<script type="module"> 578 $(document).ready(function() { 579 // Set the redirect_uri to the current page URL 580 $("#redirect_uri").val(window.location.href); 581 582 $("input[name='phone']").mask("000-000-0000"); 583 584 var urlParams = new URLSearchParams(window.location.search); 585 586 if (urlParams.has("errors[]") || urlParams.has("notice")) { 587 $("#flash-wrapper").removeClass("hidden"); 588 589 if (urlParams.has("errors[]")) { 590 $("#flash-error-wrapper").removeClass("hidden"); 591 592 let errors = urlParams.getAll("errors[]"); 593 594 let errorHtml = ""; 595 for(let i=0; i<errors.length; i++) { 596 errorHtml += `<li>${errors[i]}</li>`; 597 } 598 599 $("#flash-error-list").html(errorHtml); 600 } else { 601 $("#flash-success-wrapper").removeClass("hidden"); 602 $("#flash-success-wrapper").text(urlParams.get("notice")); 603 } 604 605 // Scroll to the contact form if the URL contains the "contact" parameter 606 document.getElementById("contact-form").scrollIntoView({ behavior: 'smooth' }); 607 } 608 609 // File input change handler 610 $('input[type="file"]').on('change', function() { 611 const fileError = $('#file-error'); 612 const acceptedFileTypes = $('#accepted-file-types'); 613 614 if (this.files.length > 0) { 615 const file = this.files[0]; 616 const allowedTypes = $(this).data('allowed-types').split(','); 617 const fileExtension = '.' + file.name.split('.').pop().toLowerCase(); 618 619 if (allowedTypes.includes(fileExtension)) { 620 fileError.addClass('hidden'); 621 acceptedFileTypes.removeClass('hidden'); 622 } 623 } 624 }); 625 }); 626 627 628 window.onContactSubmit = function(token) { 629 $(".text-red-600").addClass("hidden"); // Hide all error messages 630 631 $("#contact-form .g-recaptcha-response").val(token); 632 633 let isValid = true; 634 635 // Validate Full Name (Optional, max 100 characters) 636 const name = $("input[name='name']").val().trim(); 637 if (name.length > 100) { 638 $("#name-error").removeClass("hidden"); 639 isValid = false; 640 } 641 642 // Validate Email (Required and format) 643 const email = $("input[name='email']").val().trim(); 644 const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; 645 if (email === "" || !emailPattern.test(email)) { 646 $("#email-error").removeClass("hidden"); 647 isValid = false; 648 } 649 650 // Validate Phone (Optional, accepts both formats) 651 const phone = $("input[name='phone']").val().trim(); 652 const phonePatternWithDashes = /^\d{3}-\d{3}-\d{4}$/; 653 const phonePatternNumeric = /^\d{10}$/; 654 if (phone !== "" && !phonePatternWithDashes.test(phone) && !phonePatternNumeric.test(phone)) { 655 $("#phone-error") 656 .text("Please enter a valid phone number (e.g., 123-456-7890 or 1234567890)") 657 .removeClass("hidden"); 658 isValid = false; 659 } 660 661 // Validate Message (Required, max 1000 characters) 662 const message = $("textarea[name='message']").val().trim(); 663 if (message === "") { 664 $("#message-error").removeClass("hidden"); 665 isValid = false; 666 } else if (message.length > 1000) { 667 $("#message-error").text("Message cannot exceed 1000 characters.").removeClass("hidden"); 668 isValid = false; 669 } else { 670 $("#message-error").text("Please enter your message (maximum 1000 characters).").addClass("hidden"); 671 } 672 673 // Validate File Upload if enabled 674 const fileInput = $('input[type="file"]'); 675 if (fileInput.length && fileInput[0].files.length > 0) { 676 const file = fileInput[0].files[0]; 677 const maxSize = parseInt(fileInput.data('max-size')); 678 const allowedTypes = fileInput.data('allowed-types').split(','); 679 const fileError = $('#file-error'); 680 const acceptedFileTypes = $('#accepted-file-types'); 681 let fileWithError = false;
682 683 // Check file size 684 if (file.size > maxSize) { 685 fileError.text('File size must be less than 5MB'); 686 fileError.removeClass('hidden'); 687 acceptedFileTypes.addClass('hidden'); 688 isValid = false; 689 fileWithError = true; 690 } else { 691 acceptedFileTypes.removeClass('hidden'); 692 } 693 694 // Check file type 695 const fileExtension = '.' + file.name.split('.').pop().toLowerCase(); 696 if (!allowedTypes.includes(fileExtension)) { 697 fileError.text('Invalid file type. Please upload PDF, DOC, DOCX, or TXT files only. (max 5MB)'); 698 fileError.removeClass('hidden'); 699 acceptedFileTypes.addClass('hidden'); 700 isValid = false; 701 fileWithError = true; 702 } 703 704 if (fileWithError) { 705 acceptedFileTypes.addClass('hidden'); 706 } else { 707 acceptedFileTypes.removeClass('hidden'); 708 } 709 } 710 711 if (isValid) { 712 $('#contact-form').submit(); 713 } 714 }; 715 </script>
715 716 </div> 717 </div> 718 719 <!-- Schema.org JSON-LD structured data --> 720
720<script type="application/ld+json"> 721 { 722 "@context": "https://schema.org", 723 "@type": "ContactPage", 724 "name": "Get In Touch With Us", 725 "description": "Contact us form for inquiries and messages.", 726 "url": "https://www.helmandkabobi.com/contact-us", 727 "mainEntity": { 728 "@type": "Organization", 729 "contactPoint": { 730 "@type": "ContactPoint", 731 "contactType": "customer service", 732 "email": "[email protected]" 733 } 734 } 735 } 736 </script>
736 737</section><section class="w-full flex justify-center py-10 col-span-2" data-location_id="section-b5a300d8-e74e-42bf-a0ad-5f2ee32f2397" aria-label="Locations information" id="section-_uW7lDQG" data-maglev-section-id="_uW7lDQG" data-maglev-section-type="dynamic_locations_01"> 738 739 740 741 742 <section class="w-full xl:max-w-[1440px] h-auto flex-shrink-0 bg-[var(--bg-secondary)] p-8"> 743 <header class="w-full flex flex-col items-center px-4 xl:px-0"> 744 <h2 data-maglev-id="_uW7lDQG.title" class="text-[var(--text-primary)] text-center text-[32px] xl:text-[48px] font-semibold leading-[normal] tracking-[-0.48px]" id="locations-heading-b5a300d8-e74e-42bf-a0ad-5f2ee32f2397">Helmand Kabobi Baltimore Location</h2> 745 <p data-maglev-id="_uW7lDQG.subtitle" class="text-[var(--text-secondary)] text-center text-[16px] font-normal leading-[24px] mt-2">Come experience authentic Afghan flavors in the heart of North Wolfe St.</p> 746 </header> 747 748 749 <div data-location_wrapper_id="b5a300d8-e74e-42bf-a0ad-5f2ee32f2397-0" class="mt-10 mx-auto w-full max-w-[1057px] flex flex-col xl:flex-row justify-center"> 750 <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"> 751 <header> 752 <h3 class="text-[var(--text-primary)] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]"> 753 Helmand Kabobi | Afghan Restaurant 754 </h3> 755 756 <nav class="mt-4 flex flex-wrap gap-2 md:flex-nowrap md:space-x-3 md:overflow-x-auto" aria-label="Location navigation"> 757 758 <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">
759 <a href="#" data-switch_location="b5a300d8-e74e-42bf-a0ad-5f2ee32f2397-0" class="text-[14px] font-semibold leading-[140%]" aria-current="page"> 760 Helmand Kabobi | Afghan Restaurant - Baltimore 855 North Wolfe Street 761 </a> 762 </div> 763 </nav> 764 </header> 765 766 <address class="mt-6 flex items-center space-x-3 not-italic"> 767 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 768 <path 769 d="M9.99992 17.7712C9.80547 17.7712 9.61103 17.7364 9.41658 17.667C9.22214 17.5975 9.04853 17.4934 8.89575 17.3545C7.99297 16.5212 7.19436 15.7087 6.49992 14.917C5.80547 14.1253 5.22561 13.358 4.76034 12.6149C4.29506 11.8719 3.94089 11.1566 3.69784 10.4691C3.45478 9.78158 3.33325 9.12533 3.33325 8.50033C3.33325 6.41699 4.00339 4.75727 5.34367 3.52116C6.68395 2.28505 8.23603 1.66699 9.99992 1.66699C11.7638 1.66699 13.3159 2.28505 14.6562 3.52116C15.9964 4.75727 16.6666 6.41699 16.6666 8.50033C16.6666 9.12533 16.5451 9.78158 16.302 10.4691C16.0589 11.1566 15.7048 11.8719 15.2395 12.6149C14.7742 13.358 14.1944 14.1253 13.4999 14.917C12.8055 15.7087 12.0069 16.5212 11.1041 17.3545C10.9513 17.4934 10.7777 17.5975 10.5833 17.667C10.3888 17.7364 10.1944 17.7712 9.99992 17.7712ZM9.99992 10.0003C10.4583 10.0003 10.8506 9.83713 11.177 9.51074C11.5034 9.18435 11.6666 8.79199 11.6666 8.33366C11.6666 7.87533 11.5034 7.48296 11.177 7.15658C10.8506 6.83019 10.4583 6.66699 9.99992 6.66699C9.54158 6.66699 9.14922 6.83019 8.82283 7.15658C8.49645 7.48296 8.33325 7.87533 8.33325 8.33366C8.33325 8.79199 8.49645 9.18435 8.82283 9.51074C9.14922 9.83713 9.54158 10.0003 9.99992 10.0003Z" 770 fill="#666666"></path> 771 </svg> 772 <a href="https://www.google.com/maps/search/?api=1&query=855%20North%20Wolfe%20Street%2C%20Baltimore%2C%20MD%2C%2021205%2C%20US" target="_blank" 773 class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]"> 774 855 North Wolfe Street, Baltimore, MD, 21205, US 775 </a> 776 </address> 777 778 <div class="mt-6 flex items-center space-x-3"> 779 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 780 <path 781 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" 782 fill="#666666"></path> 783 </svg> 784 <a href="tel:4103272230" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]"> 785 410-327-2230 786 </a> 787 </div> 788 789 <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between"> 790 <div class="flex flex-wrap space-x-3"> 791 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 792 <path 793 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" 794 fill="#666666"></path> 795 </svg> 796 <div> 797 <section class="text-[var(--text-primary)] mt-0
797space-y-2"> 798 <div class="sr-only" aria-hidden="false">Business Hours</div> 799 <b>Sunday:</b> 800 <div class="inline"> 801 Closed 802 </div> 803 <br /> 804 <b>Monday:</b> 805 <div class="inline"> 806 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="20:00" datetime="20:00" class="inline">8:00 PM</time> 807 </div> 808 <br /> 809 <b>Tuesday:</b> 810 <div class="inline"> 811 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="20:00" datetime="20:00" class="inline">8:00 PM</time> 812 </div> 813 <br /> 814 <b>Wednesday:</b> 815 <div class="inline"> 816 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="20:00" datetime="20:00" class="inline">8:00 PM</time> 817 </div> 818 <br /> 819 <b>Thursday:</b> 820 <div class="inline"> 821 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="20:00" datetime="20:00" class="inline">8:00 PM</time> 822 </div> 823 <br /> 824 <b>Friday:</b> 825 <div class="inline"> 826 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="20:00" datetime="20:00" class="inline">8:00 PM</time> 827 </div> 828 <br /> 829 <b>Saturday:</b> 830 <div class="inline"> 831 <time content="09:00" datetime="09:00" class="inline">9:00 AM</time> - <time content="15:00" datetime="15:00" class="inline">3:00 PM</time> 832 </div> 833 <br /> 834</section> 835 </div> 836 </div> 837 838 <div class="flex flex-col justify-end items-center xl:items-end"> 839 <a href="/stores" 840 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%]"> 841 Start an order 842 </a> 843 </div> 844 </div> 845 </article> 846 847 <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden"> 848 <a href="https://www.google.com/maps/search/?api=1&query=855%20North%20Wolfe%20Street%2C%20Baltimore%2C%20MD%2C%2021205%2C%20US" target="_blank" rel="noopener noreferrer" aria-label="Open Helmand Kabobi | Afghan Restaurant - 855 North Wolfe Street, Baltimore, MD, 21205, US in Google Maps" class="block w-full h-full"> 849 <img src="/maps/855%20North%20Wolfe%20Street%2C%20Baltimore%2C%20MD%2C%2021205%2C%20US/359/418.png" alt="Map of Helmand Kabobi | Afghan Restaurant - 855 North Wolfe Street, Baltimore, MD, 21205, US" loading="lazy" width="359" height="418" class="w-full h-full object-cover"> 850</a> 851 852 </figure> 853 </div> 854 </section> 855 856
856<script type="module"> 857 $(document).on('click', '[data-location_id=section-b5a300d8-e74e-42bf-a0ad-5f2ee32f2397] [data-switch_location]', function(e) { 858 e.preventDefault(); 859 const idx = $(this).data('switch_location'); 860 $('[data-location_id=section-b5a300d8-e74e-42bf-a0ad-5f2ee32f2397] [data-location_wrapper_id]').addClass('hidden'); 861 $('[data-location_id=section-b5a300d8-e74e-42bf-a0ad-5f2ee32f2397] [data-location_wrapper_id=' + idx + ']').removeClass('hidden'); 862 }); 863 </script>
863 864 865</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"> 866 <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6"> 867 868 <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4"> 869 <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"> 870 <a data-maglev-id="rJcs0OfjM3Q.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="rJcs0OfjM3Q.link.text">Catering</span></a> 871 </nav> 872 873 <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"> 874 <a data-maglev-id="LJ1eYj5besA.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/"> 875 <i class="text-[24px] pt-[4px] fa-brands fa-facebook-f" data-maglev-id="LJ1eYj5besA.icon"></i> 876</a> <a data-maglev-id="0jm4Xo0ubZE.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/"> 877 <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="0jm4Xo0ubZE.icon"></i> 878</a> <a data-maglev-id="QmS94x7aANY.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"> 879 <i class="text-[24px] pt-[4px] mds-filled-phone_enabled" data-maglev-id="QmS94x7aANY.icon"></i> 880</a> </nav> 881 882 <div class="col-span-1 hidden xl:block order-3"></div> 883 </div> 884 885 <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"> 886 <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"> 887 <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> 888 <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> 889 </nav> 890 891 <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization"> 892 <span>Helmand Kabobi</span>⢠<span itemprop="copyrightYear">2026</span> All Rights Reserved 893 </p> 894 <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p> 895 </div> 896 </div> 897</footer> 898 </section> 899 </main> 900 901</body> 902</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.