1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <title>Our Story: Viet fusion in Brockton MA near me | N-Gon Viet Subs</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="Learn how N-GON Viet Subs blends authentic Vietnamese flavors and drive-thru convenience in Brockton, MA. Discover our story near me." /> 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.ngonvietsubs.com/our-story" /> 14 15 <link rel="icon" type="image/png" href="https://chowly-coo-configuration-assets.nyc3.digitaloceanspaces.com/chowly-coo-prod-configuration-assets/public/assets/Favicon-322-040a762d-84a5-4741-be3d-49e7fd3bd3bf.png"> 16 <link rel="canonical" href="https://www.ngonvietsubs.com/our-story" /> 17 18 19 20 21 22 <link rel="stylesheet" href="/assets/site-30f87c75efcbe6d49c2b82efefa89ff8a457ec2257db6c4ab5a187378abd0814.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&family=Roboto Slab:wght@400;700&display=swap" 81 rel="preload" as="style"> 82 <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&family=Roboto Slab:wght@400;700&display=swap" 83 rel="stylesheet"> 84 85 <style> 86 87 :root { 88 /* Light theme colors */ 89 --bg-primary: white; 90 --bg-secondary: #F2F2F2; 91 --bg-form: white; 92 --text-primary: #212121; 93 --text-secondary: #666; 94 --text-muted: #666666; 95 --border-primary: #31dd09; 96 --border-secondary: #D7D7D7; 97 --stroke-primary: #31dd09; 98 --stroke-secondary: currentColor; 99 --active-bg-opacity: 8%; 100 --active-text: #31dd09; 101 --hover-bg-opacity: 8%; 102 --hover-text: #31dd09; 103 --link-text: #666; 104 --link-hover: black; 105 --social-bg: #666; 106 --social-text: white; 107 --placeholder-text: #D7D7D7; 108 --focus-border: #777777; 109 --button-bg: transparent; 110 --button-text: #31dd09; 111 --button-border: #31dd09; 112 --button-hover-bg: transparent; 113 --button-hover-border: #31dd09; 114 --brand-primary: #31dd09; 115 --brand-overlay: rgba(49,221,9,0.08); 116 --brand-overlay-heavy: rgba(49,221,9,0.80); 117 --dim-overlay: rgba(0,0,0,0.4); 118 } 119 120 body { 121 background: linear-gradient(180deg, rgba(49, 221, 9, 0.08) 0px, rgba(49, 221, 9, 0.00) 520px); 122 } 123 124 .grecaptcha-badge { visibility: hidden; } 125 </style> 126 127 128 129
129<script src="https://cdn.userway.org/widget.js" data-account="2RTD1qUW2F" data-position="3"></script>
129 130 131 <link rel="stylesheet" href="/assets/vidbg-59cd2b661e27143a4d41f154396b1fabc6ac9c0893f4d4b1623cbf033efc0130.css" /> 132 133
133<script src="/assets/libraries/vidbg-ca103f7572673d0e7e3cc8a6a59b200f7ab3da61da78a43e532949d800635fa5.js"></script>
133 134
134<script src="/assets/banner-component-730ab5752d6195daf2963c20c32c885c4d07215b1fbd2a76a52cd94622d82ef7.js"></script>
134 135 136
136<script async> 137 window.chowlyApiHost = 'https://api.chowlyinc.com'; 138 window.siteHost = 'https://sites.chowly.app'; 139 </script>
139 140 141
141<script type="application/ld+json"> 142 {"@type":"Restaurant","name":"N-Gon Viet Subs","address":{"@type":"PostalAddress","streetAddress":"321 Crescent St","addressLocality":"Brockton","addressRegion":"MA ","postalCode":"02302","addressCountry":"US"},"telephone":"5086405000","geo":{"@type":"GeoCoordinates","latitude":42.0797553,"longitude":-71.0080296},"url":"https://www.ngonvietsubs.com#location-46949","priceRange":"$$","openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Sunday","opens":"10:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Monday","opens":"10:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Tuesday","opens":"10:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Wednesday","opens":"10:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Thursday","opens":"10:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Friday","opens":"10:00:00","closes":"21:00:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":"https://schema.org/Saturday","opens":"10:00:00","closes":"21:00:00"}],"hasMenu":"https://www.ngonvietsubs.com/menu","areaServed":["Brockton","Abington","Whitman","West Bridgewater","East Bridgewater","Holbrook","Stoughton","Rockland","Avon","Randolph"],"@context":"https://schema.org"} 143 </script>
143 144</head> 145<body data-organization-id="47326" > 146 <a href="#main-content" class="sr-only focus:not-sr-only">Skip to main content</a> 147 <main id="main-content" role="main" data-maglev-dropzone> 148 <section class="grid grid-cols-2 gap-0 justify-center"> 149 <div class="bg-[var(--brand-primary)] w-full h-[40px] flex justify-center items-center px-4 col-span-2" role="banner" id="section--ncXLf5n" data-maglev-section-id="-ncXLf5n" data-maglev-section-type="site_notification_01"> 150 <section class="flex items-center space-x-2 max-w-[1440px] w-full justify-center"> 151 <div class="w-[30px] h-[30px] overflow-hidden"> 152 <i class="text-white mds-phone_android" data-maglev-id="-ncXLf5n.icon" aria-hidden="true"></i> 153 </div> 154 <span data-maglev-id="-ncXLf5n.title" class="text-white text-[14px] font-normal leading-[24px] text-center line-clamp-2 overflow-hidden"><p><strong>Hungry? Letâs Make It EasyâOrder N-GON Online</strong></p></span> 155 </section> 156</div><header class="sticky top-0 z-50 bg-[var(--bg-primary)] py-[16px] xl:py-[12px] shadow-md w-full col-span-2" id="section-xj1PKGZn" data-maglev-section-id="xj1PKGZn" data-maglev-section-type="standard_nav_01"> 157 <div class="flex justify-between items-center px-4 xl:px-8 mx-auto w-full xl:max-w-[1440px]"> 158 <div class="flex items-center"> 159 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 160 <a href="/" aria-label="N-Gon Viet Subs home"> 161 <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2Cavif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-952-1af8ff3d-0e33-4051-bd89-b5386505330a.png" alt="N-Gon Viet Subs logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 162 </a> 163 </div> 164 165 <nav role="navigation" aria-label="Main navigation" class="hidden xl:block"> 166 <ul class="flex"> 167 168 169 <li> 170 <a data-maglev-id="k35K-eosb3g.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="k35K-eosb3g.link.text">Home</span></a> 171 </li> 172 173 <li> 174 <a data-maglev-id="PkYIDUD-DWA.link" class="flex bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3" aria-current="page" href="/our-story"><span data-maglev-id="PkYIDUD-DWA.link.text">Our Story</span></a> 175 </li> 176 177 <li> 178 <a data-maglev-id="Aq7PKJH6PLU.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="Aq7PKJH6PLU.link.text">Menu</span></a> 179 </li> 180 181 <li> 182 <a data-maglev-id="pWrZE8tY1GQ.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="https://linktr.ee/ngonvietsubs"><span data-maglev-id="pWrZE8tY1GQ.link.text">Linktree</span></a> 183 </li> 184 185 <li class="relative"> 186 <button id="more-menu-button" class="flex text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] items-center justify-center gap-2 py-2 px-3 text-sm font-semibold rounded-md mr-3"> 187 More 188 <svg id="more-arrow" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 transition-transform duration-300" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 189 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 190 </svg> 191 </button> 192 <div id="more-dropdown" class="hidden fixed left-0 right-0 w-full z-50 transition-all duration-300"> 193 <div class="mx-auto max-w-7xl bg-[var(--bg-secondary)] shadow-lg p-6 rounded-lg dropdown-top-shadow"> 194 <div class="grid grid-cols-3 gap-4"> 195 <div class="w-full mb-2"> 196 <a data-maglev-id="DfQPJcbfMNY.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="/catering"><span data-maglev-id="DfQPJcbfMNY.link.text">Catering</span></a> 197 </div> 198 <div class="w-full mb-2"> 199 <a data-maglev-id="WZyofk59Sf4.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] inline-block py-2 px-4 text-sm font-medium rounded-md" aria-current="false" href="/contact-us"><span data-maglev-id="WZyofk59Sf4.link.text">Contact Us</span></a> 200 </div> 201 </div> 202 </div> 203 </div> 204 </li> 205 </ul> 206 </nav> 207 </div> 208 209 <!-- Right side: Mobile toggle + Desktop buttons --> 210 <div class="flex items-center gap-2"> 211 <!-- Mobile menu toggle --> 212 <div class="xl:hidden"> 213 <button id="menu-toggle" class="focus:outline-none" aria-expanded="false" aria-controls="mobile-menu" aria-label="Toggle menu"> 214 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 215 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 216 </svg> 217 </button> 218 </div> 219 220 <!-- Desktop buttons (hidden on mobile) --> 221 <div class="hidden xl:flex items-center gap-2"> 222 <!-- Primary Order Now button (hardcoded) --> 223 <a href="/stores" class="inline-flex items-center justify-center h-12 px-8 bg-[var(--brand-primary)] text-white text-base font-semibold rounded-md hover:brightness-90">Order Now</a> 224 225 <!-- Secondary button (optional, configurable) --> 226 </div> 227 </div> 228 </div> 229 230 <div id="mobile-menu" class="hidden fixed top-0 left-0 w-full h-full bg-[var(--bg-primary)] z-50 overflow-y-auto"> 231 <div class="flex justify-between items-center px-4 py-4 sticky top-0 bg-[var(--bg-primary)] z-10"> 232 <div class="max-w-[280px] max-h-[100px] rounded-lg flex-shrink-0 mr-4 xl:mr-8"> 233 <img src="https://image-cdn.chowlyinc.com/300%2Cfit%2C
233avif/https%3A%2F%2Fchowly-coo-configuration-assets.nyc3.digitaloceanspaces.com%2Fchowly-coo-prod-configuration-assets%2Fpublic%2Fassets%2FLogo-952-1af8ff3d-0e33-4051-bd89-b5386505330a.png" alt="N-Gon Viet Subs logo" class="max-w-[280px] max-h-[100px] w-auto h-auto object-contain rounded-lg"> 234 </div> 235 <button id="menu-close" class="focus:outline-none" aria-label="Close menu"> 236 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="var(--stroke-primary)"> 237 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> 238 </svg> 239 </button> 240 </div> 241 242 <nav role="navigation" aria-label="Mobile navigation" class="pb-32"> 243 <ul class="flex flex-col items-start px-5 space-y-6 mt-8"> 244 245 <li> 246 <a data-maglev-id="k35K-eosb3g.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="k35K-eosb3g.link.text">Home</span></a> 247 </li> 248 249 <li> 250 <a data-maglev-id="PkYIDUD-DWA.link" class="bg-[var(--brand-primary)]/[var(--active-bg-opacity)] text-[var(--active-text)] py-2 px-4 text-sm font-semibold pl-3" aria-current="page" href="/our-story"><span data-maglev-id="PkYIDUD-DWA.link.text">Our Story</span></a> 251 </li> 252 253 <li> 254 <a data-maglev-id="Aq7PKJH6PLU.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="Aq7PKJH6PLU.link.text">Menu</span></a> 255 </li> 256 257 <li> 258 <a data-maglev-id="pWrZE8tY1GQ.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="https://linktr.ee/ngonvietsubs"><span data-maglev-id="pWrZE8tY1GQ.link.text">Linktree</span></a> 259 </li> 260 261 <li> 262 <a data-maglev-id="DfQPJcbfMNY.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="DfQPJcbfMNY.link.text">Catering</span></a> 263 </li> 264 265 <li> 266 <a data-maglev-id="WZyofk59Sf4.link" class="text-[var(--text-muted)] hover:bg-[var(--brand-primary)]/[var(--hover-bg-opacity)] py-2 px-4 text-sm font-semibold pl-3" aria-current="false" href="/contact-us"><span data-maglev-id="WZyofk59Sf4.link.text">Contact Us</span></a> 267 </li> 268 </ul> 269 </nav> 270 271 <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)]"> 272 <!-- Primary Order Now button (hardcoded) --> 273 <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> 274 275 <!-- Secondary button (optional, configurable) --> 276 </div> 277 </div> 278</header>
279<script> 280 const menuToggle = document.getElementById('menu-toggle'); 281 const menuClose = document.getElementById('menu-close'); 282 const mobileMenu = document.getElementById('mobile-menu'); 283 284 menuToggle.addEventListener('click', () => { 285 mobileMenu.classList.remove('hidden'); 286 mobileMenu.setAttribute('aria-hidden', 'false'); 287 menuToggle.setAttribute('aria-expanded', 'true'); 288 }); 289 290 menuClose.addEventListener('click', () => { 291 mobileMenu.classList.add('hidden'); 292 mobileMenu.setAttribute('aria-hidden', 'true'); 293 menuToggle.setAttribute('aria-expanded', 'false'); 294 }); 295 296 document.addEventListener('DOMContentLoaded', function() { 297 // More menu dropdown functionality 298 const moreButton = document.getElementById('more-menu-button'); 299 const moreDropdown = document.getElementById('more-dropdown'); 300 const moreArrow = document.getElementById('more-arrow'); 301 302 if (moreButton && moreDropdown && moreArrow) { 303 let isOpen = false; 304 let isHoveringButton = false; 305 let isHoveringDropdown = false; 306 let dropdownTimeout; 307 308 function showDropdown() { 309 clearTimeout(dropdownTimeout); 310 moreDropdown.classList.remove('hidden'); 311 moreDropdown.style.opacity = '1'; 312 moreArrow.classList.add('rotate-180'); 313 isOpen = true; 314 } 315 316 function hideDropdown() { 317 moreDropdown.style.opacity = '0'; 318 moreArrow.classList.remove('rotate-180'); 319 320 dropdownTimeout = setTimeout(() => { 321 moreDropdown.classList.add('hidden'); 322 isOpen = false; 323 }, 300); 324 } 325 326 function toggleDropdown() { 327 if (isOpen) { 328 hideDropdown(); 329 } else { 330 showDropdown(); 331 } 332 } 333 334 function updateDropdownVisibility() { 335 if (isHoveringButton || isHoveringDropdown) { 336 showDropdown(); 337 } else { 338 hideDropdown(); 339 } 340 } 341 342 moreButton.addEventListener('click', function(e) { 343 e.preventDefault(); 344 toggleDropdown(); 345 }); 346 347 moreButton.addEventListener('mouseenter', () => { 348 isHoveringButton = true; 349 updateDropdownVisibility(); 350 }); 351 352 moreButton.addEventListener('mouseleave', () => { 353 isHoveringButton = false; 354 toggleDropdown(); 355 }); 356 357 moreDropdown.addEventListener('mouseenter', () => { 358 isHoveringDropdown = true; 359 updateDropdownVisibility(); 360 }); 361 362 moreDropdown.addEventListener('mouseleave', () => { 363 isHoveringDropdown = false; 364 toggleDropdown(); 365 }); 366 367 document.addEventListener('click', function(e) { 368 if (isOpen && !moreButton.contains(e.target) && !moreDropdown.contains(e.target)) { 369 hideDropdown(); 370 } 371 }); 372 } 373 374 // Locations dropdown functionality (desktop main nav) 375 const locationsContainers = document.querySelectorAll('.locations-dropdown-container'); 376 locationsContainers.forEach(container => { 377 const button = container.querySelector('.locations-dropdown-button'); 378 const dropdown = container.querySelector('.locations-dropdown'); 379 const arrow = container.querySelector('.locations-arrow'); 380 381 if (button && dropdown && arrow) { 382 let isOpen = false; 383 let hoverTimeout; 384 385 function showLocationsDropdown() { 386 clearTimeout(hoverTimeout); 387 dropdown.classList.remove('hidden'); 388 arrow.classList.add('rotate-180'); 389 isOpen = true; 390 } 391 392 function hideLocationsDropdown() { 393 hoverTimeout = setTimeout(() => { 394 dropdown.classList.add('hidden'); 395 arrow.classList.remove('rotate-180'); 396 isOpen = false; 397 }, 150); 398 } 399 400 button.addEventListener('click', (e) => { 401 e.preventDefault(); 402 if (isOpen) { 403 hideLocationsDropdown(); 404 } else { 405 showLocationsDropdown(); 406 } 407 }); 408 409 container.addEventListener('mouseenter', showLocationsDropdown); 410 container.addEventListener('mouseleave', hideLocationsDropdown); 411 412 document.addEventListener('click', (e) => { 413 if (isOpen && !container.contains(e.target)) { 414 dropdown.classList.add('hidden'); 415 arrow.classList.remove('rotate-180'); 416 isOpen = false;
417 } 418 }); 419 } 420 }); 421 422 // Locations dropdown in "More" menu 423 const locationsMoreContainers = document.querySelectorAll('.locations-more-dropdown-container'); 424 locationsMoreContainers.forEach(container => { 425 const button = container.querySelector('.locations-more-button'); 426 const dropdown = container.querySelector('.locations-more-dropdown'); 427 const arrow = container.querySelector('.locations-more-arrow'); 428 429 if (button && dropdown && arrow) { 430 let isOpen = false; 431 432 button.addEventListener('click', (e) => { 433 e.preventDefault(); 434 e.stopPropagation(); 435 if (isOpen) { 436 dropdown.classList.add('hidden'); 437 arrow.classList.remove('rotate-180'); 438 isOpen = false; 439 } else { 440 dropdown.classList.remove('hidden'); 441 arrow.classList.add('rotate-180'); 442 isOpen = true; 443 } 444 }); 445 446 container.addEventListener('mouseenter', () => { 447 dropdown.classList.remove('hidden'); 448 arrow.classList.add('rotate-180'); 449 isOpen = true; 450 }); 451 452 container.addEventListener('mouseleave', () => { 453 dropdown.classList.add('hidden'); 454 arrow.classList.remove('rotate-180'); 455 isOpen = false; 456 }); 457 } 458 }); 459 460 // Mobile locations toggle 461 const mobileLocationsToggles = document.querySelectorAll('.mobile-locations-toggle'); 462 mobileLocationsToggles.forEach(toggle => { 463 const arrow = toggle.querySelector('.mobile-locations-arrow'); 464 const list = toggle.parentElement.querySelector('.mobile-locations-list'); 465 466 if (arrow && list) { 467 toggle.addEventListener('click', (e) => { 468 e.preventDefault(); 469 list.classList.toggle('hidden'); 470 arrow.classList.toggle('rotate-180'); 471 }); 472 } 473 }); 474 }); 475</script>
475 476 477<style> 478 .rotate-180 { 479 transform: rotate(180deg); 480 transition: transform 300ms; 481 } 482 483 #more-dropdown { 484 opacity: 0; 485 transition: opacity 300ms; 486 position: absolute; 487 top: 100%; 488 left: 50%; 489 right: 0; 490 width: 80vw; 491 margin-left: auto; 492 margin-right: auto; 493 z-index: 50; 494 transform: translateX(calc(-50% + 10vw)); 495 } 496 497 .dropdown-top-shadow { 498 box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1), 0 -2px 4px -1px rgba(0, 0, 0, 0.06), 499 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 500 } 501 502 .locations-dropdown { 503 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 504 } 505 506 .locations-more-dropdown { 507 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 508 } 509</style> 510 511 512<section class="w-full xl:px-0 col-span-2" role="banner" id="section-qatm2z8Ve7M" data-maglev-section-id="qatm2z8Ve7M" data-maglev-section-type="hero_cta_01"> 513 <div class="vidbg-4dc1453f51c5ceb560054af6 w-full h-[680px] flex-shrink-0 relative mx-auto my-0 bg-cover bg-center" style="background-image: url(/maglev/assets/0857eb0e-bdce-4e62-8a7f-2ae49b86c524-8c671f6d-f332-48d6-9db8-9e4ce7752daf.png);"> 514 515 516 <div class="absolute inset-0 bg-black/40 "></div> 517 518 <article class="absolute inset-0 flex flex-col justify-center mx-6 xl:mx-0 xl:pl-20 xl:py-16"> 519 <header class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]"> 520 <h2 data-maglev-id="qatm2z8Ve7M.title" class="text-white font-semibold text-[14px] md:text-[24px] xl:text-[28px] leading-tight tracking-wide">Discover Authentic Vietnamese Flavors at N-Gon Viet Subs</h2> 521 </header> 522 <div class="max-w-[400px] md:max-w-[500px] xl:max-w-[650px]"> 523 <p data-maglev-id="qatm2z8Ve7M.description" class="text-white font-bold text-[20px] md:text-[48px] xl:text-[56px] leading-tight xl:leading-[64px]"></p> 524 </div> 525 <div class="mt-2"> 526 </div> 527 </article> 528 529 530 <style> 531 532 533 534 </style> 535 </div> 536</section> 537<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-z1ERsHw6uNI" data-maglev-section-id="z1ERsHw6uNI" data-maglev-section-type="image_left_01"> 538 <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1"> 539 <img src="/maglev/assets/7f7d8382-598c-4650-892c-a17e800f47d0-76e395fa-4d26-4b93-931e-cc485d77813c.png" alt="Authentic Vietnamese Food with a Modern Twist in Brockton" data-maglev-id="z1ERsHw6uNI.image" class="rounded-lg w-full h-auto object-cover" /> 540 </figure> 541 <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2"> 542 <h2 data-maglev-id="z1ERsHw6uNI.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-90873777dfc7">Authentic Vietnamese Food with a Modern Twist in Brockton</h2> 543 544 <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4"> 545 <img src="/maglev/assets/7f7d8382-598c-4650-892c-a17e800f47d0-76e395fa-4d26-4b93-931e-cc485d77813c.png" alt="Authentic Vietnamese Food with a Modern Twist in Brockton" data-maglev-id="z1ERsHw6uNI.image" class="rounded-lg w-full h-auto object-cover" /> 546 </figure> 547 548 <p data-maglev-id="z1ERsHw6uNI.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">At N-GON Viet Subs, we blend <strong>authentic Vietnamese tradition</strong> with bold, modern flavors. From classic Bánh mì to inventive fusion dishes, every bite is made fresh and served fast. Inspired by the rich culinary heritage of Vietnam, our menu brings together subs, rice plates, vermicelli bowls, and smoothiesâall designed for todayâs busy lifestyle.</p> 549 550 </article> 551</section> 552<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-0fSusJv-z28" data-maglev-section-id="0fSusJv-z28" data-maglev-section-type="image_right_01"> 553 <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2 xl:order-1"> 554 <h2 data-maglev-id="0fSusJv-z28.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-866fa79541e7">What Does âN-GONâ Mean?</h2> 555 556 <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4"> 557 <img src="/maglev/assets/d9d749c5-a7c7-40d3-b615-e4f12b10fbce-d0070dce-7d01-4796-9314-31e8917ed460.jpeg" alt="What Does âN-GONâ Mean?" data-maglev-id="0fSusJv-z28.image" class="rounded-lg w-full h-auto object-cover" /> 558 </figure> 559 560 <p data-maglev-id="0fSusJv-z28.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16
560px] font-normal leading-[24px] mt-4">Our name, <strong>N-GON</strong> (pronounced âN Goneâ), is more than a clever play on wordsâitâs our philosophy. In Vietnamese, <em>ngon</em> means <strong>âdelicious,â</strong> while âGo/Goneâ captures the speed and convenience weâre known for. Together, they represent <strong>delicious food served fast.<br><br></strong>The idea for N-GON took shape in January 2020, inspired by a desire to bring fresh, authentic Vietnamese flavors to modern dining. After years of planning and refining, we opened in May 2022âproudly serving <strong>Brockton, MA</strong> ever since.</p> 561 562 </article> 563 <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1 xl:order-2"> 564 <img src="/maglev/assets/d9d749c5-a7c7-40d3-b615-e4f12b10fbce-d0070dce-7d01-4796-9314-31e8917ed460.jpeg" alt="What Does âN-GONâ Mean?" data-maglev-id="0fSusJv-z28.image" class="rounded-lg w-full h-auto object-cover" /> 565 </figure> 566</section> 567<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-Ds-3_b1HGyw" data-maglev-section-id="Ds-3_b1HGyw" data-maglev-section-type="image_left_01"> 568 <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1"> 569 <img src="/maglev/assets/12dbcdf9-dfd5-42af-ad94-7a5a4306f099-9c968a44-73a3-4126-a9f1-a036ae38b109.jpeg" alt="Brocktonâs First Vietnamese Drive-Thru" data-maglev-id="Ds-3_b1HGyw.image" class="rounded-lg w-full h-auto object-cover" /> 570 </figure> 571 <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2"> 572 <h2 data-maglev-id="Ds-3_b1HGyw.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-dfbda93ab8a5">Brocktonâs First Vietnamese Drive-Thru</h2> 573 574 <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4"> 575 <img src="/maglev/assets/12dbcdf9-dfd5-42af-ad94-7a5a4306f099-9c968a44-73a3-4126-a9f1-a036ae38b109.jpeg" alt="Brocktonâs First Vietnamese Drive-Thru" data-maglev-id="Ds-3_b1HGyw.image" class="rounded-lg w-full h-auto object-cover" /> 576 </figure> 577 578 <p data-maglev-id="Ds-3_b1HGyw.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Why should drive-thrus be limited to burgers and fries? At N-GON Viet Subs, we reimagined convenience with <strong>Brocktonâs and Massachusettsâ first Vietnamese drive-thru.</strong> Now you can enjoy fresh bánh mì, rice bowls, vermicelli, and smoothies â all without leaving your car.<br><br>Located at <strong>321 Crescent Street in Brockton, MA</strong>, our drive-thru makes it easy to grab a flavorful meal on the go. Not into drive-thru? No problem. We also offer phone orders, online ordering, delivery though 3rd party apps, and dine-in.</p> 579 580 </article> 581</section> 582<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-D7JF1zm-Vv0" data-maglev-section-id="D7JF1zm-Vv0" data-maglev-section-type="image_right_01"> 583 <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2 xl:order-1"> 584 <h2 data-maglev-id="D7JF1zm-Vv0.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-0b3c312aa10d">More Than a RestaurantâA Food Family</h2> 585 586 <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4"> 587 <img src="/maglev/assets/054cdd0f-31e9-4d86-a85e-e04882dfaf43-574239c0-85f8-4741-aa54-d8e5a1cd4f5b.jpeg" alt="More Than a RestaurantâA Food Family" data-maglev-id="D7JF1zm-Vv0.image" class="rounded-lg w-full h-auto object-cover" /> 588 </figure> 589 590 <p data-maglev-id="D7JF1zm-Vv0.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16
590px] font-normal leading-[24px] mt-4">At N-GON Viet Subs, weâre not just serving foodâweâre sharing happiness. Our mission is simple: bring <strong>authentic Vietnamese flavors</strong> to Brockton with the speed and convenience you need.<br><br>Whether youâre rushing between errands, have kids in the car, or simply need a quick bite, our <strong>drive-thru Vietnamese restaurant</strong> is here for you. Think fresh Bánh mì, rice bowls, and smoothiesâdelivered with a smile.</p> 591 592 </article> 593 <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1 xl:order-2"> 594 <img src="/maglev/assets/054cdd0f-31e9-4d86-a85e-e04882dfaf43-574239c0-85f8-4741-aa54-d8e5a1cd4f5b.jpeg" alt="More Than a RestaurantâA Food Family" data-maglev-id="D7JF1zm-Vv0.image" class="rounded-lg w-full h-auto object-cover" /> 595 </figure> 596</section> 597<section class="flex flex-grow flex-col xl:flex-row items-center xl:justify-evenly gap-6 xl:gap-6 w-full xl:max-w-[1440px] mx-auto mt-10 xl:mt-20 px-4 xl:px-0 col-span-2 md:col-span-1 xl:col-span-2" id="section-VcvNyolc" data-maglev-section-id="VcvNyolc" data-maglev-section-type="image_left_01"> 598 <figure class="w-full xl:w-[500px] flex-shrink-0 hidden #{layout_classes[:tablet_image_show]} xl:block order-1"> 599 <img src="/maglev/assets/044ed25f-60b7-4415-9f84-6a67cc85e57d-aa8ddee0-bd6d-46b3-8ba1-28b228232289.jpeg" alt="Be Part of the N-GON Viet Subs Story" data-maglev-id="VcvNyolc.image" class="rounded-lg w-full h-auto object-cover" /> 600 </figure> 601 <article class="w-full xl:w-[480px] flex-shrink-0 text-left order-2"> 602 <h2 data-maglev-id="VcvNyolc.title" class="text-[var(--text-primary)] font-semibold text-[32px] xl:text-[48px] leading-none tracking-[-0.48px]" id="section-title-2ab1cf1f16ac">Be Part of the N-GON Viet Subs Story</h2> 603 604 <figure class="#{layout_classes[:tablet_image_hide]} xl:hidden w-full mt-4"> 605 <img src="/maglev/assets/044ed25f-60b7-4415-9f84-6a67cc85e57d-aa8ddee0-bd6d-46b3-8ba1-28b228232289.jpeg" alt="Be Part of the N-GON Viet Subs Story" data-maglev-id="VcvNyolc.image" class="rounded-lg w-full h-auto object-cover" /> 606 </figure> 607 608 <p data-maglev-id="VcvNyolc.body" class="text-[var(--text-secondary)] text-[14px] xl:text-[16px] font-normal leading-[24px] mt-4">Food is more than fuelâitâs memories, joy, and connection. At N-GON Viet Subs, we invite you to be part of our story<strong>.</strong> From flavorful banh mi to refreshing smoothies, every meal is crafted to bring happiness to your day.<br><br>Located in <strong>Brockton, MA</strong>, weâre proud to serve our community with authentic Vietnamese flavors in a friendly, fast-casual setting. Come hungry, leave with a smileâthatâs our promise. Together, letâs create food memories worth savoring.</p> 609 610 <a data-maglev-id="VcvNyolc.button" class="inline-flex h-[48px] px-8 py-4 justify-center items-center gap-2 flex-shrink-0 bg-[var(--button-bg)] text-[var(--button-text)] border border-[var(--button-border)] hover:bg-[var(--button-hover-bg)] hover:border-[var(--button-hover-border)] text-[15px] font-semibold leading-[150%] rounded-[6px] mt-7" href="/stores"><span data-maglev-id="VcvNyolc.button.text">Start Your Order</span></a> 611 </article> 612</section><section class="w-full xl:max-w-[1440px] mx-auto h-auto flex-shrink-0 bg-[var(--brand-primary)]/[var(--active-bg-opacity)] relative flex flex-col items-start justify-center px-10 xl:px-20 py-10 xl:py-20 col-span-2" id="section-CyJ2YPG02oQ" data-maglev-section-id="CyJ2YPG02oQ" data-maglev-section-type="text_cta_01"> 613 <article class="text-left"> 614 <h2 class="text-[var(--text-primary)] text-[32px] xl:text-[48px] font-semibold tracking-[-0.48px] leading-tight xl:leading-none"> 615 <div data-maglev-id="CyJ2YPG02oQ.title">Click, Order, EatâEasy Online Ordering with N-GON in Brockton!</div> 616 </h2> 617 <a data-maglev-id="CyJ2YPG02oQ.button" class="mt-6 bg-[var(--brand-primary)] text-white text-[15px] font-semibold leading-[150%] inline-flex h-[48px] px-[32px] justify-center items-center gap-2 rounded-md hover:brightness-90 md:w-auto" href="/stores"><span data-maglev-id="CyJ2YPG02oQ.button.text">Order Now</span></a> 618 </article> 619</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-6Ymy7ha6" data-maglev-section-id="6Ymy7ha6" data-maglev-section-type="standard_footer_01"> 620 <div class="w-full px-4 xl:px-0 xl:w-[1200px] mx-auto flex flex-col space-y-3 xl:space-y-6"> 621 622 <div class="w-full grid grid-cols-1 xl:grid-cols-3 gap-4 xl:gap-4 mb-2 xl:mb-4"> 623 <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"> 624 <a data-maglev-id="VixLSqMFt-A.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="VixLSqMFt-A.link.text">Catering</span></a> 625 </nav> 626 627 <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"> 628 <a data-maglev-id="24aBzOCxnD8.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/ngonvietsubs"> 629 <i class="text-[24px] pt-[4px] fa-brands fa-facebook-f" data-maglev-id="24aBzOCxnD8.icon"></i> 630</a> <a data-maglev-id="vAtC-JYoLbY.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/ngonvietsubs/#"> 631 <i class="text-[24px] pt-[4px] fa-brands fa-instagram" data-maglev-id="vAtC-JYoLbY.icon"></i> 632</a> <a data-maglev-id="COJ7fu9AOkY.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:5086405000"> 633 <i class="text-[24px] pt-[4px] mds-filled-phone_enabled" data-maglev-id="COJ7fu9AOkY.icon"></i> 634</a> <a data-maglev-id="h9-USN1px5U.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-tiktok" href="https://www.tiktok.com/@ngonvietsubs"> 635 <i class="text-[24px] pt-[4px] fa-brands fa-tiktok" data-maglev-id="h9-USN1px5U.icon"></i> 636</a> </nav> 637 638 <div class="col-span-1 hidden xl:block order-3"></div> 639 </div> 640 641 <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"> 642 <nav class="flex flex-wrap justify-center xl:justify-start flex-grow
642space-x-4 xl:space-x-6 xl:pl-0" aria-label="Legal links"> 643 <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> 644 <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> 645 </nav> 646 647 <p class="relative text-center xl:flex-grow xl:left-[-200px]" itemscope itemtype="https://schema.org/Organization"> 648 <span>N-Gon Viet Subs</span>⢠<span itemprop="copyrightYear">2026</span> All Rights Reserved 649 </p> 650 <p class="text-center xl:text-right">Made by <a href="https://www.chowly.com" class="font-bold" rel="noopener">Chowly</a></p> 651 </div> 652 </div> 653</footer> 654 </section> 655 </main> 656 657</body> 658</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.