PageSourceSearch

https://www.ngonvietsubs.com/our-story

html ngonvietsubs.com collected 2026-10-04 08:32:46 UTC 44,649 bytes, 658 lines download raw bytes

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&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
81          rel="preload" as="style">
82    <link href="https://fonts.googleapis.com/css2?family=Roboto Slab:wght@400;700&amp;family=Roboto Slab:wght@400;700&amp;display=swap"
83          rel="stylesheet">
84
85  <style>
86    
87    :root {
88        /* 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&nbsp;<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.