PageSourceSearch

https://www.beeryland.com/contact-us

html beeryland.com collected 2026-10-07 02:40:04 UTC 45,109 bytes, 793 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <title>Beeryland Contact - Telegraph Ave Oakland near me</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="Visit Beeryland at 2318 Telegraph Ave, Oakland. Call 510-444-8353 for hours, reservations, private events and takeout." />
9  <meta property="og:title" content="Beeryland Contact - Telegraph Ave Oakland near me" />
10  <meta property="og:description" content="Beeryland" />
11  <meta property="og:image" content="https://chowly-coo-configuration-assets.nyc3.digitaloceanspaces.com/chowly-coo-prod-configuration-assets/public/assets/Logo-916-bec0e376-43c3-4c4c-856f-6504fb9f76dd.png" />
12  <meta property="og:type" content="website" />
13  <meta property="og:url" content="https://www.beeryland.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/Logo-915-7a0b75ad-b74e-4e2c-8c28-8c93ea7281f0.png">
16  <link rel="canonical" href="https://www.beeryland.com/contact-us" />
17
18  
19
20  
21
22  <link rel="stylesheet" href="/assets/site-52eb13ab8a899d1a7ce407abb21550772f5c36261d721a2647219e6ad35675ae.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=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
81          rel="preload" as="style">
82    <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
83          rel="stylesheet">
84
85  <style>
86    
87    :root {
88        /* Dark theme colors */
89        --bg-primary: #111;
90        --bg-secondary: #222222;
91        --bg-form: #111;
92        --text-primary: white;
93        --text-secondary: #888;
94        --text-muted: #888888;
95        --border-primary: white;
96        --border-secondary: #424242;
97        --stroke-primary: white;
98        --stroke-secondary: currentColor;
99        --active-bg-opacity: 40%;
100        --active-text: white;
101        --hover-bg-opacity: 10%;
102        --hover-text: white;
103        --link-text: #888;
104        --link-hover: white;
105        --social-bg: #888;
106        --social-text: #111;
107        --placeholder-text: #888;
108        --focus-border: #777777;
109        --button-bg: white;
110        --button-text: #ff0000;
111        --button-border: white;
112        --button-hover-bg: #f5f5f5;
113        --button-hover-border: white;
114        --brand-primary: #ff0000;
115        --brand-secondary: #ff0000;
116        --brand-overlay: rgba(255,0,0,0.4);
117        --brand-overlay-heavy: rgba(255,0,0,0.80);
118        --dim-overlay: rgba(0,0,0,0.4);
119    }
120    
121    body {
122        background-color: #111;
123        
124        /* Scrollbar */
125        ::-webkit-scrollbar {
126          width: 6px;
127          height: 6px;
128          background-color: transparent;
129        }
130        
131        ::-webkit-scrollbar-track {
132          background: transparent;
133        }
134
135        ::-webkit-scrollbar-thumb {
136          background: #555;
137        }
138    }
139
140    .grecaptcha-badge { visibility: hidden; }
141  </style>
142
143  
144
145    
145<script src="https://cdn.userway.org/widget.js" data-account="2RTD1qUW2F" data-position="3"></script>
145
146
147  <link rel="stylesheet" href="/assets/vidbg-59cd2b661e27143a4d41f154396b1fabc6ac9c0893f4d4b1623cbf033efc0130.css" />
148
149  
149<script src="/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js"></script>
149
150  
150<script src="/assets/banner-component-730ab5752d6195daf2963c20c32c885c4d07215b1fbd2a76a52cd94622d82ef7.js"></script>
150
151
152  
152<script async>
153    window.chowlyApiHost = 'https://api.chowlyinc.com';
154    window.siteHost = 'https://sites.chowly.app';
155  </script>
155
156
157  
157<script type="application/ld+json">
158  {"@type":"Restaurant","name":"Beeryland","address":{"@type":"PostalAddress","streetAddress":" 2318 Telegraph Ave","addressLocality":"Oakland","addressRegion":"CA","postalCode":"94612","addressCountry":"US"},"telephone":"5102920352","geo":{"@type":"GeoCoordinates","latitude":37.8127971,"longitude":-122.2685568},"url":"https://www.beeryland.com#location-45590","servesCuisine":["American","American Restaurant","Bar And Grill","Bar Bingo","Beer Garden","Beer Garden Trivia","Burgers","Casual Dining","Cocktails","Comfort Food","Delivery","Dine In","Grilled Eats","Outdoor Seating","Pickup","Pork","Takeout"],"priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"15:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"14:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"14:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"14:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"14:00:00","closes":"23:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"14:00:00","closes":"23:59:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"12:00:00","closes":"23:59:00"}],"hasMenu":"https://www.beeryland.com/menu","areaServed":["23rd Street Neighborhood","24th Street District","Beer And Burgers","Beer Garden","Best Burger Oakland","Best Burgers Oakland","Burgers","Downtown Oakland Fringe","First Fridays Arts District","Fox Theatre Area","Jack London District Proximity","Koreatown Northgate","Koreatown Northgate Business District","Kp Asian Market","Lake Merritt Adjacent","Marwa Market","Northgate","Oakland Craft Beer Scene","Oasis Food Market","Paramount Theatre Vicinity","Telegraph Avenue Commercial District","Telegraph Avenue Corridor","Telegraph Beer Garden","Telegraph Beer Garden Menu","Telegraph Wine And Spirits","Uptown Oakland","West Oakland"],"@context":"https://schema.org"}
159  </script>
159
160</head>
161<body data-organization-id="45902" >
162  <a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a>
163  <main id="main-content" role="main" data-maglev-dropzone>
164    <section class="grid grid-cols-2 gap-0 justify-center">
165      <div class="bg-[var(--brand-primary)] w-full h-[40px] flex justify-center items-center px-4 col-span-2" role="banner" id="section-m5zD7kR8" data-maglev-section-id="m5zD7kR8" data-maglev-section-type="site_notification_01">
166    <section class="flex items-center space-x-2 max-w-[1440px] w-full justify-center">
167        <div class="w-[30px] h-[30px] overflow-hidden">
168            <i class="text-white mds-filled-fastfood" data-maglev-id="m5zD7kR8.icon" aria-hidden="true"></i>
169        </div>
170        <span data-maglev-id="m5zD7kR8.title" class="text-white text-[14px] font-normal leading-[24px] text-center line-clamp-2 overflow-hidden"><p>Order directly from our site for faster service and no extra fees.</p></span>
171    </section>
172</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-6MUB2CCl" data-maglev-section-id="6MUB2CCl" data-maglev-section-type="standard_nav_01">
173  <div class="flex justify-between items-center px-4 xl:px-8 mx-auto w-full xl:max-w-[1440px]">
174      <div class="flex items-center">
175          <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8">
176            <a href="/" aria-label="Beeryland home">
177              <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-916-bec0e376-43c3-4c4c-856f-6504fb9f76dd.png" alt="Beeryland logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg">
178            </a>
179          </div>
180
181          <nav role="navigation" aria-label="Main navigation" class="hidden xl:block">
182            <ul class="flex">
183
184
185                  <li>
186                    <a data-maglev-id="_A0GZJN1bw8.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="_A0GZJN1bw8.link.text">Home</span></a>
187                  </li>
188
189                  <li>
190                    <a data-maglev-id="GeByXKer6cs.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="GeByXKer6cs.link.text">Menu</span></a>
191                  </li>
192
193                  <li>
194                    <a data-maglev-id="n8ga3PMjVLU.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="/reservations"><span data-maglev-id="n8ga3PMjVLU.link.text">Reservations</span></a>
195                  </li>
196
197                  <li>
198                    <a data-maglev-id="dTSZWEYrnXg.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="/events"><span data-maglev-id="dTSZWEYrnXg.link.text">Events</span></a>
199                  </li>
200
201                <li class="relative">
202                  <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">
203                    More
204                    <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">
205                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
206                    </svg>
207                  </button>
208                  <div id="more-dropdown" class="hidden fixed left-0 right-0 w-full z-50 transition-all duration-300">
209                    <div class="mx-auto max-w-7xl bg-[var(--bg-secondary)] shadow-lg p-6 rounded-lg dropdown-top-shadow">
210                      <div class="grid grid-cols-3 gap-4">
211                            <div class="w-full mb-2">
212                              <a data-maglev-id="raFaS7zqgME.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="/our-story"><span data-maglev-id="raFaS7zqgME.link.text">Our Story</span></a>
213                            </div>
214                            <div class="w-full mb-2">
215                              <a data-maglev-id="hMqvZCjKZ_4.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="hMqvZCjKZ_4.link.text">Contact Us</span></a>
216                            </div>
217                      </div>
218                    </div>
219                  </div>
220                </li>
221            </ul>
222          </nav>
223      </div>
224
225      <!-- Right side: Mobile toggle + Desktop buttons -->
226      <div class="flex items-center gap-2">
227          <!-- Mobile menu toggle -->
228          <div class="xl:hidden">
229              <button id="menu-toggle" class="focus:outline-none" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu">
230                  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)">
231                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
232                  </svg>
233              </button>
234          </div>
235
236          <!-- Desktop buttons (hidden on mobile) -->
237          <div class="hidden xl:flex items-center gap-2">
238              <!-- Primary Order Now button -->
239              <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>
240
241              <!-- Secondary button (optional, configurable) -->
242          </div>
243      </div>
244  </div>
245
246  <div id="mobile-menu" class="hidden fixed top-0 left-0 w-full h-full bg-[var(--bg-primary)] z-50 overflow-y-auto">
247      <div class="flex justify-between items-center px-4 py-4 sticky top-0 bg-[var(--bg-primary)] z-10">
248          <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8">
249              <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2C
249avif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-916-bec0e376-43c3-4c4c-856f-6504fb9f76dd.png" alt="Beeryland logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg">
250          </div>
251          <button id="menu-close" class="focus:outline-none" aria-label="Close menu">
252              <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)">
253                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
254              </svg>
255          </button>
256      </div>
257
258      <nav role="navigation" aria-label="Mobile navigation" class="pb-32">
259        <ul class="flex flex-col items-start px-5 space-y-6 mt-8">
260
261              <li>
262                <a data-maglev-id="_A0GZJN1bw8.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="_A0GZJN1bw8.link.text">Home</span></a>
263              </li>
264
265              <li>
266                <a data-maglev-id="GeByXKer6cs.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="GeByXKer6cs.link.text">Menu</span></a>
267              </li>
268
269              <li>
270                <a data-maglev-id="n8ga3PMjVLU.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="/reservations"><span data-maglev-id="n8ga3PMjVLU.link.text">Reservations</span></a>
271              </li>
272
273              <li>
274                <a data-maglev-id="dTSZWEYrnXg.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="/events"><span data-maglev-id="dTSZWEYrnXg.link.text">Events</span></a>
275              </li>
276
277              <li>
278                <a data-maglev-id="raFaS7zqgME.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="raFaS7zqgME.link.text">Our Story</span></a>
279              </li>
280
281              <li>
282                <a data-maglev-id="hMqvZCjKZ_4.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="hMqvZCjKZ_4.link.text">Contact Us</span></a>
283              </li>
284        </ul>
285      </nav>
286
287      <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)]">
288          <!-- Primary Order Now button -->
289          <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>
290
291          <!-- Secondary button (optional, configurable) -->
292      </div>
293  </div>
294</header>
295<script>
296  const menuToggle = document.getElementById('menu-toggle');
297  const menuClose = document.getElementById('menu-close');
298  const mobileMenu = document.getElementById('mobile-menu');
299
300  menuToggle.addEventListener('click', () => {
301      mobileMenu.classList.remove('hidden');
302      mobileMenu.setAttribute('aria-hidden', 'false');
303      menuToggle.setAttribute('aria-expanded', 'true');
304  });
305
306  menuClose.addEventListener('click', () => {
307      mobileMenu.classList.add('hidden');
308      mobileMenu.setAttribute('aria-hidden', 'true');
309      menuToggle.setAttribute('aria-expanded', 'false');
310  });
311
312  document.addEventListener('DOMContentLoaded', function() {
313    // More menu dropdown functionality
314    const moreButton = document.getElementById('more-menu-button');
315    const moreDropdown = document.getElementById('more-dropdown');
316    const moreArrow = document.getElementById('more-arrow');
317
318    if (moreButton && moreDropdown && moreArrow) {
319      let isOpen = false;
320      let isHoveringButton = false;
321      let isHoveringDropdown = false;
322      let dropdownTimeout;
323
324      function showDropdown() {
325        clearTimeout(dropdownTimeout);
326        moreDropdown.classList.remove('hidden');
327        moreDropdown.style.opacity = '1';
328        moreArrow.classList.add('rotate-180');
329        isOpen = true;
330      }
331
332      function hideDropdown() {
333        moreDropdown.style.opacity = '0';
334        moreArrow.classList.remove('rotate-180');
335
336        dropdownTimeout = setTimeout(() => {
337          moreDropdown.classList.add('hidden');
338          isOpen = false;
339        }, 300);
340      }
341
342      function toggleDropdown() {
343        if (isOpen) {
344          hideDropdown();
345        } else {
346          showDropdown();
347        }
348      }
349
350      function updateDropdownVisibility() {
351        if (isHoveringButton || isHoveringDropdown) {
352          showDropdown();
353        } else {
354          hideDropdown();
355        }
356      }
357
358      moreButton.addEventListener('click', function(e) {
359        e.preventDefault();
360        toggleDropdown();
361      });
362
363      moreButton.addEventListener('mouseenter', () => {
364        isHoveringButton = true;
365        updateDropdownVisibility();
366      });
367
368      moreButton.addEventListener('mouseleave', () => {
369        isHoveringButton = false;
370        toggleDropdown();
371      });
372
373      moreDropdown.addEventListener('mouseenter', () => {
374        isHoveringDropdown = true;
375        updateDropdownVisibility();
376      });
377
378      moreDropdown.addEventListener('mouseleave', () => {
379        isHoveringDropdown = false;
380        toggleDropdown();
381      });
382
383      document.addEventListener('click', function(e) {
384        if (isOpen && !moreButton.contains(e.target) && !moreDropdown.contains(e.target)) {
385          hideDropdown();
386        }
387      });
388    }
389
390    // Locations dropdown functionality (desktop main nav)
391    const locationsContainers = document.querySelectorAll('.locations-dropdown-container');
392    locationsContainers.forEach(container => {
393      const button = container.querySelector('.locations-dropdown-button');
394      const dropdown = container.querySelector('.locations-dropdown');
395      const arrow = container.querySelector('.locations-arrow');
396
397      if (button && dropdown && arrow) {
398        let isOpen = false;
399        let hoverTimeout;
400
401        function showLocationsDropdown() {
402          clearTimeout(hoverTimeout);
403          dropdown.classList.remove('hidden');
404          arrow.classList.add('rotate-180');
405          isOpen = true;
406        }
407
408        function hideLocationsDropdown() {
409          hoverTimeout = setTimeout(() => {
410            dropdown.classList.add('hidden');
411            arrow.classList.remove('rotate-180');
412            isOpen = false;
413          }, 150);
414        }
415
416        button.addEventListener('click', (e) => {
417          e.preventDefault();
418          if (isOpen) {
419            hideLocationsDropdown();
420          } else {
421            showLocationsDropdown();
422          }
423        });
424
425        container.addEventListener('mouseenter', showLocationsDropdown);
426        container.addEventListener('mouseleave', hideLocationsDropdown);
427
428        document.addEventListener('click', (e) => {
429          if (isOpen && !container.contains(e.target)) {
430            dropdown.classList.add('hidden');
431            arrow.classList.remove('rotate-180');
432            isOpen = false;
433          }
434        });
435      }
436    });
437
438    // Locations dropdown in "More" menu
439    const locationsMoreContainers = document.querySelectorAll('.locations-more-dropdown-container');
440    locationsMoreContainers.forEach(container => {
441      const button = container.querySelector('.locations-more-button');
442      const dropdown = container.querySelector('.locations-more-dropdown');
443      const arrow = container.querySelector('.locations-more-arrow');
444
445      if (button && dropdown && arrow) {
446        let isOpen = false;
447
448        button.addEventListener('click', (e) => {
449          e.preventDefault();
450          e.stopPropagation();
451          if (isOpen) {
452            dropdown.classList.add('hidden');
453            arrow.classList.remove('rotate-180');
454            isOpen = false;
455          } else {
456            dropdown.classList.remove('hidden');
457            arrow.classList.add('rotate-180');
458            isOpen = true;
459          }
460        });
461
462        container.addEventListener('mouseenter', () => {
463          dropdown.classList.remove('hidden');
464          arrow.classList.add('rotate-180');
465          isOpen = true;
466        });
467
468        container.addEventListener('mouseleave', () => {
469          dropdown.classList.add('hidden');
470          arrow.classList.remove('rotate-180');
471          isOpen = false;
472        });
473      }
474    });
475
476    // Mobile locations toggle
477    const mobileLocationsToggles = document.querySelectorAll('.mobile-locations-toggle');
478    mobileLocationsToggles.forEach(toggle => {
479      const arrow = toggle.querySelector('.mobile-locations-arrow');
480      const list = toggle.parentElement.querySelector('.mobile-locations-list');
481
482      if (arrow && list) {
483        toggle.addEventListener('click', (e) => {
484          e.preventDefault();
485          list.classList.toggle('hidden');
486          arrow.classList.toggle('rotate-180');
487        });
488      }
489    });
490  });
491</script>
491
492
493<style>
494  .rotate-180 {
495    transform: rotate(180deg);
496    transition: transform 300ms;
497  }
498
499  #more-dropdown {
500    opacity: 0;
501    transition: opacity 300ms;
502    position: absolute;
503    top: 100%;
504    left: 50%;
505    right: 0;
506    width: 80vw;
507    margin-left: auto;
508    margin-right: auto;
509    z-index: 50;
510    transform: translateX(calc(-50% + 10vw));
511  }
512
513  .dropdown-top-shadow {
514    box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06),
515                0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
516  }
517
518  .locations-dropdown {
519    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
520  }
521
522  .locations-more-dropdown {
523    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
524  }
525</style>
526<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-OLbyjtADqmo" data-maglev-section-id="OLbyjtADqmo" data-maglev-section-type="contact_us_01">
527
528  <div class="flex flex-col xl:flex-row w-full xl:max-w-[1150px] mx-auto gap-10">
529    <!-- Left Column - Hero Image -->
530    <figure class="w-full xl:flex-1 min-w-0 aspect-[16/9] md:aspect-[4/3] xl:aspect-square relative rounded-lg bg-cover bg-center" style="background-image: url(/maglev/assets/980998df-7ff4-4a80-93c8-2aa6f36364fd-dd7fb26f-3eb8-4fd0-b13a-45a40970dd08.jpg);" aria-label="Contact Beeryland">
531      <div class="absolute inset-0 rounded-lg bg-black/40"></div>
532      <figcaption class="absolute inset-0 flex flex-col justify-center px-6 xl:px-14">
533        <h1 data-maglev-id="OLbyjtADqmo.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">Contact Beeryland</h1>
534      </figcaption>
535    </figure>
536
537    <!-- Right Column - Form -->
538    <div class="w-full xl:flex-1 min-w-0 h-auto xl:h-auto bg-[var(--bg-form)] rounded-lg shadow-md p-6 xl:p-8">
539      <!-- Display Flash Messages -->
540      <div class="mb-4" id="flash-wrapper" aria-live="polite">
541        <div id="flash-error-wrapper" class="hidden mb-2 p-4 bg-red-100 border border-red-400 text-red-700 rounded" role="alert">
542          <ul id="flash-error-list"></ul>
543        </div>
544
545        <div id="flash-success-wrapper" class="hidden p-4 bg-green-100 border border-green-400 text-green-700 rounded" role="status"></div>
546      </div>
547
548      <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">
549        <input id="redirect_uri" autocomplete="off" type="hidden" name="redirect_uri" />
550        <input value="Wvg+zGLqDlCiF0pZBKXY2TVQdYQ3dg==--QRgOJDRgc9qFA+hE--yyJKQA8uI1t9+kATLAolBA==" id="recipient_email" autocomplete="off" type="hidden" name="recipient_email" />
551        <input value="lkU=--VnC/XvLyEGZp5KyX--nqwWE02zwxtgUzsDf7sILQ==" id="subject" autocomplete="off" type="hidden" name="subject" />
552        <!-- Full Name Field (Optional) -->
553        <fieldset>
554          <legend class="sr-only">Full Name</legend>
555          <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="name">
556            Full Name <span class="font-normal"></span>
557</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" />
558          <small class="text-red-600 hidden" id="name-error">Name cannot exceed 100 characters.</small>
559        </fieldset>
560
561        <!-- Email Field (Required) -->
562        <fieldset>
563          <legend class="sr-only">Email</legend>
564          <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="email">
565            Email <span class="font-normal">(required)</span>
566</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" />
567          <small class="text-red-600 hidden" id="email-error">Please enter a valid email address.</small>
568        </fieldset>
569
570        <!-- Phone Field (Optional) -->
571        <fieldset>
572          <legend class="sr-only">Phone</legend>
573          <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="phone">
574            Phone <span class="font-normal"></span>
575</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" />
576          <small class="text-red-600 hidden" id="phone-error">Please enter a valid phone number (e.g., 123-456-7890 or 1234567890)</small>
577        </fieldset>
578
579        <input type="hidden" name="g-recaptcha-response" class="g-recaptcha-response">
580
581        <!-- Message Field (Required) -->
582        <fieldset>
583          <legend class="sr-only">Message</legend>
584          <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="message">
585            Message <span class="font-normal">(required)</span>
586</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">
587</textarea>
588          <small class="text-red-600 hidden" id="message-error">Please enter your message (maximum 1000 characters).</small>
589        </fieldset>
590
591
592        <div class="mt-6 flex flex-col xl:flex-row justify-between items-center gap-4">
593          <!-- Submit Button -->
594          <div class="w-full xl:w-auto">
595            <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(255, 0, 0);" data-sitekey="6LcsffgqAAAAANLXQa19TOl4LbE2V7eS6PfaYhiT" data-callback="onContactSubmit" data-action="submit" data-disable-with="Submit" />
596          </div>
597        </div>
598</form>
599      <!-- jQuery Validation Script -->
600      
600<script type="module">
601          $(document).ready(function() {
602              // Set the redirect_uri to the current page URL
603              $("#redirect_uri").val(window.location.href);
604
605              $("input[name='phone']").mask("000-000-0000");
606
607              var urlParams = new URLSearchParams(window.location.search);
608
609              if (urlParams.has("errors[]") || urlParams.has("notice")) {
610                  $("#flash-wrapper").removeClass("hidden");
611
612                  if (urlParams.has("errors[]")) {
613                      $("#flash-error-wrapper").removeClass("hidden");
614
615                      let errors = urlParams.getAll("errors[]");
616
617                      let errorHtml = "";
618                      for(let i=0; i<errors.length; i++) {
619                          errorHtml += `<li>${errors[i]}</li>`;
620                      }
621
622                      $("#flash-error-list").html(errorHtml);
623                  } else {
624                      $("#flash-success-wrapper").removeClass("hidden");
625                      $("#flash-success-wrapper").text(urlParams.get("notice"));
626                  }
627
628                  // Scroll to the contact form if the URL contains the "contact" parameter
629                  document.getElementById("contact-form").scrollIntoView({ behavior: 'smooth' });
630              }
631
632              // File input change handler
633              $('input[type="file"]').on('change', function() {
634                const fileError = $('#file-error');
635                const acceptedFileTypes = $('#accepted-file-types');
636
637                if (this.files.length > 0) {
638                  const file = this.files[0];
639                  const allowedTypes = $(this).data('allowed-types').split(',');
640                  const fileExtension = '.' + file.name.split('.').pop().toLowerCase();
641
642                  if (allowedTypes.includes(fileExtension)) {
643                    fileError.addClass('hidden');
644                    acceptedFileTypes.removeClass('hidden');
645                  }
646                }
647              });
648          });
649
650
651          window.onContactSubmit = function(token) {
652            $(".text-red-600").addClass("hidden"); // Hide all error messages
653
654            $("#contact-form .g-recaptcha-response").val(token);
655
656            let isValid = true;
657
658            // Validate Full Name (Optional, max 100 characters)
659            const name = $("input[name='name']").val().trim();
660            if (name.length > 100) {
661                $("#name-error").removeClass("hidden");
662                isValid = false;
663            }
664
665            // Validate Email (Required and format)
666            const email = $("input[name='email']").val().trim();
667            const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
668            if (email === "" || !emailPattern.test(email)) {
669                $("#email-error").removeClass("hidden");
670                isValid = false;
671            }
672
673            // Validate Phone (Optional, accepts both formats)
674            const phone = $("input[name='phone']").val().trim();
675            const phonePatternWithDashes = /^\d{3}-\d{3}-\d{4}$/;
676            const phonePatternNumeric = /^\d{10}$/;
677            if (phone !== "" && !phonePatternWithDashes.test(phone) && !phonePatternNumeric.test(phone)) {
678                $("#phone-error")
679                  .text("Please enter a valid phone number (e.g., 123-456-7890 or 1234567890)")
680                  .removeClass("hidden");
681                isValid = false;
682            }
683
684            // Validate Message (Required, max 1000 characters)
685            const message = $("textarea[name='message']").val().trim();
686            if (message === "") {
687                $("#message-error").removeClass("hidden");
688                isValid = false;
689            } else if (message.length > 1000) {
690                $("#message-error").text("Message cannot exceed 1000 characters.").removeClass("hidden");
691                isValid = false;
692            } else {
693                $("#message-error").text("Please enter your message (maximum 1000 characters).").addClass("hidden");
694            }
695
696            // Validate File Upload if enabled
697            const fileInput = $('input[type="file"]');
698            if (fileInput.length && fileInput[0].files.length > 0) {
699                const file = fileInput[0].files[0];
700                const maxSize = parseInt(fileInput.data('max-size'));
701                const allowedTypes = fileInput.data('allowed-types').split(',');
702                const fileError = $('#file-error');
703                const acceptedFileTypes = $('#accepted-file-types');
704                let fileWithError = false;
705
706                // Check file size
707                if (file.size > maxSize) {
708                    fileError.text('File size must be less than 5MB');
709                    fileError.removeClass('hidden');
710                    acceptedFileTypes.addClass('hidden');
711                    isValid = false;
712                    fileWithError = true;
713                } else {
714                  acceptedFileTypes.removeClass('hidden');
715                }
716
717                // Check file type
718                const fileExtension = '.' + file.name.split('.').pop().toLowerCase();
719                if (!allowedTypes.includes(fileExtension)) {
720                    fileError.text('Invalid file type. Please upload PDF, DOC, DOCX, or TXT files only. (max 5MB)');
721                    fileError.removeClass('hidden');
722                    acceptedFileTypes.addClass('hidden');
723                    isValid = false;
724                    fileWithError = true;
725                }
726
727                if (fileWithError) {
728                  acceptedFileTypes.addClass('hidden');
729                } else {
730                  acceptedFileTypes.removeClass('hidden');
731                }
732            }
733
734            if (isValid) {
735                $('#contact-form').submit();
736            }
737          };
738      </script>
738
739    </div>
740  </div>
741
742  <!-- Schema.org JSON-LD structured data -->
743  
743<script type="application/ld+json">
744  {
745    "@context": "https://schema.org",
746    "@type": "ContactPage",
747    "name": "Contact Beeryland",
748    "description": "Contact us form for inquiries and messages.",
749    "url": "https://www.beeryland.com/contact-us",
750    "mainEntity": {
751      "@type": "Organization",
752      "contactPoint": {
753        "@type": "ContactPoint",
754        "contactType": "customer service",
755        "email": "[email protected]"
756      }
757    }
758  }
759  </script>
759
760</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-Si6-X6YR" data-maglev-section-id="Si6-X6YR" data-maglev-section-type="standard_footer_01">
761  <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6">
762
763      <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4">
764          <div class="col-span-1 order-2 xl:order-1"></div>
765
766          <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">
767              <a data-maglev-id="pAL-jeUIqf0.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/p/Beeryland-61554980612995/?paipv=0&amp;eav=AfalIVRsxc1iKhz9ZDKL9XRlfuvF6u_6lfD_E3cOWzV9gdOUMztd2g7HMM3oN66d6fs&amp;_rdr">
768                <i class="text-[24px] pt-[4px] fa-brands fa-facebook-f" data-maglev-id="pAL-jeUIqf0.icon"></i>
769</a>              <a data-maglev-id="giLTFbbOaXk.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/beeryland_oakland/">
770                <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="giLTFbbOaXk.icon"></i>
771</a>          </nav>
772
773        <div class="col-span-1 hidden xl:block order-3"></div>
774      </div>
775
776    <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">
777      <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">
778        <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>
779        <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>
780      </nav>
781        
782      <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization">
783        <span>Beeryland</span>™ <span itemprop="copyrightYear">2026</span> All Rights Reserved
784      </p>
785      <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p>
786    </div>
787  </div>
788</footer>
789    </section>
790  </main>
791  
792</body>
793</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.