1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>Best Cajun Seafood in Buda | Contact Mudbugs | Mudbugs | Cajun Cuisine | Buda, TX</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="Contact Mudbugs in Buda for Cajun seafood and crawfish boil. Call or visit for takeout, delivery, and fresh seafood near you." /> 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.peaceloveandcrawfish.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/Favicon-596-11c6c726-f738-4359-91d6-4af5199a80a2.png"> 16 <link rel="canonical" href="https://www.peaceloveandcrawfish.com/contact-us" /> 17 18 19 20 21 22 <link rel="stylesheet" href="/assets/site-94cc68917d34ae6c2fdb1850b8c7fc7064f5b465032aa1bd7806d8dd6aecaff5.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 "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-7f75dbb82de8bbee0e764cde34bb5d2b466cf29a41dbcec463259a2c0c272bc5.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 <link rel="preconnect" href="https://maps.googleapis.com" crossorigin> 55 56 57 <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" 58 rel="preload" as="style"> 59 <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" 60 rel="stylesheet"> 61 62 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" 63 rel="preload" as="style"> 64 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" 65 rel="stylesheet"> 66 67 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css" 68 rel="preload" as="style"> 69 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css" 70 rel="stylesheet">
vendor: 75 bytes, lines 70-72
70 71 72 <script src="https://www.google.com/recaptcha/enterprise.js?render=
726LcsffgqAAAAANLXQa19TOl4LbE2V7eS6PfaYhiT
vendor: 20 bytes, lines 72-73
72" defer></script> 73
73<script 74 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAkzXdhpOE3VmUpHjl1ZqL5VBuLpJmMrkc&libraries=maps,marker" 75 async></script>
75 76 77
77<script> 78 if (!window.origin.includes('http://localhost')) { 79 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])}; 80 heap.load((window.origin.includes('chowly.dev') ? '3177339425' : '3745098455')); 81 } 82 </script>
82 83 84 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&display=swap" 85 rel="preload" as="style"> 86 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&display=swap" 87 rel="stylesheet"> 88 89 <style> 90 91 :root { 92 /* Light theme colors */ 93 --bg-primary: white; 94 --bg-secondary: #F2F2F2; 95 --bg-form: white; 96 --text-primary: #212121; 97 --text-secondary: #666; 98 --text-muted: #666666; 99 --border-primary: #cf3131; 100 --border-secondary: #D7D7D7; 101 --stroke-primary: #cf3131; 102 --stroke-secondary: currentColor; 103 --active-bg-opacity: 8%; 104 --active-text: #cf3131; 105 --hover-bg-opacity: 8%; 106 --hover-text: #cf3131; 107 --link-text: #666; 108 --link-hover: black; 109 --social-bg: #666; 110 --social-text: white; 111 --placeholder-text: #D7D7D7; 112 --focus-border: #777777; 113 --button-bg: transparent; 114 --button-text: #cf3131; 115 --button-border: #cf3131; 116 --button-hover-bg: transparent; 117 --button-hover-border: #cf3131; 118 --brand-primary: #cf3131; 119 --brand-overlay: rgba(207,49,49,0.08); 120 --brand-overlay-heavy: rgba(207,49,49,0.80); 121 --dim-overlay: rgba(0,0,0,0.4); 122 } 123 124 body { 125 background: linear-gradient(180deg, rgba(207, 49, 49, 0.08) 0px, rgba(207, 49, 49, 0.00) 520px); 126 } 127 128 .grecaptcha-badge { visibility: hidden; } 129 </style> 130 131 132 133
133<script src="https://cdn.userway.org/widget.js" data-account="2RTD1qUW2F" data-position="3"></script>
133 134 135 <link rel="stylesheet" href="/assets/vidbg-59cd2b661e27143a4d41f154396b1fabc6ac9c0893f4d4b1623cbf033efc0130.css" /> 136 137
137<script src="/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js"></script>
137 138
138<script src="/assets/banner-component-df2178bd5e74fa643d7e2d34c63f98ee00a1bb6d69b502a08043cecec055cee2.js"></script>
138 139 140
140<script async> 141 window.chowlyApiHost = 'https://api.chowlyinc.com'; 142 window.siteHost = 'https://sites.chowly.app'; 143 </script>
143 144 145
145<script type="application/ld+json"> 146 {"@type":"Restaurant","name":"MudBugs - A Cajun Joint","address":{"@type":"PostalAddress","streetAddress":"306 S Main St Suite 107","addressLocality":"Buda","addressRegion":"TX","postalCode":"78610","addressCountry":"US"},"telephone":"5125238241","geo":{"@type":"GeoCoordinates","latitude":30.0775604,"longitude":-97.8456344},"url":"https://www.peaceloveandcrawfish.com#location-48200","priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"10:00:00","closes":"20:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"11:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"11:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"11:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"11:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"11:00:00","closes":"22:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"10:00:00","closes":"22:00:00"}],"hasMenu":"https://www.peaceloveandcrawfish.com/menu","areaServed":["Buda","Downtown Buda","South Austin","Kyle","Onion Creek","Manchaca","San Leanna","Mountain City","Hays County","Sunfield"],"@context":"https://schema.org"} 147 </script>
147 148</head> 149<body data-organization-id="48829"> 150 <a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a> 151 <main id="main-content" role="main" data-maglev-dropzone> 152 <section class="grid grid-cols-2 gap-0 justify-center"> 153 <div class="bg-[var(--brand-primary)] w-full h-[40px] flex justify-center items-center px-4 col-span-2" role="banner" id="section-l64b_nKD" data-maglev-section-id="l64b_nKD" data-maglev-section-type="site_notification_01"> 154 <section class="flex items-center space-x-2 max-w-[1440px] w-full justify-center"> 155 <div class="w-[30px] h-[30px] overflow-hidden"> 156 <i class="text-white mds-food_bank" data-maglev-id="l64b_nKD.icon" aria-hidden="true"></i> 157 </div> 158 <span data-maglev-id="l64b_nKD.title" class="text-white text-[14px] font-normal leading-[24px] text-center line-clamp-2 overflow-hidden"><p><strong>Order online from the Best Cajun Restaurant in Buda, TX!</strong></p></span> 159 </section> 160</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-iXmMU04m" data-maglev-section-id="iXmMU04m" data-maglev-section-type="standard_nav_01"> 161 <div class="flex justify-between items-center px-4 xl:px-8 mx-auto w-full xl:max-w-[1440px]"> 162 <div class="flex items-center"> 163 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 164 <a href="/" aria-label="Mudbugs home"> 165 <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-1404-3e01a2d4-2f3e-411a-81d6-9040d85034c0.png" alt="Mudbugs logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 166 </a> 167 </div> 168 169 <nav role="navigation" aria-label="Main navigation" class="hidden xl:block"> 170 <ul class="flex"> 171 172 173 <li> 174 <a data-maglev-id="8foDUF_71n0.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="8foDUF_71n0.link.text">Home</span></a> 175 </li> 176 177 <li> 178 <a data-maglev-id="2GeCe9p1Py4.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="2GeCe9p1Py4.link.text">Menu</span></a> 179 </li> 180 181 <li> 182 <a data-maglev-id="aygdBTDX7G8.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="aygdBTDX7G8.link.text">Catering</span></a> 183 </li> 184 185 <li> 186 <a data-maglev-id="M3-GljHMPqQ.link" target="_blank" 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="https://resy.com/cities/buda-tx-tx/venues/mudbugs"><span data-maglev-id="M3-GljHMPqQ.link.text">Reservations</span></a> 187 </li> 188 189 <li class="relative"> 190 <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"> 191 More 192 <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"> 193 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 194 </svg> 195 </button> 196 <div id="more-dropdown" class="hidden fixed left-0 right-0 w-full z-50 transition-all duration-300"> 197 <div class="mx-auto max-w-7xl bg-[var(--bg-secondary)] shadow-lg p-6 rounded-lg dropdown-top-shadow"> 198 <div class="grid grid-cols-3 gap-4"> 199 <div class="w-full mb-2"> 200 <a data-maglev-id="cFm3Ydn_mf8.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="/specials"><span data-maglev-id="cFm3Ydn_mf8.link.text">Specials</span></a> 201 </div> 202 <div class="w-full mb-2"> 203 <a data-maglev-id="yzilGjTji60.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="yzilGjTji60.link.text">Our Story</span></a> 204 </div> 205 <div class="w-full mb-2"> 206 <a data-maglev-id="DFe-P5DQWgM.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="/jobs"><span data-maglev-id="DFe-P5DQWgM.link.text">Jobs</span></a> 207 </div> 208 <div class="w-full mb-2"> 209 <a data-maglev-id="uoXyCkvxN4c.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="uoXyCkvxN4c.link.text">Contact Us</span></a> 210 </div> 211 <div class="w-full mb-2"> 212 <a data-maglev-id="ShPskazPysE.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="/parties"><span data-maglev-id="ShPskazPysE.link.text">Private Parties</span></a> 213 </div> 214 </div> 215 </div> 216 </div> 217 </li> 218 </ul> 219 </nav> 220 </div> 221 222 <!-- Right side: Mobile toggle + Desktop buttons --> 223 <div class="flex items-center gap-2"> 224 <!-- Mobile menu toggle --> 225 <div class="xl:hidden"> 226 <button id="menu-toggle" class="focus:outline-none" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu"> 227 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 228 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 229 </svg> 230 </button> 231 </div> 232 233 <!-- Desktop buttons (hidden on mobile) --> 234 <div class="hidden xl:flex items-center gap-2"> 235 <!-- Primary Order Now button (hardcoded) --> 236 <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> 237 238 <!-- Secondary button (optional, configurable) --> 239 </div> 240 </div> 241 </div> 242 243 <div id="mobile-menu" class="hidden fixed top-0 left-0 w-full h-full bg-[var(--bg-primary)] z-50 overflow-y-auto"> 244 <div class="flex justify-between items-center px-4 py-4 sticky top-0 bg-[var(--bg-primary)] z-10"> 245 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 246 <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2C
246avif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-1404-3e01a2d4-2f3e-411a-81d6-9040d85034c0.png" alt="Mudbugs logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 247 </div> 248 <button id="menu-close" class="focus:outline-none" aria-label="Close menu"> 249 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 250 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> 251 </svg> 252 </button> 253 </div> 254 255 <nav role="navigation" aria-label="Mobile navigation" class="pb-32"> 256 <ul class="flex flex-col items-start px-5 space-y-6 mt-8"> 257 258 <li> 259 <a data-maglev-id="8foDUF_71n0.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="8foDUF_71n0.link.text">Home</span></a> 260 </li> 261 262 <li> 263 <a data-maglev-id="2GeCe9p1Py4.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="2GeCe9p1Py4.link.text">Menu</span></a> 264 </li> 265 266 <li> 267 <a data-maglev-id="aygdBTDX7G8.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="aygdBTDX7G8.link.text">Catering</span></a> 268 </li> 269 270 <li> 271 <a data-maglev-id="M3-GljHMPqQ.link" target="_blank" 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="https://resy.com/cities/buda-tx-tx/venues/mudbugs"><span data-maglev-id="M3-GljHMPqQ.link.text">Reservations</span></a> 272 </li> 273 274 <li> 275 <a data-maglev-id="cFm3Ydn_mf8.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="/specials"><span data-maglev-id="cFm3Ydn_mf8.link.text">Specials</span></a> 276 </li> 277 278 <li> 279 <a data-maglev-id="yzilGjTji60.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="yzilGjTji60.link.text">Our Story</span></a> 280 </li> 281 282 <li> 283 <a data-maglev-id="DFe-P5DQWgM.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="/jobs"><span data-maglev-id="DFe-P5DQWgM.link.text">Jobs</span></a> 284 </li> 285 286 <li> 287 <a data-maglev-id="uoXyCkvxN4c.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="uoXyCkvxN4c.link.text">Contact Us</span></a> 288 </li> 289 290 <li> 291 <a data-maglev-id="ShPskazPysE.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="/parties"><span data-maglev-id="ShPskazPysE.link.text">Private Parties</span></a> 292 </li> 293 </ul> 294 </nav> 295 296 <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)]"> 297 <!-- Primary Order Now button (hardcoded) --> 298 <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> 299 300 <!-- Secondary button (optional, configurable) --> 301 </div> 302 </div> 303</header>
304<script> 305 const menuToggle = document.getElementById('menu-toggle'); 306 const menuClose = document.getElementById('menu-close'); 307 const mobileMenu = document.getElementById('mobile-menu'); 308 309 menuToggle.addEventListener('click', () => { 310 mobileMenu.classList.remove('hidden'); 311 mobileMenu.setAttribute('aria-hidden', 'false'); 312 menuToggle.setAttribute('aria-expanded', 'true'); 313 }); 314 315 menuClose.addEventListener('click', () => { 316 mobileMenu.classList.add('hidden'); 317 mobileMenu.setAttribute('aria-hidden', 'true'); 318 menuToggle.setAttribute('aria-expanded', 'false'); 319 }); 320 321 document.addEventListener('DOMContentLoaded', function() { 322 // More menu dropdown functionality 323 const moreButton = document.getElementById('more-menu-button'); 324 const moreDropdown = document.getElementById('more-dropdown'); 325 const moreArrow = document.getElementById('more-arrow'); 326 327 if (moreButton && moreDropdown && moreArrow) { 328 let isOpen = false; 329 let isHoveringButton = false; 330 let isHoveringDropdown = false; 331 let dropdownTimeout; 332 333 function showDropdown() { 334 clearTimeout(dropdownTimeout); 335 moreDropdown.classList.remove('hidden'); 336 moreDropdown.style.opacity = '1'; 337 moreArrow.classList.add('rotate-180'); 338 isOpen = true; 339 } 340 341 function hideDropdown() { 342 moreDropdown.style.opacity = '0'; 343 moreArrow.classList.remove('rotate-180'); 344 345 dropdownTimeout = setTimeout(() => { 346 moreDropdown.classList.add('hidden'); 347 isOpen = false; 348 }, 300); 349 } 350 351 function toggleDropdown() { 352 if (isOpen) { 353 hideDropdown(); 354 } else { 355 showDropdown(); 356 } 357 } 358 359 function updateDropdownVisibility() { 360 if (isHoveringButton || isHoveringDropdown) { 361 showDropdown(); 362 } else { 363 hideDropdown(); 364 } 365 } 366 367 moreButton.addEventListener('click', function(e) { 368 e.preventDefault(); 369 toggleDropdown(); 370 }); 371 372 moreButton.addEventListener('mouseenter', () => { 373 isHoveringButton = true; 374 updateDropdownVisibility(); 375 }); 376 377 moreButton.addEventListener('mouseleave', () => { 378 isHoveringButton = false; 379 toggleDropdown(); 380 }); 381 382 moreDropdown.addEventListener('mouseenter', () => { 383 isHoveringDropdown = true; 384 updateDropdownVisibility(); 385 }); 386 387 moreDropdown.addEventListener('mouseleave', () => { 388 isHoveringDropdown = false; 389 toggleDropdown(); 390 }); 391 392 document.addEventListener('click', function(e) { 393 if (isOpen && !moreButton.contains(e.target) && !moreDropdown.contains(e.target)) { 394 hideDropdown(); 395 } 396 }); 397 } 398 399 // Locations dropdown functionality (desktop main nav) 400 const locationsContainers = document.querySelectorAll('.locations-dropdown-container'); 401 locationsContainers.forEach(container => { 402 const button = container.querySelector('.locations-dropdown-button'); 403 const dropdown = container.querySelector('.locations-dropdown'); 404 const arrow = container.querySelector('.locations-arrow'); 405 406 if (button && dropdown && arrow) { 407 let isOpen = false; 408 let hoverTimeout; 409 410 function showLocationsDropdown() { 411 clearTimeout(hoverTimeout); 412 dropdown.classList.remove('hidden'); 413 arrow.classList.add('rotate-180'); 414 isOpen = true; 415 } 416 417 function hideLocationsDropdown() { 418 hoverTimeout = setTimeout(() => { 419 dropdown.classList.add('hidden'); 420 arrow.classList.remove('rotate-180'); 421 isOpen = false; 422 }, 150); 423 } 424 425 button.addEventListener('click', (e) => { 426 e.preventDefault(); 427 if (isOpen) { 428 hideLocationsDropdown(); 429 } else { 430 showLocationsDropdown(); 431 } 432 }); 433 434 container.addEventListener('mouseenter', showLocationsDropdown); 435 container.addEventListener('mouseleave', hideLocationsDropdown); 436 437 document.addEventListener('click', (e) => { 438 if (isOpen && !container.contains(e.target)) { 439 dropdown.classList.add('hidden'); 440 arrow.classList.remove('rotate-180'); 441 isOpen = false;
442 } 443 }); 444 } 445 }); 446 447 // Locations dropdown in "More" menu 448 const locationsMoreContainers = document.querySelectorAll('.locations-more-dropdown-container'); 449 locationsMoreContainers.forEach(container => { 450 const button = container.querySelector('.locations-more-button'); 451 const dropdown = container.querySelector('.locations-more-dropdown'); 452 const arrow = container.querySelector('.locations-more-arrow'); 453 454 if (button && dropdown && arrow) { 455 let isOpen = false; 456 457 button.addEventListener('click', (e) => { 458 e.preventDefault(); 459 e.stopPropagation(); 460 if (isOpen) { 461 dropdown.classList.add('hidden'); 462 arrow.classList.remove('rotate-180'); 463 isOpen = false; 464 } else { 465 dropdown.classList.remove('hidden'); 466 arrow.classList.add('rotate-180'); 467 isOpen = true; 468 } 469 }); 470 471 container.addEventListener('mouseenter', () => { 472 dropdown.classList.remove('hidden'); 473 arrow.classList.add('rotate-180'); 474 isOpen = true; 475 }); 476 477 container.addEventListener('mouseleave', () => { 478 dropdown.classList.add('hidden'); 479 arrow.classList.remove('rotate-180'); 480 isOpen = false; 481 }); 482 } 483 }); 484 485 // Mobile locations toggle 486 const mobileLocationsToggles = document.querySelectorAll('.mobile-locations-toggle'); 487 mobileLocationsToggles.forEach(toggle => { 488 const arrow = toggle.querySelector('.mobile-locations-arrow'); 489 const list = toggle.parentElement.querySelector('.mobile-locations-list'); 490 491 if (arrow && list) { 492 toggle.addEventListener('click', (e) => { 493 e.preventDefault(); 494 list.classList.toggle('hidden'); 495 arrow.classList.toggle('rotate-180'); 496 }); 497 } 498 }); 499 }); 500</script>
500 501 502<style> 503 .rotate-180 { 504 transform: rotate(180deg); 505 transition: transform 300ms; 506 } 507 508 #more-dropdown { 509 opacity: 0; 510 transition: opacity 300ms; 511 position: absolute; 512 top: 100%; 513 left: 50%; 514 right: 0; 515 width: 80vw; 516 margin-left: auto; 517 margin-right: auto; 518 z-index: 50; 519 transform: translateX(calc(-50% + 10vw)); 520 } 521 522 .dropdown-top-shadow { 523 box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06), 524 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 525 } 526 527 .locations-dropdown { 528 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 529 } 530 531 .locations-more-dropdown { 532 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 533 } 534</style> 535<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"> 536 537 <div class="flex flex-col xl:flex-row w-full max-w-[1440px] mx-auto gap-10"> 538 <!-- Left Column - Hero Image --> 539 <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/6f42b7d0-9eda-46e0-8b9e-1840fa0a7a65-igkefyp06b526czwnm3vkxlhutiz.jpeg);" aria-label="Get in Touch with Us"> 540 <div class="absolute inset-0 rounded-lg bg-black/40"></div> 541 <figcaption class="absolute inset-0 flex flex-col justify-center px-6 xl:px-14"> 542 <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> 543 </figcaption> 544 </figure> 545 546 <!-- Right Column - Form --> 547 <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"> 548 <!-- Display Flash Messages --> 549 <div class="mb-4" id="flash-wrapper" aria-live="polite"> 550 <div id="flash-error-wrapper" class="hidden mb-2 p-4 bg-red-100 border border-red-400 text-red-700 rounded" role="alert"> 551 <ul id="flash-error-list"></ul> 552 </div> 553 554 <div id="flash-success-wrapper" class="hidden p-4 bg-green-100 border border-green-400 text-green-700 rounded" role="status"></div> 555 </div> 556 557 <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"> 558 <input id="redirect_uri" autocomplete="off" type="hidden" name="redirect_uri" /> 559 <input value="o6yWZChR1t45qt9Wy3lApZtNM8AlgAVAYbyYKpwlXA==--M+PD5HFiRGRJwG1u--U5FojOYYYpMAtXSuDi7gzQ==" id="recipient_email" autocomplete="off" type="hidden" name="recipient_email" /> 560 <!-- Full Name Field (Optional) --> 561 <fieldset> 562 <legend class="sr-only">Full Name</legend> 563 <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="name"> 564 Full Name <span class="font-normal"></span> 565</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" /> 566 <small class="text-red-600 hidden" id="name-error">Name cannot exceed 100 characters.</small> 567 </fieldset> 568 569 <!-- Email Field (Required) --> 570 <fieldset> 571 <legend class="sr-only">Email</legend> 572 <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="email"> 573 Email <span class="font-normal">(required)</span> 574</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" /> 575 <small class="text-red-600 hidden" id="email-error">Please enter a valid email address.</small> 576 </fieldset> 577 578 <!-- Phone Field (Optional) --> 579 <fieldset> 580 <legend class="sr-only">Phone</legend> 581 <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="phone"> 582 Phone <span class="font-normal"></span> 583</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" /> 584 <small class="text-red-600 hidden" id="phone-error">Please enter a valid phone number (e.g., 123-456-7890 or 1234567890)</small> 585 </fieldset> 586 587 <input type="hidden" name="g-recaptcha-response" class="g-recaptcha-response"> 588 589 <!-- Message Field (Required) --> 590 <fieldset> 591 <legend class="sr-only">Message</legend> 592 <label class="block text-[var(--text-primary)] text-[13px] font-bold leading-[150%]" for="message"> 593 Message <span class="font-normal">(required)</span> 594</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"> 595</textarea> 596 <small class="text-red-600 hidden" id="message-error">Please enter your message (maximum 1000 characters).</small> 597 </fieldset> 598 599 600 <div class="mt-6 flex flex-col xl:flex-row justify-between items-center gap-4"> 601 <!-- Submit Button --> 602 <div class="w-full xl:w-auto"> 603 <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(207, 49, 49);" data-sitekey="6LcsffgqAAAAANLXQa19TOl4LbE2V7eS6PfaYhiT" data-callback="onContactSubmit" data-action="submit" data-disable-with="Submit" /> 604 </div> 605 </div> 606</form> 607 <!-- jQuery Validation Script --> 608
608<script type="module"> 609 $(document).ready(function() { 610 // Set the redirect_uri to the current page URL 611 $("#redirect_uri").val(window.location.href); 612 613 $("input[name='phone']").mask("000-000-0000"); 614 615 var urlParams = new URLSearchParams(window.location.search); 616 617 if (urlParams.has("errors[]") || urlParams.has("notice")) { 618 $("#flash-wrapper").removeClass("hidden"); 619 620 if (urlParams.has("errors[]")) { 621 $("#flash-error-wrapper").removeClass("hidden"); 622 623 let errors = urlParams.getAll("errors[]"); 624 625 let errorHtml = ""; 626 for(let i=0; i<errors.length; i++) { 627 errorHtml += `<li>${errors[i]}</li>`; 628 } 629 630 $("#flash-error-list").html(errorHtml); 631 } else { 632 $("#flash-success-wrapper").removeClass("hidden"); 633 $("#flash-success-wrapper").text(urlParams.get("notice")); 634 } 635 636 // Scroll to the contact form if the URL contains the "contact" parameter 637 document.getElementById("contact-form").scrollIntoView({ behavior: 'smooth' }); 638 } 639 640 // File input change handler 641 $('input[type="file"]').on('change', function() { 642 const fileError = $('#file-error'); 643 const acceptedFileTypes = $('#accepted-file-types'); 644 645 if (this.files.length > 0) { 646 const file = this.files[0]; 647 const allowedTypes = $(this).data('allowed-types').split(','); 648 const fileExtension = '.' + file.name.split('.').pop().toLowerCase(); 649 650 if (allowedTypes.includes(fileExtension)) { 651 fileError.addClass('hidden'); 652 acceptedFileTypes.removeClass('hidden'); 653 } 654 } 655 }); 656 }); 657 658 659 window.onContactSubmit = function(token) { 660 $(".text-red-600").addClass("hidden"); // Hide all error messages 661 662 $("#contact-form .g-recaptcha-response").val(token); 663 664 let isValid = true; 665 666 // Validate Full Name (Optional, max 100 characters) 667 const name = $("input[name='name']").val().trim(); 668 if (name.length > 100) { 669 $("#name-error").removeClass("hidden"); 670 isValid = false; 671 } 672 673 // Validate Email (Required and format) 674 const email = $("input[name='email']").val().trim(); 675 const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; 676 if (email === "" || !emailPattern.test(email)) { 677 $("#email-error").removeClass("hidden"); 678 isValid = false; 679 } 680 681 // Validate Phone (Optional, accepts both formats) 682 const phone = $("input[name='phone']").val().trim(); 683 const phonePatternWithDashes = /^\d{3}-\d{3}-\d{4}$/; 684 const phonePatternNumeric = /^\d{10}$/; 685 if (phone !== "" && !phonePatternWithDashes.test(phone) && !phonePatternNumeric.test(phone)) { 686 $("#phone-error") 687 .text("Please enter a valid phone number (e.g., 123-456-7890 or 1234567890)") 688 .removeClass("hidden"); 689 isValid = false; 690 } 691 692 // Validate Message (Required, max 1000 characters) 693 const message = $("textarea[name='message']").val().trim(); 694 if (message === "") { 695 $("#message-error").removeClass("hidden"); 696 isValid = false; 697 } else if (message.length > 1000) { 698 $("#message-error").text("Message cannot exceed 1000 characters.").removeClass("hidden"); 699 isValid = false; 700 } else { 701 $("#message-error").text("Please enter your message (maximum 1000 characters).").addClass("hidden"); 702 } 703 704 // Validate File Upload if enabled 705 const fileInput = $('input[type="file"]'); 706 if (fileInput.length && fileInput[0].files.length > 0) { 707 const file = fileInput[0].files[0]; 708 const maxSize = parseInt(fileInput.data('max-size')); 709 const allowedTypes = fileInput.data('allowed-types').split(','); 710 const fileError = $('#file-error'); 711 const acceptedFileTypes = $('#accepted-file-types'); 712 let fileWithError = false;
713 714 // Check file size 715 if (file.size > maxSize) { 716 fileError.text('File size must be less than 5MB'); 717 fileError.removeClass('hidden'); 718 acceptedFileTypes.addClass('hidden'); 719 isValid = false; 720 fileWithError = true; 721 } else { 722 acceptedFileTypes.removeClass('hidden'); 723 } 724 725 // Check file type 726 const fileExtension = '.' + file.name.split('.').pop().toLowerCase(); 727 if (!allowedTypes.includes(fileExtension)) { 728 fileError.text('Invalid file type. Please upload PDF, DOC, DOCX, or TXT files only. (max 5MB)'); 729 fileError.removeClass('hidden'); 730 acceptedFileTypes.addClass('hidden'); 731 isValid = false; 732 fileWithError = true; 733 } 734 735 if (fileWithError) { 736 acceptedFileTypes.addClass('hidden'); 737 } else { 738 acceptedFileTypes.removeClass('hidden'); 739 } 740 } 741 742 if (isValid) { 743 $('#contact-form').submit(); 744 } 745 }; 746 </script>
746 747 </div> 748 </div> 749 750 <!-- Schema.org JSON-LD structured data --> 751
751<script type="application/ld+json"> 752 { 753 "@context": "https://schema.org", 754 "@type": "ContactPage", 755 "name": "Get in Touch with Us", 756 "description": "Contact us form for inquiries and messages.", 757 "url": "https://www.peaceloveandcrawfish.com/contact-us", 758 "mainEntity": { 759 "@type": "Organization", 760 "contactPoint": { 761 "@type": "ContactPoint", 762 "contactType": "customer service", 763 "email": "[email protected]" 764 } 765 } 766 } 767 </script>
767 768</section><section class="w-full flex justify-center py-10 col-span-2" data-location_id="section-dc8cda6e-9d72-41cc-ac77-881280a4608d" aria-label="Locations information" id="section-_uW7lDQG" data-maglev-section-id="_uW7lDQG" data-maglev-section-type="dynamic_locations_01"> 769 770 771 772 773 <section class="w-full xl:max-w-[1440px] h-auto flex-shrink-0 bg-[var(--bg-secondary)] p-8"> 774 <header class="w-full flex flex-col items-center px-4 xl:px-0"> 775 <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-dc8cda6e-9d72-41cc-ac77-881280a4608d">Find Mudbugs in Buda, TX</h2> 776 <p data-maglev-id="_uW7lDQG.subtitle" class="text-[var(--text-secondary)] text-center text-[16px] font-normal leading-[24px] mt-2">Fresh Cajun seafood, fast service, and online ordering made easy.</p> 777 </header> 778 779 780 <div data-location_wrapper_id="dc8cda6e-9d72-41cc-ac77-881280a4608d-0" class="mt-10 mx-auto w-full max-w-[1057px] flex flex-col xl:flex-row justify-center"> 781 <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"> 782 <header> 783 <h3 class="text-[var(--text-primary)] text-[24px] font-semibold leading-[30px] tracking-[-0.192px]"> 784 MudBugs - A Cajun Joint 785 </h3> 786 787 <nav class="mt-4 flex flex-wrap gap-2 md:flex-nowrap md:space-x-3 md:overflow-x-auto" aria-label="Location navigation"> 788 789 <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"> 790 <a href="#" data-switch_location="dc8cda6e-9d72-41cc-ac77-881280a4608d-0" class="text-[14px] font-semibold leading-[140%]" aria-current="page"> 791 MudBugs - A Cajun Joint - Buda 306 S Main St Suite 107 792 </a> 793 </div> 794 </nav> 795 </header> 796 797 <address class="mt-6 flex items-center space-x-3 not-italic"> 798 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 799 <path 800 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" 801 fill="#666666"></path> 802 </svg> 803 <a href="https://www.google.com/maps/search/?api=1&query=306%20S%20Main%20St%20Suite%20107%2C%20Buda%2C%20TX%2C%2078610%2C%20US" target="_blank" 804 class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]"> 805 306 S Main St Suite 107, Buda, TX, 78610, US 806 </a> 807 </address> 808 809 <div class="mt-6 flex items-center space-x-3"> 810 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 811 <path
812 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" 813 fill="#666666"></path> 814 </svg> 815 <a href="tel:5125238241" class="text-[var(--text-primary)] text-[14px] font-normal leading-[20px]"> 816 512-523-8241 817 </a> 818 </div> 819 820 <div class="mt-6 flex flex-col space-y-2 xl:flex-row xl:space-x-3 justify-between"> 821 <div class="flex flex-wrap space-x-3"> 822 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"> 823 <path 824 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" 825 fill="#666666"></path> 826 </svg> 827 <div> 828 <section class="text-[var(--text-primary)] mt-0 space-y-2"> 829 <div class="sr-only" aria-hidden="false">Business Hours</div> 830 <b>Sunday:</b> 831 <div class="inline"> 832 <time content="10:00" datetime="10:00" class="inline">10:00 AM</time> - <time content="20:00" datetime="20:00" class="inline">8:00 PM</time> 833 </div> 834 <br /> 835 <b>Monday:</b> 836 <div class="inline"> 837 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time> 838 </div> 839 <br /> 840 <b>Tuesday:</b> 841 <div class="inline"> 842 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time> 843 </div> 844 <br /> 845 <b>Wednesday:</b> 846 <div class="inline"> 847 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time> 848 </div> 849 <br /> 850 <b>Thursday:</b> 851 <div class="inline"> 852 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="21:00" datetime="21:00" class="inline">9:00 PM</time> 853 </div> 854 <br /> 855 <b>Friday:</b> 856 <div class="inline"> 857 <time content="11:00" datetime="11:00" class="inline">11:00 AM</time> - <time content="22:00" datetime="22:00" class="inline">10:00 PM</time> 858 </div> 859 <br /> 860 <b>Saturday:</b> 861 <div class="inline"> 862 <time content="10:00" datetime="10:00" class="inline">10:00 AM</time> - <time content="22:00" datetime="22:00" class="inline">10:00 PM</time> 863 </div> 864 <br /> 865</section> 866 </div> 867 </div> 868 869 <div class="flex flex-col justify-end items-center xl:items-end"> 870 <a href="/stores" 871 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%]"> 872 Start an order 873 </a> 874 </div> 875 </div> 876 </article> 877 878 <figure class="w-full xl:w-[359px] h-[418px] mt-4 xl:mt-0 rounded-lg flex-shrink-0 overflow-hidden"> 879 <gmp-map center="30.0775604,-97.84563439999999" zoom="14" map-id="abc5b04ea38d0c8f"> 880 <gmp-advanced-marker 881 position="30.0775604,-97.84563439999999" 882 title="MudBugs - A Cajun Joint - 306 S Main St Suite 107, Buda, TX, 78610, US" 883 ></gmp-advanced-marker> 884</gmp-map> 885 886 </figure> 887 </div> 888 </section> 889 890
890<script type="module"> 891 $(document).on('click', '[data-location_id=section-dc8cda6e-9d72-41cc-ac77-881280a4608d] [data-switch_location]', function(e) { 892 e.preventDefault(); 893 const idx = $(this).data('switch_location'); 894 $('[data-location_id=section-dc8cda6e-9d72-41cc-ac77-881280a4608d] [data-location_wrapper_id]').addClass('hidden'); 895 $('[data-location_id=section-dc8cda6e-9d72-41cc-ac77-881280a4608d] [data-location_wrapper_id=' + idx + ']').removeClass('hidden'); 896 }); 897 </script>
897 898 899</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-uch0OQRg" data-maglev-section-id="uch0OQRg" data-maglev-section-type="standard_footer_01"> 900 <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6"> 901 902 <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4"> 903 <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"> 904 <a data-maglev-id="a3EMXLuGW8E.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="a3EMXLuGW8E.link.text">Catering</span></a> 905 </nav> 906 907 <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"> 908 <a data-maglev-id="Xlg1ygBgvz8.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/1402452756448051"> 909 <i class="text-[24px] pt-[4px] fa-brands fa-facebook-f" data-maglev-id="Xlg1ygBgvz8.icon"></i> 910</a> <a data-maglev-id="fYkRlftToCs.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/mudbugs_budatx"> 911 <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="fYkRlftToCs.icon"></i> 912</a> <a data-maglev-id="qLY_V4vsi_Y.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:5125238241"> 913 <i class="text-[24px] pt-[4px] mds-filled-phone_enabled" data-maglev-id="qLY_V4vsi_Y.icon"></i> 914</a> </nav> 915 916 <div class="col-span-1 hidden xl:block order-3"></div> 917 </div> 918 919 <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"> 920 <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"> 921 <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> 922 <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> 923 </nav> 924 925 <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization"> 926 <span>Mudbugs</span>⢠<span itemprop="copyrightYear">2026</span> All Rights Reserved 927 </p> 928 <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p> 929 </div> 930 </div> 931</footer> 932 </section> 933 </main> 934 935</body> 936</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.