PageSourceSearch

https://www.midtownsportsgrill.com/menu

html midtownsportsgrill.com collected 2026-09-29 21:07:58 UTC 32,407 bytes, 568 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <title>Midtown Sports Grill Menu | Burgers, Wings &amp; Crab Claws | Midtown Sports Grill | Sports Bar &amp; Grill | Savannah, GA</title>
5  <meta content="width=device-width, initial-scale=1" name="viewport">
6  <meta charset="UTF-8">
7  
8  <meta name="description" content="Explore our menu featuring our famous Bleu Chips, fresh fried crab claws, and house-made pimento cheese. Authentic Savannah pub food at its finest." />  
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.midtownsportsgrill.com/menu" />
14
15  <link rel="icon" type="image/png" href="https://chowly-coo-configuration-assets.nyc3.digitaloceanspaces.com/chowly-coo-prod-configuration-assets/public/assets/Favicon-674-ec438357-8c14-4db4-9fd2-f1e5e433251f.png">
16  <link rel="canonical" href="https://www.midtownsportsgrill.com/menu" />
17
18  
19
20  
21
22  <link rel="stylesheet" href="/assets/site-7898ec93455c52ac14cb3475434c1367cb237b733dfa3dcd82f9b1844f58ac62.css" data-turbo-track="reload" />
23  <link rel="stylesheet" href="/assets/icons-8a8adf1b209dcf6019c445e5477d00b79192f6726b65fd7cf29cf43036ec3917.css" data-turbo-track="reload" />
24
25  
25<script type="importmap" data-turbo-track="reload">{
26  "imports": {
27    "application": "/assets/application-4a1c1d27c11faa4dbac51fff4126422169b85739cdee3e8b89ea183bc17a2c23.js",
28    "@hotwired/turbo-rails": "/assets/turbo.min-f3765a09513ca1417099ce92257ef54b9d4cf3a7addc7dcbb1d6d848d307ee8a.js",
29    "@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js",
30    "@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js",
31    "site": "/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js",
32    "local-time": "/assets/local-time-821d43d4efe5c285055b57aea1a1f04a89a1019f689de214873d5af45a3ab3d7.js",
33    "jquery": "/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js",
34    "jquery-mask-plugin": "/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js",
35    "alpinejs": "/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js",
36    "swiper": "/assets/swiper-7f75dbb82de8bbee0e764cde34bb5d2b466cf29a41dbcec463259a2c0c272bc5.js",
37    "libraries/vidbg": "/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js",
38    "controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js",
39    "controllers/hello_controller": "/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js",
40    "controllers": "/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js"
41  }
42}</script>
42
43<link rel="modulepreload" href="/assets/site-4b047adea2bfbedbd09cb582dd17c2c15e218d15c9dc17cfa26985c983bcea78.js">
44<link rel="modulepreload" href="/assets/jquery-9292661fe0d8c5ef2ef35f5ca64d541d70c87e9f6d7f2716d646591a295b7f36.js">
45<link rel="modulepreload" href="/assets/jquery-mask-plugin-12f491759485d6e50f909cf5fb641f245011016ab91b9043c057666fe07a99c0.js">
46<link rel="modulepreload" href="/assets/alpinejs-1330ff78f6252d676b60ac1291d71df4f04e542899717f8ee4d03a79dec27045.js">
47<link rel="modulepreload" href="/assets/swiper-7f75dbb82de8bbee0e764cde34bb5d2b466cf29a41dbcec463259a2c0c272bc5.js">
48<script type="module">import "site"</script>
48
49
50  <link rel="preconnect" href="https://fonts.googleapis.com">
51  <link rel="preconnect" href="https://cdnjs.cloudflare.com">
52  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
53  <link rel="preconnect" href="https://maps.googleapis.com" crossorigin>
54
55
56  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block"
57        rel="preload" as="style">
58  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,700,0..1,0&icon_names=17mp,add_card,ads_click,app_promo,attach_money,award_star,bakery_dining,bookmark_star,breakfast_dining,brightness_alert,cake,cake_add,cleaning_bucket,coffee,credit_card,date_range,directions_bus,drag_click,emoji_food_beverage,explosion,fastfood,featured_seasonal_and_gifts,fiber_new,file_map,file_map_stack,fireplace,food_bank,fork_spoon,glass_cup,home_pin,kid_star,local_bar,local_dining,local_fire_department,local_pizza,location_on,lunch_dining,mail,mark_email_unread,motorcycle,online_prediction,open_in_phone,phone_enabled,pin_drop,potted_plant,priority,quick_reorder,ramen_dining,restaurant,rice_bowl,sell,sentiment_excited,set_meal,settings_cell,shopping_bag,skillet_cooktop,smartphone,soup_kitchen,sports_football,star,star_rate,stockpot,trophy,volunteer_activism,wifi_calling_bar_1,wine_bar&display=block"
59      rel="stylesheet">
60
61  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css"
62        rel="preload" as="style">
63  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css"
64      rel="stylesheet">
65
66  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css"
67        rel="preload" as="style">
68  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css"
69      rel="stylesheet">
vendor: 75 bytes, lines 69-71
69
70    
71  <script src="https://www.google.com/recaptcha/enterprise.js?render=
716LcsffgqAAAAANLXQa19TOl4LbE2V7eS6PfaYhiT
vendor: 20 bytes, lines 71-72
71" defer></script>
72  
72<script
73    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAkzXdhpOE3VmUpHjl1ZqL5VBuLpJmMrkc&libraries=maps,marker"
74    async></script>
74
75  
76  
76<script>
77    if (!window.origin.includes('http://localhost')) {
78      window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])};
79      heap.load((window.origin.includes('chowly.dev') ? '3177339425' : '3745098455'));
80    }
81  </script>
81
82
83    <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
84          rel="preload" as="style">
85    <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
86          rel="stylesheet">
87
88  <style>
89    
90    :root {
91        /* Light theme colors */
92        --bg-primary: white;
93        --bg-secondary: #F2F2F2;
94        --bg-form: white;
95        --text-primary: #212121;
96        --text-secondary: #666;
97        --text-muted: #666666;
98        --border-primary: #2e549a;
99        --border-secondary: #D7D7D7;
100        --stroke-primary: #2e549a;
101        --stroke-secondary: currentColor;
102        --active-bg-opacity: 8%;
103        --active-text: #2e549a;
104        --hover-bg-opacity: 8%;
105        --hover-text: #2e549a;
106        --link-text: #666;
107        --link-hover: black;
108        --social-bg: #666;
109        --social-text: white;
110        --placeholder-text: #D7D7D7;
111        --focus-border: #777777;
112        --button-bg: transparent;
113        --button-text: #2e549a;
114        --button-border: #2e549a;
115        --button-hover-bg: transparent;
116        --button-hover-border: #2e549a;
117        --brand-primary: #2e549a;
118        --brand-overlay: rgba(46,84,154,0.08);
119        --brand-overlay-heavy: rgba(46,84,154,0.80);
120        --dim-overlay: rgba(0,0,0,0.4);
121    }
122    
123    body {
124        background: linear-gradient(180deg, rgba(46, 84, 154, 0.08) 0px, rgba(46, 84, 154, 0.00) 520px);
125    }
126
127    .grecaptcha-badge { visibility: hidden; }
128  </style>
129
130  
131
132    
132<script src="https://cdn.userway.org/widget.js" data-account="2RTD1qUW2F" data-position="3"></script>
132
133
134  <link rel="stylesheet" href="/assets/vidbg-59cd2b661e27143a4d41f154396b1fabc6ac9c0893f4d4b1623cbf033efc0130.css" />
135
136  
136<script src="/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js"></script>
136
137  
137<script src="/assets/banner-component-df2178bd5e74fa643d7e2d34c63f98ee00a1bb6d69b502a08043cecec055cee2.js"></script>
137
138
139  
139<script async>
140    window.chowlyApiHost = 'https://api.chowlyinc.com';
141    window.siteHost = 'https://sites.chowly.app';
142  </script>
142
143
144  
144<script type="application/ld+json">
145  {"@type":"Restaurant","name":"Midtown Sports Grill","address":{"@type":"PostalAddress","streetAddress":"4521 Habersham St","addressLocality":"Savannah","addressRegion":"GA","postalCode":"31405","addressCountry":"US"},"telephone":"9123496350","geo":{"@type":"GeoCoordinates","latitude":32.0361859,"longitude":-81.1032404},"url":"https://www.midtownsportsgrill.com#location-41389","priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:00:00","closes":"23:59:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:00:00","closes":"23:59:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"11:00:00","closes":"23:59:00"}],"hasMenu":"https://www.midtownsportsgrill.com/menu","areaServed":["Ardsley Park","Midtown Savannah","Habersham Woods","Groveland","Kensington Park","Hull Park","Chatham Crescent","Oakdale Savannah","Medical Arts District","South Garden"],"@context":"https://schema.org"}
146  </script>
146
147</head>
148<body data-organization-id="49133">
149  <a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a>
150  <main id="main-content" role="main" data-maglev-dropzone>
151    <section class="grid grid-cols-2 gap-0 justify-center">
152      <div class="bg-[var(--brand-primary)] w-full h-[40px] flex justify-center items-center px-4 col-span-2" role="banner" id="section-FYU2eG76" data-maglev-section-id="FYU2eG76" data-maglev-section-type="site_notification_01">
153    <section class="flex items-center space-x-2 max-w-[1440px] w-full justify-center">
154        <div class="w-[30px] h-[30px] overflow-hidden">
155            <i class="text-white mds-food_bank" data-maglev-id="FYU2eG76.icon" aria-hidden="true"></i>
156        </div>
157        <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 Fried Crab Claws Served in the Heart of Midtown Savannah</strong></p></span>
158    </section>
159</div><header class="sticky top-0 z-50 bg-[var(--bg-primary)] py-[16px] xl:py-[12px] shadow-md w-full col-span-2" id="section-dDb0AMpP" data-maglev-section-id="dDb0AMpP" data-maglev-section-type="standard_nav_01">
160  <div class="flex justify-between items-center px-4 xl:px-8 mx-auto w-full xl:max-w-[1440px]">
161      <div class="flex items-center">
162          <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8">
163            <a href="/" aria-label="Midtown Sports Grill home">
164              <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2Cavif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1507-875765d0-6cd3-415d-a552-4c4b1ffb8f7e.png" alt="Midtown Sports Grill logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg">
165            </a>
166          </div>
167
168          <nav role="navigation" aria-label="Main navigation" class="hidden xl:block">
169            <ul class="flex">
170
171
172                  <li>
173                    <a data-maglev-id="1I1QNIOCZ6c.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="1I1QNIOCZ6c.link.text">Home</span></a>
174                  </li>
175
176                  <li>
177                    <a data-maglev-id="6nYot-1a6Vs.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="6nYot-1a6Vs.link.text">Our Story</span></a>
178                  </li>
179
180                  <li>
181                    <a data-maglev-id="e_hW4nZmtrg.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="/menu"><span data-maglev-id="e_hW4nZmtrg.link.text">Menu</span></a>
182                  </li>
183
184                  <li>
185                    <a data-maglev-id="p97G6O4bMeY.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="/contact-us-vcen"><span data-maglev-id="p97G6O4bMeY.link.text">Careers</span></a>
186                  </li>
187
188                <li class="relative">
189                  <button id="more-menu-button" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3">
190                    More
191                    <svg id="more-arrow" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
192                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
193                    </svg>
194                  </button>
195                  <div id="more-dropdown" class="hidden fixed left-0 right-0 w-full z-50 transition-all duration-300">
196                    <div class="mx-auto max-w-7xl bg-[var(--bg-secondary)] shadow-lg p-6 rounded-lg dropdown-top-shadow">
197                      <div class="grid grid-cols-3 gap-4">
198                            <div class="w-full mb-2">
199                              <a data-maglev-id="VP0UD69Irpk.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="VP0UD69Irpk.link.text">Contact Us</span></a>
200                            </div>
201                      </div>
202                    </div>
203                  </div>
204                </li>
205            </ul>
206          </nav>
207      </div>
208
209      <!-- Right side: Mobile toggle + Desktop buttons -->
210      <div class="flex items-center gap-2">
211          <!-- Mobile menu toggle -->
212          <div class="xl:hidden">
213              <button id="menu-toggle" class="focus:outline-none" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu">
214                  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)">
215                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
216                  </svg>
217              </button>
218          </div>
219
220          <!-- Desktop buttons (hidden on mobile) -->
221          <div class="hidden xl:flex items-center gap-2">
222              <!-- Primary Order Now button (hardcoded) -->
223              <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>
224
225              <!-- Secondary button (optional, configurable) -->
226          </div>
227      </div>
228  </div>
229
230  <div id="mobile-menu" class="hidden fixed top-0 left-0 w-full h-full bg-[var(--bg-primary)] z-50 overflow-y-auto" aria-hidden="true">
231      <div class="flex justify-between items-center px-4 py-4 sticky top-0 bg-[var(--bg-primary)] z-10">
232          <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8">
233              <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2C
233avif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1507-875765d0-6cd3-415d-a552-4c4b1ffb8f7e.png" alt="Midtown Sports Grill logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg">
234          </div>
235          <button id="menu-close" class="focus:outline-none" aria-label="Close menu">
236              <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)">
237                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
238              </svg>
239          </button>
240      </div>
241
242      <nav role="navigation" aria-label="Mobile navigation" class="pb-32">
243        <ul class="flex flex-col items-start px-5 space-y-6 mt-8">
244
245              <li>
246                <a data-maglev-id="1I1QNIOCZ6c.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="1I1QNIOCZ6c.link.text">Home</span></a>
247              </li>
248
249              <li>
250                <a data-maglev-id="6nYot-1a6Vs.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="6nYot-1a6Vs.link.text">Our Story</span></a>
251              </li>
252
253              <li>
254                <a data-maglev-id="e_hW4nZmtrg.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="/menu"><span data-maglev-id="e_hW4nZmtrg.link.text">Menu</span></a>
255              </li>
256
257              <li>
258                <a data-maglev-id="p97G6O4bMeY.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-vcen"><span data-maglev-id="p97G6O4bMeY.link.text">Careers</span></a>
259              </li>
260
261              <li>
262                <a data-maglev-id="VP0UD69Irpk.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="VP0UD69Irpk.link.text">Contact Us</span></a>
263              </li>
264        </ul>
265      </nav>
266
267      <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)]">
268          <!-- Primary Order Now button (hardcoded) -->
269          <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>
270
271          <!-- Secondary button (optional, configurable) -->
272      </div>
273  </div>
274</header>
275<script>
276  const menuToggle = document.getElementById('menu-toggle');
277  const menuClose = document.getElementById('menu-close');
278  const mobileMenu = document.getElementById('mobile-menu');
279
280  menuToggle.addEventListener('click', () => {
281      mobileMenu.classList.remove('hidden');
282      mobileMenu.setAttribute('aria-hidden', 'false');
283      menuToggle.setAttribute('aria-expanded', 'true');
284  });
285
286  menuClose.addEventListener('click', () => {
287      mobileMenu.classList.add('hidden');
288      mobileMenu.setAttribute('aria-hidden', 'true');
289      menuToggle.setAttribute('aria-expanded', 'false');
290  });
291
292  document.addEventListener('DOMContentLoaded', function() {
293    // More menu dropdown functionality
294    const moreButton = document.getElementById('more-menu-button');
295    const moreDropdown = document.getElementById('more-dropdown');
296    const moreArrow = document.getElementById('more-arrow');
297
298    if (moreButton && moreDropdown && moreArrow) {
299      let isOpen = false;
300      let isHoveringButton = false;
301      let isHoveringDropdown = false;
302      let dropdownTimeout;
303
304      function showDropdown() {
305        clearTimeout(dropdownTimeout);
306        moreDropdown.classList.remove('hidden');
307        moreDropdown.style.opacity = '1';
308        moreArrow.classList.add('rotate-180');
309        isOpen = true;
310      }
311
312      function hideDropdown() {
313        moreDropdown.style.opacity = '0';
314        moreArrow.classList.remove('rotate-180');
315
316        dropdownTimeout = setTimeout(() => {
317          moreDropdown.classList.add('hidden');
318          isOpen = false;
319        }, 300);
320      }
321
322      function toggleDropdown() {
323        if (isOpen) {
324          hideDropdown();
325        } else {
326          showDropdown();
327        }
328      }
329
330      function updateDropdownVisibility() {
331        if (isHoveringButton || isHoveringDropdown) {
332          showDropdown();
333        } else {
334          hideDropdown();
335        }
336      }
337
338      moreButton.addEventListener('click', function(e) {
339        e.preventDefault();
340        toggleDropdown();
341      });
342
343      moreButton.addEventListener('mouseenter', () => {
344        isHoveringButton = true;
345        updateDropdownVisibility();
346      });
347
348      moreButton.addEventListener('mouseleave', () => {
349        isHoveringButton = false;
350        toggleDropdown();
351      });
352
353      moreDropdown.addEventListener('mouseenter', () => {
354        isHoveringDropdown = true;
355        updateDropdownVisibility();
356      });
357
358      moreDropdown.addEventListener('mouseleave', () => {
359        isHoveringDropdown = false;
360        toggleDropdown();
361      });
362
363      document.addEventListener('click', function(e) {
364        if (isOpen && !moreButton.contains(e.target) && !moreDropdown.contains(e.target)) {
365          hideDropdown();
366        }
367      });
368    }
369
370    // Locations dropdown functionality (desktop main nav)
371    const locationsContainers = document.querySelectorAll('.locations-dropdown-container');
372    locationsContainers.forEach(container => {
373      const button = container.querySelector('.locations-dropdown-button');
374      const dropdown = container.querySelector('.locations-dropdown');
375      const arrow = container.querySelector('.locations-arrow');
376
377      if (button && dropdown && arrow) {
378        let isOpen = false;
379        let hoverTimeout;
380
381        function showLocationsDropdown() {
382          clearTimeout(hoverTimeout);
383          dropdown.classList.remove('hidden');
384          arrow.classList.add('rotate-180');
385          isOpen = true;
386        }
387
388        function hideLocationsDropdown() {
389          hoverTimeout = setTimeout(() => {
390            dropdown.classList.add('hidden');
391            arrow.classList.remove('rotate-180');
392            isOpen = false;
393          }, 150);
394        }
395
396        button.addEventListener('click', (e) => {
397          e.preventDefault();
398          if (isOpen) {
399            hideLocationsDropdown();
400          } else {
401            showLocationsDropdown();
402          }
403        });
404
405        container.addEventListener('mouseenter', showLocationsDropdown);
406        container.addEventListener('mouseleave', hideLocationsDropdown);
407
408        document.addEventListener('click', (e) => {
409          if (isOpen && !container.contains(e.target)) {
410            dropdown.classList.add('hidden');
411            arrow.classList.remove('rotate-180');
412            isOpen = false;
413          }
414        });
415      }
416    });
417
418    // Locations dropdown in "More" menu
419    const locationsMoreContainers = document.querySelectorAll('.locations-more-dropdown-container');
420    locationsMoreContainers.forEach(container => {
421      const button = container.querySelector('.locations-more-button');
422      const dropdown = container.querySelector('.locations-more-dropdown');
423      const arrow = container.querySelector('.locations-more-arrow');
424
425      if (button && dropdown && arrow) {
426        let isOpen = false;
427
428        button.addEventListener('click', (e) => {
429          e.preventDefault();
430          e.stopPropagation();
431          if (isOpen) {
432            dropdown.classList.add('hidden');
433            arrow.classList.remove('rotate-180');
434            isOpen = false;
435          } else {
436            dropdown.classList.remove('hidden');
437            arrow.classList.add('rotate-180');
438            isOpen = true;
439          }
440        });
441
442        container.addEventListener('mouseenter', () => {
443          dropdown.classList.remove('hidden');
444          arrow.classList.add('rotate-180');
445          isOpen = true;
446        });
447
448        container.addEventListener('mouseleave', () => {
449          dropdown.classList.add('hidden');
450          arrow.classList.remove('rotate-180');
451          isOpen = false;
452        });
453      }
454    });
455
456    // Mobile locations toggle
457    const mobileLocationsToggles = document.querySelectorAll('.mobile-locations-toggle');
458    mobileLocationsToggles.forEach(toggle => {
459      const arrow = toggle.querySelector('.mobile-locations-arrow');
460      const list = toggle.parentElement.querySelector('.mobile-locations-list');
461
462      if (arrow && list) {
463        toggle.addEventListener('click', (e) => {
464          e.preventDefault();
465          list.classList.toggle('hidden');
466          arrow.classList.toggle('rotate-180');
467        });
468      }
469    });
470  });
471</script>
471
472
473<style>
474  .rotate-180 {
475    transform: rotate(180deg);
476    transition: transform 300ms;
477  }
478
479  #more-dropdown {
480    opacity: 0;
481    transition: opacity 300ms;
482    position: absolute;
483    top: 100%;
484    left: 50%;
485    right: 0;
486    width: 80vw;
487    margin-left: auto;
488    margin-right: auto;
489    z-index: 50;
490    transform: translateX(calc(-50% + 10vw));
491  }
492
493  .dropdown-top-shadow {
494    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06),
495                0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
496  }
497
498  .locations-dropdown {
499    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
500  }
501
502  .locations-more-dropdown {
503    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
504  }
505</style>
506
507
508<section class="w-full  xl:px-0 col-span-2" role="banner" id="section-DlCqLZcy" data-maglev-section-id="DlCqLZcy" data-maglev-section-type="hero_cta_01">
509  <div class="vidbg-068caca3a3f11b88709a1218 w-full  h-[680px] flex-shrink-0 relative mx-auto my-0 bg-cover bg-center" style="background-image: url(/maglev/assets/f9b47b94-13d2-441c-9e83-e526a4f6df80-hero-20-282-29.avif);">
510    
511
512      <div class="absolute inset-0 bg-black/40   "></div>
513    
514    <article class="absolute inset-0 flex flex-col justify-center mx-6 xl:mx-0 xl:pl-20 xl:py-16">
515      <header class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]">
516        <h2 data-maglev-id="DlCqLZcy.title" class="text-white font-semibold text-[14px] md:text-[24px] xl:text-[28px] leading-tight tracking-wide">Savannah’s neighborhood flavor</h2>
517      </header>
518      <div class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]">
519        <p data-maglev-id="DlCqLZcy.description" class="text-white font-bold text-[20px] md:text-[48px] xl:text-[56px] leading-tight xl:leading-[64px]">Exceptional cuisine and curated drinks in the heart of Habersham Village. Fresh, local, and never out of style.</p>
520      </div>
521      <div class="mt-2">
522          <a data-maglev-id="DlCqLZcy.button" class="block md:inline-block bg-[var(--brand-primary)] text-white py-3 px-8 text-sm xl:text-base font-semibold leading-[150%] hover:brightness-90 rounded-md md:self-start" href="#"><span data-maglev-id="DlCqLZcy.button.text">View Menu</span></a>
523      </div>
524    </article>
525
526
527    <style>
528
529
530
531    </style>
532  </div>
533</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">
534  <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6">
535
536      <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4">
537          <div class="col-span-1 order-2 xl:order-1"></div>
538
539          <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">
540              <a data-maglev-id="DJy4m0LJmzg.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/midtownsportsgrill">
541                <i class="text-[24px] pt-[4px] fa-brands fa-facebook-f" data-maglev-id="DJy4m0LJmzg.icon"></i>
542</a>              <a data-maglev-id="u-fnvicTIBY.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/midtown_sports_grill/">
543                <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="u-fnvicTIBY.icon"></i>
544</a>              <a data-maglev-id="IDyWcM6Tt-U.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: 912-349-6350">
545                <i class="text-[24px] pt-[4px] mds-filled-phone_enabled" data-maglev-id="IDyWcM6Tt-U.icon"></i>
546</a>          </nav>
547
548        <div class="col-span-1 hidden xl:block order-3"></div>
549      </div>
550
551    <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">
552      <nav class="flex flex-wrap justify-center xl:justify-start flex-grow 
552space-x-4 xl:space-x-6 xl:pl-0" aria-label="Legal links">
553        <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>
554        <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>
555      </nav>
556        
557      <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization">
558        <span>Midtown Sports Grill</span>™ <span itemprop="copyrightYear">2026</span> All Rights Reserved
559      </p>
560      <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p>
561    </div>
562  </div>
563</footer>
564    </section>
565  </main>
566  
567</body>
568</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.