1<!DOCTYPE html> 2<html prefix="og: http://ogp.me/ns#" lang="en-US"> 3<head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, minimum-scale=1.0"> 6 <title>Peak Living 125 000004687250 Contemporary Sofa with Tapered Wood Leg | Prime Brothers Furniture | Uph - Stationary Sofas</title> 7 <meta name="description" content="Shop for the Peak Living 125 000004687250 Contemporary Sofa with Tapered Wood Leg at Prime Brothers Furniture - Your Bay City, Saginaw, Midland, Michigan Furniture & Mattress Store" /> 8 <meta property="og:url" content="https://www.primebrothers.com/item/125-sofa/1196898324"> 9 <meta property="og:site_name" content="Prime Brothers Furniture"> 10 <meta property="fb:app_id" content="139906939907547"> 11 <link rel="canonical" href="https://www.primebrothers.com/item/125-sofa/1196898324"> 12<meta property="og:type" content="og:product"><meta property="og:title" content="125 Sofa"><meta property="og:description" content=""><meta property="og:image" content="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&quality=85"><meta property="og:image:alt" content="Contemporary Sofa with Tapered Wood Leg"><meta property="product:brand" content="Peak Living"><meta property="product:price:amount" content="488"><meta property="product:price:currency" content="USD"> 13 <link rel="stylesheet" href="/assets/bundle.css?v=d977fc338980" /> 14<link rel="preload" as="style" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round" onload="this.onload = null; this.rel = 'stylesheet'" crossorigin> 15<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&display=block" onload="this.onload = null; this.rel = 'stylesheet'" crossorigin /> 16<link rel="stylesheet" href="https://images.furnituredealer.net/rodeo/prod/c15fed87fdabe0735da35292236e5074/bb9bef060e474fa2a2e419b64e6bd2ab/css/445fc9dbba594c4d8e6acbd4e89f293d.css">
17<script type="text/javascript"> 18 (function(c,l,a,r,i,t,y){ 19 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 20 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 21 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 22 })(window, document, "clarity", "script", "o9tqfqdhe9"); 23</script>
23<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 23-24
23 24<script async src="https://www.googletagmanager.com/gtag/js?id=
24AW-979384400
vendor: 15 bytes, lines 24-25
24"> 25</script>
26<script> 27
vendor: 133 bytes, lines 27-30
27window.dataLayer = window.dataLayer || []; 28 function gtag(){dataLayer.push(arguments);} 29 gtag('js', new Date()); 30 gtag('config', '
30AW-979384400
vendor: 5 bytes, line 30
30');
31</script>
31 32
32<script> 33 const consentRequired = false; 34 const consentReady = new Promise((resolve, reject) => { 35 if(!consentRequired) 36 { 37 resolve(['necessary', 'marketing', 'analytics']); 38 return; 39 } 40 window.addEventListener('cc:onConsent', ({detail}) => { 41 resolve(detail.cookie.categories); 42 }, { once: true }); 43 }); 44 const marketingConsentGranted = new Promise((resolve, reject) => { 45 consentReady.then((categories) => { 46 console.log("categories", categories); 47 if(categories.includes("marketing")) 48 resolve(true); 49 else 50 reject(false); 51 }); 52 }); 53 </script>
53 54
54<script async src="https://www.googletagmanager.com/gtag/js"></script>
54 55
55<script> 56
vendor: 157 bytes, lines 56-59
56window.dataLayer = window.dataLayer || []; 57 function gtag() { dataLayer.push(arguments); } 58 gtag('js', new Date()); 59 gtag('config', '
59G-282DMSXCEE
vendor: 126 bytes, lines 59-60
59', { 'groups':['client', 'all', 'ga'],'client_id':'fa2a677d-1c3d-4826-89e8-ca700597ba64','send_page_view': false }); 60
60gtag('config', 'G-SSG4DQ2W11', {'groups': ['fdn', 'all', 'ga'], 'send_page_view': false }); 61 gtag('set', {"loggedIn":false,"gpid":0,"programLevel":"Gold","laurentide":false,"price":0.0,"quantity":0,"searchRank":0}); 62 gtag('event', 'page_view', { 'send_to': 'all' }); 63 </script>
63 64
64<script src="/lib/jquery/dist/jquery.min.js"></script>
64 65
65<script> 66 window.googleSignInApi = $.Deferred(); 67 window.fbLoaded = $.Deferred(); 68 window.fbPixel = $.Deferred(); 69 </script>
69 70 <link rel="icon" type="image/png" href="https://images.furnituredealer.net/img/dealer/35/upload/favicon/091ccdb19787489988759eed51f89b7f.png" />
71<script> 72 // global vars 73 var Utils = { 74 baseUrl: 'https://www.primebrothers.com/', 75 dealerId: '35', 76 facebookPixelId: '', 77 roomPlannerApiBaseUrl: 'https://api.furnituredealer.net/v2' 78 }; 79 var CurrentUser = { 80 id: '0', 81 firstName: '', 82 lastName: '', 83 email: '', 84 phone: '', 85 streetAddress: '', 86 city: '', 87 state: 'None', 88 country: '' 89 } 90 var udata = { 91 UserId: 0, 92 GlobalUserId: '', 93 DealerId: 35, 94 UserCookie: 'fa2a677d-1c3d-4826-89e8-ca700597ba64', 95 UserSession: '', 96 RoomPlannerId: 0, 97 IsAuthenticated: false 98 }; 99 const productListData = {}; 100 const _eventData = {"view_item":{"currency":"USD","value":488.0,"items":[{"item_id":"1196898324","item_name":"Sofa","item_sku":"000004687250","item_mpn":"12503-3010","item_brand":"Peak Living","item_collection":"125","quantity":0,"price":488.0,"item_category":"Upholstry","item_category2":"Living Room","item_category3":"Sofas","item_category4":"Uph - Stationary Sofas","index":0}],"send_to":["all"]}}; 101</script>
vendor: 2 bytes, line 101
101
102<script> 103 const hasKlaviyo = typeof klaviyo != "undefined"; 104</script>
vendor: 2 bytes, line 104
104
105<script src="/js/tracking.js?v=PqeS9oUu3njF8ui3qhSgUgML6Hdfnc55X20yoBouztg"></script>
105 106
106<script type="text/javascript"> 107 // Bootstrap Laurentide loader using server-prepared script URL. 108 marketingConsentGranted.then(() => { 109 (function (w, d, n) { 110 if (!(n in w)) { 111 w[n] = function () { 112 w[n].q.push(arguments); 113 if ("undefined" != typeof laurentide) { laurentide.execute(); } 114 }; 115 w[n].q = []; 116 } 117 var s = d.createElement('script'); 118 s.src = 'https://hydrant.furnituredealer.net/js/dist/t.js'; 119 s.async = 1; 120 var fs = d.getElementsByTagName('script')[0]; 121 fs.parentNode.insertBefore(s, fs); 122 })(window, document, 'laurentideTracker'); 123 var eventParams = { 124 actionData: {"page":{"pageType":"Item Page","url":null,"title":null},"contact":null,"productData":{"pageUrl":"https://www.primebrothers.com/item/125-sofa/1196898324","imageUrl":"https://images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg","description":"Sofa","attributes":{"Category":"Sofas","DesignStyle":"Contemporary","RoomName":"Living Room","Price":"488","ManufacturerName":"Peak Living"}}} 125 }; 126laurentideTracker("init", "tfAK4I5U0UeFMXrRft7yw"); 127 laurentideTracker("send", "pageView", eventParams); 128 }); 129 </script>
129 130 <link rel="stylesheet" href="/css/pages/item/item-15.css" /> 131 <link rel="stylesheet" href="/lib/glightbox/glightbox.css" /> 132</head> 133<body> 134
134<script> 135 window.userLocationDetectionComplete = detectAndPostUserLocation(); 136 async function detectAndPostUserLocation() { 137 const locationData = { 138 browserLat: 0, 139 browserLng: 0, 140 cfZip: "", 141 cfCity: "", 142 cfLat: "", 143 cfLng: "" 144 }; 145 try { 146 // Browser geolocation is optional; CF location still runs even if this fails. 147 const browserLocationEnabled = false; 148 if (browserLocationEnabled && navigator.geolocation) { 149 try { 150 const pos = await getCurrentPosition(); 151 locationData.browserLat = pos.coords.latitude; 152 locationData.browserLng = pos.coords.longitude; 153 } catch (geoError) { 154 console.debug("Geolocation unavailable/denied.", geoError); 155 } 156 } 157 // Always perform CF lookup. 158 const cfRes = await fetch("https://apicf.furnituredealer.net/v2/location/cflocate", { 159 method: "GET" 160 }); 161 if (cfRes.ok) { 162 console.log("detectlocation - response " + JSON.stringify(cfRes)); 163 const cf = await cfRes.json(); 164 locationData.cfCity = cf.city ?? ""; 165 locationData.cfZip = cf.zipCode ?? ""; 166 locationData.cfLat = cf.latitude ?? ""; 167 locationData.cfLng = cf.longitude ?? ""; 168 } 169 // Post detected location back to the app. 170 await fetch(`${Utils.baseUrl}userlocation/SetDetectedLocation`, { 171 method: "POST", 172 headers: { "Content-Type": "application/json" }, 173 body: JSON.stringify(locationData), 174 credentials: "same-origin" 175 }); 176 } catch (err) { 177 console.error("User location detection/post failed.", err); 178 } finally { 179 // Optional event for non-Promise listeners. 180 document.dispatchEvent(new CustomEvent("userlocation:detection-complete")); 181 console.log("detectlocation - finally "); 182 } 183 } 184 function getCurrentPosition(options = { enableHighAccuracy: fal
184se, timeout: 5000, maximumAge: 300000 }) { 185 return new Promise((resolve, reject) => { 186 navigator.geolocation.getCurrentPosition(resolve, reject, options); 187 }); 188 } 189 </script>
189 190<div class="targeted-section targeted-section__3 "> 191</div> 192<header class="hlv6 border-bottom bg-white hlv6-logoleftsearchright position-relative " id="header"> 193 <div class="hlv6-main d-flex align-items-stretch flex-wrap flex-lg-nowrap px-0 px-lg-3" 194 x-data="headerApp" 195 x-on:search-focus="searchFocus = true;$store.headerMask.on = true" 196 x-on:search-blur="searchFocus = false;$store.headerMask.on = false" 197 x-on:mask-clicked.window="searchFocus = false;showSearch = false;"> 198 <div class="hlv6-mobile-trigger-wrapper d-flex align-items-center d-lg-none py-3"> 199 <div class="hlv6-mobile-trigger" 200 :class="{'open': $store.mobileMenu.show}" 201 x-on:click="$store.mobileMenu.toggle();handleMask();searchFocus = false;showSearch = false;" 202 x-on:keyup.enter="$store.mobileMenu.toggle();handleMask();searchFocus = false;showSearch = false;" 203 tabindex="0" 204 aria-label="toggle menu"> 205 <span></span> 206 <span></span> 207 <span></span> 208 <span></span> 209 </div> 210 </div> 211 <div class="hlv6-mobile-trigger-wrapper d-flex d-lg-none align-items-center justify-content-center py-3" 212 aria-label="toggle search" 213 tabindex="0" 214 x-on:click="handleShowSearch();$store.mobileMenu.toggle(false)" 215 x-on:keyup.enter="handleShowSearch();$store.mobileMenu.toggle(false)" 216 role="button"> 217 <span class="material-symbols-outlined fw-200 notranslate" style="font-size:32px !important;">search</span> 218 </div> 219<a class="hlv6-logo w-100 my-auto mx-auto me-lg-4 py-3" href="/"> 220<picture> 221 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/img/dealer/35/upload/logo/0d3727d218474b5f86d201f3c9566cf3.png?format=webp&quality=85" type="image/webp"> 222 <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/img/dealer/35/upload/logo/0d3727d218474b5f86d201f3c9566cf3.png?format=jpg&quality=85" alt="Prime Brothers Furniture's logo" loading="eager" class="d-none d-lg-block" /> 223</picture> 224<picture> 225 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/img/dealer/35/upload/mobilelogo/b00f6db4438144978439489455399b45.png?format=webp&quality=85" type="image/webp"> 226 <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/img/dealer/35/upload/mobilelogo/b00f6db4438144978439489455399b45.png?format=jpg&quality=85" alt="Prime Brothers Furniture's logo" loading="eager" class="d-lg-none" /> 227</picture></a> 228<div class="hlv6-nav hlv6-nav--single w-100 d-none d-lg-flex" x-data="headerNav()" x-on:non-nav-hover.window="resetNav"> 229 <ul class="hlv6-container d-flex align-items-center justify-content-between position-relative"> 230 <li class="hlv6-nav__nav0-menu position-relative __show-icon" 231 x-on:mouseenter="mouseEnter(0, 0, 12)" 232 x-on:mouseleave="mouseLeave(0, 0)" 233 x-on:keydown.enter="mouseEnter(0, 0, 12)" 234 tabindex="0" 235 aria-label="open Start Shopping menu" 236 :aria-expanded="(activeNav0Show == 0).toString()"> 237 <a class="d-block my-2 mx-2 text-nowrap nav-builder-item__start-shopping" 238 href="https://www.primebrothers.com/getstarted" 239 >Start Shopping</a> 240 <ul class="hlv6-nav__nav1-menu position-absolute text-nowrap" 241 :class="{__active: activeNav0Show == 0}" 242 x-show="activeNav0Show == 0" x-cloak> 243 <li class="hlv6-nav__nav1-menu-item" 244 x-on:mouseenter="mouseEnter(1, 0)" 245 x-on:mouseleave="mouseLeave(1, 0)" 246 x-on:keydown.enter="mouseEnter(1, 0)" 247 aria-label="open Shop In Stock menu" 248 :aria-expanded="(activeNav1Show == 0).toString()">
249 <a class="d-block mb-1 nav-builder-item__shop-in-stock-" 250 href="https://www.primebrothers.com/p/shop-in-stock" 251 >Shop In Stock </a> 252 <div class="hlv6-nav__nav2-menu text-nowrap" 253 :class="{__active: activeNav1Show == 0}" 254 x-show="activeNav1Show == 0 || false" x-cloak> 255 <ul class="hlv6-nav__nav2-menu-wrapper"> 256 <li> 257 <a class="d-block nav-builder-item__" 258 ></a> 259 </li> 260 </ul> 261 </div> 262 </li> 263 <li class="hlv6-nav__nav1-menu-item" 264 x-on:mouseenter="mouseEnter(1, 1)" 265 x-on:mouseleave="mouseLeave(1, 1)" 266 x-on:keydown.enter="mouseEnter(1, 1)" 267 aria-label="open Living Room menu" 268 :aria-expanded="(activeNav1Show == 1).toString()"> 269 <a class="d-block mb-1 nav-builder-item__living-room" 270 href="https://www.primebrothers.com/livingroom/" 271 >Living Room</a> 272 <div class="hlv6-nav__nav2-menu text-nowrap" 273 :class="{__active: activeNav1Show == 1}" 274 x-show="activeNav1Show == 1 || false" x-cloak> 275 <ul class="hlv6-nav__nav2-menu-wrapper"> 276 <li> 277 <a class="d-block nav-builder-item__living-room-sets" 278 href="https://www.primebrothers.com/browse/living-room-groups/491" 279 >Living Room Sets</a> 280 </li> 281 <li> 282 <a class="d-block nav-builder-item__sofas-&-loveseats" 283 href="https://www.primebrothers.com/browse/sofas-and-loveseats/635" 284 >Sofas & Loveseats</a> 285 </li> 286 <li> 287 <a class="d-block nav-builder-item__sectional-sofas" 288 href="/browse/living-room/sectionals/7" 289 >Sectional Sofas</a> 290 </li> 291 <li> 292 <a class="d-block nav-builder-item__accent-chairs" 293 href="/browse/living-room/all-chairs/4" 294 >Accent Chairs</a> 295 </li> 296 <li> 297 <a class="d-block nav-builder-item__recliners" 298 href="/browse/living-room/recliners/36" 299 >Recliners</a> 300 </li> 301 <li> 302 <a class="d-block nav-builder
302-item__reclining-sofas" 303 href="/browse/living-room/reclining-sofas/35" 304 >Reclining Sofas</a> 305 </li> 306 <li> 307 <a class="d-block nav-builder-item__lift-chairs" 308 href="https://www.primebrothers.com/browse?pid=-443069027" 309 >LIft Chairs</a> 310 </li> 311 <li> 312 <a class="d-block nav-builder-item__sleepers-&-futons" 313 href="https://www.primebrothers.com/browse/sofa-sleepers-and-futons/636" 314 >Sleepers & Futons</a> 315 </li> 316 <li> 317 <a class="d-block nav-builder-item__ottomans-&-poufs" 318 href="https://www.primebrothers.com/browse/ottomans-and-poufs/637" 319 >Ottomans & Poufs</a> 320 </li> 321 <li> 322 <a class="d-block nav-builder-item__benches" 323 href="/browse/living-room/benches/25" 324 >Benches</a> 325 </li> 326 <li> 327 <a class="d-block nav-builder-item__coffee-tables" 328 href="/browse/accent-tables/cocktail-tables/76" 329 >Coffee Tables</a> 330 </li> 331 <li> 332 <a class="d-block nav-builder-item__side-&-end-tables" 333 href="/browse/accent-tables/end-tables/75" 334 >Side & End Tables</a> 335 </li> 336 <li> 337 <a class="d-block nav-builder-item__consoles-&-accent-cabinets" 338 href="https://www.primebrothers.com/browse/consoles-and-accent-cabinets/645" 339 >Consoles & Accent Cabinets</a> 340 </li> 341 <li> 342 <a class="d-block nav-builder-item__tv-stands-&-media-cabinets" 343 href="https://www.primebrothers.com/browse/tv-stands-and-media-cabinets/644" 344 >TV Stands & Media Cabinets</a> 345 </li> 346 <li> 347 <a class="d-block nav-builder-item__bookcases-&-shelving" 348 href="/browse/living-room/bookcases/26" 349 >Bookcases & Shelving</a> 350 </li> 351 <li> 352 <a class="d-block nav-builder
352-item__rugs" 353 href="/browse/living-room/rugs/65" 354 >Rugs</a> 355 </li> 356 <li> 357 <a class="d-block nav-builder-item__pillows-&-throws" 358 href="https://www.primebrothers.com/browse/pillow-and-throws/638" 359 >Pillows & Throws</a> 360 </li> 361 <li> 362 <a class="d-block nav-builder-item__all-living-room-furniture" 363 href="https://www.primebrothers.com/livingroom/" 364 >All Living Room Furniture</a> 365 </li> 366 </ul> 367 </div> 368 </li> 369 <li class="hlv6-nav__nav1-menu-item" 370 x-on:mouseenter="mouseEnter(1, 2)" 371 x-on:mouseleave="mouseLeave(1, 2)" 372 x-on:keydown.enter="mouseEnter(1, 2)" 373 aria-label="open Home Office menu" 374 :aria-expanded="(activeNav1Show == 2).toString()"> 375 <a class="d-block mb-1 nav-builder-item__home-office" 376 href="https://www.primebrothers.com/office/" 377 >Home Office</a> 378 <div class="hlv6-nav__nav2-menu text-nowrap" 379 :class="{__active: activeNav1Show == 2}" 380 x-show="activeNav1Show == 2 || false" x-cloak> 381 <ul class="hlv6-nav__nav2-menu-wrapper"> 382 <li> 383 <a class="d-block nav-builder-item__desks" 384 href="/browse/home-office/desks/53" 385 >Desks</a> 386 </li> 387 <li> 388 <a class="d-block nav-builder-item__office-chairs" 389 href="/browse/home-office/chairs-and-seating/54" 390 >Office Chairs</a> 391 </li> 392 <li> 393 <a class="d-block nav-builder-item__bookcases-&-shelving" 394 href="/browse/living-room/bookcases/26" 395 >Bookcases & Shelving</a> 396 </li> 397 <li> 398 <a class="d-block nav-builder-item__file-&-storage-cabinets" 399 href="/browse/home-office/filing-and-storage/55" 400 >File & Storage Cabinets</a> 401 </li> 402 <li> 403 <a class="d-block nav-builder-item__kids-desks-&-desk-chairs" 404 href="https://www.primebrothers.com/browse/kids-desks-and-desk-chairs/642" 405 >Kids Desks & Desk Chairs</a> 406 </li> 407 <li> 408 <a class="d-block nav-builder
408-item__all-home-office" 409 href="https://www.primebrothers.com/office/" 410 >All Home Office</a> 411 </li> 412 </ul> 413 </div> 414 </li> 415 <li class="hlv6-nav__nav1-menu-item" 416 x-on:mouseenter="mouseEnter(1, 3)" 417 x-on:mouseleave="mouseLeave(1, 3)" 418 x-on:keydown.enter="mouseEnter(1, 3)" 419 aria-label="open Dining Room menu" 420 :aria-expanded="(activeNav1Show == 3).toString()"> 421 <a class="d-block mb-1 nav-builder-item__dining-room" 422 href="https://www.primebrothers.com/diningroom/" 423 >Dining Room</a> 424 <div class="hlv6-nav__nav2-menu text-nowrap" 425 :class="{__active: activeNav1Show == 3}" 426 x-show="activeNav1Show == 3 || false" x-cloak> 427 <ul class="hlv6-nav__nav2-menu-wrapper"> 428 <li> 429 <a class="d-block nav-builder-item__table-&-chair-sets" 430 href="/browse/dining-room/table-and-chair-sets/431" 431 >Table & Chair Sets</a> 432 </li> 433 <li> 434 <a class="d-block nav-builder-item__dining-tables" 435 href="/browse/dining-room/tables/432" 436 >Dining Tables</a> 437 </li> 438 <li> 439 <a class="d-block nav-builder-item__dining-chairs" 440 href="/browse/dining-room/chairs/43" 441 >Dining Chairs</a> 442 </li> 443 <li> 444 <a class="d-block nav-builder-item__bar-stools" 445 href="/browse/dining-room/bar-stools/48" 446 >Bar Stools</a> 447 </li> 448 <li> 449 <a class="d-block nav-builder-item__dining-benches" 450 href="https://www.primebrothers.com/browse/dining-benches/556" 451 >Dining Benches</a> 452 </li> 453 <li> 454 <a class="d-block nav-builder-item__sideboards-&-buffets" 455 href="https://www.primebrothers.com/browse/dining-room/sideboards-and-buffets/626" 456 >Sideboards & Buffets</a> 457 </li> 458 <li> 459 <a class="d-block nav-builder-item__display-&-china-cabinets" 460 href="https://www.primebrothers.com/browse/display-and-china-cabinets/639" 461 >Display & China Cabinets</a> 462 </li> 463 <li> 464 <a class="d-block nav-builder
464-item__bars,-carts-&-bar-cabinets" 465 href="/browse/dining-room/bars/47" 466 >Bars, Carts & Bar Cabinets</a> 467 </li> 468 <li> 469 <a class="d-block nav-builder-item__kitchen-islands" 470 href="https://www.primebrothers.com/browse/dining-room/kitchen-islands/627" 471 >Kitchen Islands</a> 472 </li> 473 <li> 474 <a class="d-block nav-builder-item__dining-room-collections" 475 href="https://www.primebrothers.com/browse/dining-room-collections/489" 476 >Dining Room Collections</a> 477 </li> 478 <li> 479 <a class="d-block nav-builder-item__all-dining-room-furniture" 480 href="https://www.primebrothers.com/diningroom/" 481 >All Dining Room Furniture</a> 482 </li> 483 </ul> 484 </div> 485 </li> 486 <li class="hlv6-nav__nav1-menu-item" 487 x-on:mouseenter="mouseEnter(1, 4)" 488 x-on:mouseleave="mouseLeave(1, 4)" 489 x-on:keydown.enter="mouseEnter(1, 4)" 490 aria-label="open Bedroom menu" 491 :aria-expanded="(activeNav1Show == 4).toString()"> 492 <a class="d-block mb-1 nav-builder-item__bedroom" 493 href="https://www.primebrothers.com/bedroom/" 494 >Bedroom</a> 495 <div class="hlv6-nav__nav2-menu text-nowrap" 496 :class="{__active: activeNav1Show == 4}" 497 x-show="activeNav1Show == 4 || false" x-cloak> 498 <ul class="hlv6-nav__nav2-menu-wrapper"> 499 <li> 500 <a class="d-block nav-builder-item__bedroom-sets" 501 href="https://www.primebrothers.com/browse/bedroom-groups/488" 502 >Bedroom Sets</a> 503 </li> 504 <li> 505 <a class="d-block nav-builder-item__beds" 506 href="/browse/bedroom/beds/14" 507 >Beds</a> 508 </li> 509 <li> 510 <a class="d-block nav-builder-item__nightstands" 511 href="/browse/bedroom/nightstands/23" 512 >Nightstands</a> 513 </li> 514 <li> 515 <a class="d-block nav-builder-item__dressers-&-chests" 516 href="https://www.primebrothers.com/browse/dressers-and-chests/16" 517 >Dressers & Chests</a> 518 </li> 519 <li> 520 <a class="d-block nav-builder
520-item__armoires-&-wardrobes" 521 href="/browse/bedroom/armoires/15" 522 >Armoires & Wardrobes</a> 523 </li> 524 <li> 525 <a class="d-block nav-builder-item__benches" 526 href="/browse/living-room/benches/25" 527 >Benches</a> 528 </li> 529 <li> 530 <a class="d-block nav-builder-item__kids-bedroom" 531 href="https://www.primebrothers.com/kidsbedroom" 532 >Kids Bedroom</a> 533 </li> 534 <li> 535 <a class="d-block nav-builder-item__mattresses-&-foundations" 536 href="https://www.primebrothers.com/mattresses/" 537 >Mattresses & Foundations</a> 538 </li> 539 <li> 540 <a class="d-block nav-builder-item__bed-frames" 541 href="https://www.primebrothers.com/browse/bed-frames/640" 542 >Bed Frames</a> 543 </li> 544 <li> 545 <a class="d-block nav-builder-item__pillows-&-sheets" 546 href="https://www.primebrothers.com/browse/pillows-and-sheets/607" 547 >Pillows & Sheets</a> 548 </li> 549 <li> 550 <a class="d-block nav-builder-item__all-bedroom" 551 href="https://www.primebrothers.com/bedroom/" 552 >All Bedroom</a> 553 </li> 554 </ul> 555 </div> 556 </li> 557 <li class="hlv6-nav__nav1-menu-item" 558 x-on:mouseenter="mouseEnter(1, 5)" 559 x-on:mouseleave="mouseLeave(1, 5)" 560 x-on:keydown.enter="mouseEnter(1, 5)" 561 aria-label="open Mattresses menu" 562 :aria-expanded="(activeNav1Show == 5).toString()"> 563 <a class="d-block mb-1 nav-builder-item__mattresses" 564 href="https://www.primebrothers.com/mattress/" 565 >Mattresses</a> 566 <div class="hlv6-nav__nav2-menu text-nowrap" 567 :class="{__active: activeNav1Show == 5}" 568 x-show="activeNav1Show == 5 || false" x-cloak> 569 <ul class="hlv6-nav__nav2-menu-wrapper"> 570 <li> 571 <a class="d-block nav-builder-item__king-size-mattresses" 572 href="https://www.primebrothers.com/browse/king-size-mattresses/474" 573 >King Size Mattresses</a> 574 </li> 575 <li> 576 <a class="d-block nav-builder
576-item__queen-size-mattresses" 577 href="https://www.primebrothers.com/browse/queen-size-mattresses/473" 578 >Queen Size Mattresses</a> 579 </li> 580 <li> 581 <a class="d-block nav-builder-item__full-size-mattresses" 582 href="https://www.primebrothers.com/browse/full-size-mattresses/472" 583 >Full Size Mattresses</a> 584 </li> 585 <li> 586 <a class="d-block nav-builder-item__twin-size-mattresses" 587 href="https://www.primebrothers.com/browse/twin-size-mattresses/471" 588 >Twin Size Mattresses</a> 589 </li> 590 <li> 591 <a class="d-block nav-builder-item__foundations" 592 href="https://www.primebrothers.com/browse/foundations/632" 593 >Foundations</a> 594 </li> 595 </ul> 596 </div> 597 </li> 598 <li class="hlv6-nav__nav1-menu-item" 599 x-on:mouseenter="mouseEnter(1, 6)" 600 x-on:mouseleave="mouseLeave(1, 6)" 601 x-on:keydown.enter="mouseEnter(1, 6)" 602 aria-label="open Accents & Decor menu" 603 :aria-expanded="(activeNav1Show == 6).toString()"> 604 <a class="d-block mb-1 nav-builder-item__accents-&-decor" 605 href="https://www.primebrothers.com/accents/" 606 >Accents & Decor</a> 607 <div class="hlv6-nav__nav2-menu text-nowrap" 608 :class="{__active: activeNav1Show == 6}" 609 x-show="activeNav1Show == 6 || false" x-cloak> 610 <ul class="hlv6-nav__nav2-menu-wrapper"> 611 <li> 612 <a class="d-block nav-builder-item__rugs" 613 href="/browse/living-room/rugs/65" 614 >Rugs</a> 615 </li> 616 <li> 617 <a class="d-block nav-builder-item__pillows" 618 href="https://www.primebrothers.com/browse/pillows/604" 619 >Pillows</a> 620 </li> 621 <li> 622 <a class="d-block nav-builder-item__throws" 623 href="https://www.primebrothers.com/browse/throws/610" 624 >Throws</a> 625 </li> 626 <li> 627 <a class="d-block nav-builder-item__ottomans-&-poufs" 628 href="https://www.primebrothers.com/browse/ottomans-and-poufs/637" 629 >Ottomans & Poufs</a> 630 </li> 631 <li> 632 <a class="d-block nav-builder
632-item__benches" 633 href="/browse/living-room/benches/25" 634 >Benches</a> 635 </li> 636 <li> 637 <a class="d-block nav-builder-item__accent-tables" 638 href="https://www.primebrothers.com/browse/accent-tables/33" 639 >Accent Tables</a> 640 </li> 641 <li> 642 <a class="d-block nav-builder-item__consoles-&-accent-cabinets" 643 href="https://www.primebrothers.com/browse/console-and-accent-cabinets/645" 644 >Consoles & Accent Cabinets</a> 645 </li> 646 <li> 647 <a class="d-block nav-builder-item__coat-rack-&-hall-trees" 648 href="https://www.primebrothers.com/browse/coat-rack-and-hall-trees/237" 649 >Coat Rack & Hall Trees</a> 650 </li> 651 <li> 652 <a class="d-block nav-builder-item__mirrors" 653 href="/browse/bedroom/mirrors/32" 654 >Mirrors</a> 655 </li> 656 <li> 657 <a class="d-block nav-builder-item__wall-art" 658 href="/browse/accents/wall-art/583" 659 >Wall Art</a> 660 </li> 661 <li> 662 <a class="d-block nav-builder-item__lamps-&-lighting" 663 href="https://www.primebrothers.com/browse/lamps-and-lighting/31" 664 >Lamps & Lighting</a> 665 </li> 666 <li> 667 <a class="d-block nav-builder-item__accessories" 668 href="https://www.primebrothers.com/browse/accessories/582" 669 >Accessories</a> 670 </li> 671 </ul> 672 </div> 673 </li> 674 <li class="hlv6-nav__nav1-menu-item" 675 x-on:mouseenter="mouseEnter(1, 7)" 676 x-on:mouseleave="mouseLeave(1, 7)" 677 x-on:keydown.enter="mouseEnter(1, 7)" 678 aria-label="open Storage & Display menu" 679 :aria-expanded="(activeNav1Show == 7).toString()"> 680 <a class="d-block mb-1 no-link nav-builder-item__storage-&-display" 681 >Storage & Display</a> 682 <div class="hlv6-nav__nav2-menu text-nowrap" 683 :class="{__active: activeNav1Show == 7}" 684 x-show="activeNav1Show == 7 || false" x-cloak> 685 <ul class="hlv6-nav__nav2-menu-wrapper"> 686 <li> 687 <a class="d-block nav-builder
687-item__storage-cabinets-&-consoles" 688 href="https://www.primebrothers.com/browse/storage-cabinets-and-consoles/645" 689 >Storage Cabinets & Consoles</a> 690 </li> 691 <li> 692 <a class="d-block nav-builder-item__display-cabinets-&-curios" 693 href="https://www.primebrothers.com/browse/display-cabinets-and-curios/639" 694 >Display Cabinets & Curios</a> 695 </li> 696 <li> 697 <a class="d-block nav-builder-item__bookcases-&-shelving" 698 href="/browse/living-room/bookcases/26" 699 >Bookcases & Shelving</a> 700 </li> 701 <li> 702 <a class="d-block nav-builder-item__storage-benches-&-ottomans" 703 href="https://www.primebrothers.com/browse/storage-benches-and-ottomans/646" 704 >Storage Benches & Ottomans</a> 705 </li> 706 <li> 707 <a class="d-block nav-builder-item__bar-&-wine-storage" 708 href="/browse/dining-room/bars/47" 709 >Bar & Wine Storage</a> 710 </li> 711 </ul> 712 </div> 713 </li> 714 <li class="hlv6-nav__nav1-menu-item" 715 x-on:mouseenter="mouseEnter(1, 8)" 716 x-on:mouseleave="mouseLeave(1, 8)" 717 x-on:keydown.enter="mouseEnter(1, 8)" 718 aria-label="open Kids menu" 719 :aria-expanded="(activeNav1Show == 8).toString()"> 720 <a class="d-block mb-1 nav-builder-item__kids" 721 href="https://www.primebrothers.com/kidsbedroom" 722 >Kids</a> 723 <div class="hlv6-nav__nav2-menu text-nowrap" 724 :class="{__active: activeNav1Show == 8}" 725 x-show="activeNav1Show == 8 || false" x-cloak> 726 <ul class="hlv6-nav__nav2-menu-wrapper"> 727 <li> 728 <a class="d-block nav-builder-item__kids-bedroom-sets" 729 href="/browse/kids-bedroom/kids-bedroom-sets/594" 730 >Kids Bedroom Sets</a> 731 </li> 732 <li> 733 <a class="d-block nav-builder-item__kids-beds" 734 href="/browse/bedroom/kids-beds/67" 735 >Kids Beds</a> 736 </li> 737 <li> 738 <a class="d-block nav-builder-item__bunk-beds-&-lofts" 739 href="/browse/bedroom/bunk-beds/18" 740 >Bunk Beds & Lofts</a> 741 </li> 742 <li> 743 <a class="d-block nav-builder
743-item__nightstands" 744 href="/browse/kids-bedroom/kids-nightstands/543" 745 >Nightstands</a> 746 </li> 747 <li> 748 <a class="d-block nav-builder-item__kids-dressers-&-chests" 749 href="https://www.primebrothers.com/browse/kids-dressers-and-chests/643" 750 >Kids Dressers & Chests</a> 751 </li> 752 <li> 753 <a class="d-block nav-builder-item__bookcases-&-shelving" 754 href="https://www.primebrothers.com/browse/bookcases-and-shelving/647" 755 >Bookcases & Shelving</a> 756 </li> 757 <li> 758 <a class="d-block nav-builder-item__desks-&-desk-chairs" 759 href="https://www.primebrothers.com/browse/desks-and-desk-chairs/642" 760 >Desks & Desk Chairs</a> 761 </li> 762 <li> 763 <a class="d-block nav-builder-item__benches-&-poufs" 764 href="https://www.primebrothers.com/browse/benches-and-poufs/648" 765 >Benches & Poufs</a> 766 </li> 767 <li> 768 <a class="d-block nav-builder-item__all-kids-furniture" 769 href="https://www.primebrothers.com/kidsbedroom/" 770 >All Kids Furniture</a> 771 </li> 772 </ul> 773 </div> 774 </li> 775 <li class="hlv6-nav__nav1-menu-item" 776 x-on:mouseenter="mouseEnter(1, 9)" 777 x-on:mouseleave="mouseLeave(1, 9)" 778 x-on:keydown.enter="mouseEnter(1, 9)" 779 aria-label="" 780 :aria-expanded="(activeNav1Show == 9).toString()"> 781 <a class="d-block mb-1 nav-builder-item__outdoor" 782 href="https://www.primebrothers.com/outdoor/" 783 >Outdoor</a> 784 </li> 785 <li class="hlv6-nav__nav1-menu-item" 786 x-on:mouseenter="mouseEnter(1, 10)" 787 x-on:mouseleave="mouseLeave(1, 10)" 788 x-on:keydown.enter="mouseEnter(1, 10)" 789 aria-label="" 790 :aria-expanded="(activeNav1Show == 10).toString()"> 791 <a class="d-block mb-1 nav-builder-item__bogo-deals" 792 href="https://www.primebrothers.com/promotion/bogo" 793 >BOGO Deals</a> 794 </li> 795 <li class="hlv6-nav__nav1-menu-item" 796 x-on:mouseenter="mouseEnter(1, 11)" 797 x-on:mouseleave="mouseLeave(1, 11)" 798 x-on:keydown.enter="mouseEnter(1, 11)" 799 aria-label="open Store Info menu" 800 :aria-expanded="(activeNav1Show == 11).toString()"> 801 <a class="d-block mb-1 no-link nav-builder
801-item__store-info" 802 >Store Info</a> 803 <div class="hlv6-nav__nav2-menu text-nowrap" 804 :class="{__active: activeNav1Show == 11}" 805 x-show="activeNav1Show == 11 || false" x-cloak> 806 <ul class="hlv6-nav__nav2-menu-wrapper"> 807 <li> 808 <a class="d-block nav-builder-item__about-us" 809 href="https://www.primebrothers.com/about-us/" 810 >About Us</a> 811 </li> 812 <li> 813 <a class="d-block nav-builder-item__financing" 814 href="https://www.primebrothers.com/financing/" 815 >Financing</a> 816 </li> 817 <li> 818 <a class="d-block nav-builder-item__track-your-delivery" 819 href="https://www.primebrothers.com/track-your-order" 820 >Track Your Delivery</a> 821 </li> 822 </ul> 823 </div> 824 </li> 825 </ul> 826 </li> 827 </ul> 828</div> 829<div class="ms-auto d-none d-lg-flex justify-content-end w-100 order-2"> 830 <div class="d-flex flex-column"> 831 <div class="hlv6-search d-flex justify-content-end pt-3" :class="{'__show ': showSearch}"> 832 <div class="border mt-2 mt-lg-auto mb-auto w-100" :class="{'border-dark': searchFocus}"> 833<div id="searchbox-2f2c001e9619476cbbe48e4e16f552c5" x-data="autoCompleteSearch()" role="search" class="keyword-search position-relative d-flex align-items-center" x-on:click.outside="open = false" 834 data-search-string="" 835 data-autocomplete-url="/browse/Main/GetAutoCompleteKeywords"> 836 <input aria-autocomplete="list" aria-describedby="searchbox-2f2c001e9619476cbbe48e4e16f552c5-error" aria-label="Search By Keyword" autocomplete="off" class="js-search-auto-complete hlv6-search__text-box form-control border-0" id="searchbox-2f2c001e9619476cbbe48e4e16f552c5-input" name="SearchString" placeholder="search" type="search" value="" x-model="searchString" x-on:blur="$dispatch('search-blur')" x-on:focus="$dispatch('search-focus'); open = true" x-on:input.debounce="fetchAutocompleteKeywords" x-on:keyup.enter="submitSearch(searchString)" /> 837 <i id="searchbox-2f2c001e9619476cbbe48e4e16f552c5-font-icon" tabindex="0" class="search-submit-btn hlv6-search__submit mx-2 material-icons notranslate" alt="Search submit" role="button" x-on:click="submitSearch(searchString)" x-on:keyup.enter="submitSearch(searchString)">search</i> 838 <span class="search__focus" role="presentation"></span> 839 <div id="searchbox-2f2c001e9619476cbbe48e4e16f552c5-error" class="visually-hidden" aria-live="polite"></div> 840 <div class="autocomplete-suggestions" x-show="open && suggestions.length" x-cloak x-transition> 841 <template x-for="group in suggestions" :key="group.name"> 842 <div> 843 <div class="autocomplete-group" role="group"> 844 <strong class="group-title" x-text="group.name"></strong> 845 </div> 846 <template x-for="item in group.items" :key="item.kw"> 847 <div class="autocomplete-suggestion" tabindex="0" data-index="0" role="option" x-html="highlight(item.kw)" x-on:click="submitSearch(item.kw, group.name)" x-on:keyup.enter="submitSearch(item.kw, group.name)"></div> 848 </template> 849 </div> 850 </template> 851 </div> 852</div> 853 </div> 854 </div> 855 <div class="d-flex align-items-center justify-content-end"> 856<div class="hlv6-nav-secondary d-none d-lg-flex text-nowrap" x-data="headerNav()"> 857 <ul class="d-flex align-items-center position-relative py-3 " 858 x-data="{show: false}" 859 x-on:mouseenter="show = false" 860 x-on:mouseleave="show = false" 861 x-on:nav-hover.window="show = false" 862 x-on:non-nav-hover.window="show = false" 863 x-on:keydown.enter="show = false" 864 tabindex="0" 865 :aria-expanded="show.toString()" 866 aria-label="Toggle Current Ad">
867 <li class="nav-builder-single-level me-3"> 868 <a class=" nav-builder-item__current-ad" 869 href="https://www.primebrothers.com/sale/" 870 aria-label="Current Ad" 871 title="Current Ad" 872 > 873 <span>Current Ad</span> 874 </a> 875 </li> 876 </ul> 877</div> 878 <div class="hlv6-location hlv6-nav-secondary position-relative me-3 d-none d-lg-flex align-items-center py-3 h-100" 879 :class="{'px-1': false, 'me-3': true}" 880 x-data="{show: false}" 881 x-on:mouseenter="hoverIntent(true, () => { show = true }, $el)" 882 x-on:mouseleave="hoverIntent(false, () => { show = false })" 883 x-on:nav-hover.window="show = false" 884 x-on:non-nav-hover.window="show = false" 885 x-on:keydown.enter="hoverIntent(true, () => { show = true }, $el)" 886 tabindex="0" 887 aria-label="Toggle location" 888 :aria-expanded="show.toString()" 889 aria-controls="hlv6-location-menu"> 890 <a class="text-capitalize" href="https://www.primebrothers.com/store/bay-city">location</a> 891 <div id="hlv6-location-menu" class="hlv6-location-menu position-absolute animated faster border-left border-right border-bottom" x-show="show" x-cloak x-transition:enter="fadeIn" x-transition:leave="fadeOut"> 892 <div class="hlv6-location-menu-title lead text-center border-bottom p-2">come say hello!</div> 893 <div class="hlv6-location-menu-wrapper py-1 px-2"> 894 <a class="hlv6-store" itemscope itemtype="https://schema.org/LocalBusiness" href="https://www.primebrothers.com/store/bay-city"> 895 <div class="hlv6-store-name notranslate" itemprop="name">Prime Brothers Furniture</div> 896 <div class="hlv6-store-address" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> 897 <div itemprop="streetAddress"> 898 1500 Euclid Ave. 899 </div> 900 <span itemprop="addressLocality">Bay City</span>, 901 <span itemprop="addressRegion">MI</span> 902 <span itemprop="postalCode">48706</span> 903 </div> 904 <div class="hlv6-store-phone1" itemprop="telephone">989-686-1212</div> 905 </a> 906 </div> 907 <div class="d-flex align-items-center justify-content-center py-2 border-top"> 908 <a href="https://www.primebrothers.com/store/bay-city" class="btn btn-outline-dark">Get Directions</a> 909 </div> 910 </div> 911 </div> 912 <div class="hlv6-my-account hlv6-nav-secondary d-none d-lg-flex align-items-center py-3" :class="{'px-1': false}"> 913 <a class="text-nowrap" href="/login?returnUrl=%2Fitem%2F125-sofa%2F1196898324" rel="nofollow">Sign In</a> 914 </div> 915<div x-data x-cloak class="d-flex align-items-center"> 916 <div class="hlv6-nav-secondary align-items-center px-1 py-3" 917 :class="{'me-1': $store.listStatus.totalItemCount > 0, 'd-flex': $store.listStatus.visible}" 918 x-show="$store.listStatus.visible" 919 x-cloak 920 x-transition> 921 <div class="list-status" 922 role="button" 923 tabindex="0" 924 title="My Lists" 925 aria-label="My Lists" 926 onclick="toggleListStatus()">
927 <span class="list-status__icon"> 928 <span class="material-symbols-outlined fw-200 notranslate" style="font-size:32px !important;">favorite</span> 929 <span class="list-status__count" 930 x-show="$store.listStatus.totalItemCount > 0" 931 x-cloak 932 x-text="$store.listStatus.totalItemCount"></span> 933 </span> 934 </div> 935 </div> 936</div> 937<div id="cartStatusSlideOut-app" class="hlv6-cart position-relative ms-1 d-flex align-items-center"></div>
938<script> 939 window.cartStatusAppData = window.cartStatusAppData || {}; 940 window.cartStatusAppData.model = { 941 containerSelector: "#cartStatusSlideOut-app", 942 slideOutId: "cartStatusSlideOut", 943 isMobileInstance: false, 944 viewCartUrl: "https://www.primebrothers.com/shoppingcart/checkout", 945 showViewFullCartLink: false, 946 checkoutButtonText: "Checkout!", 947 estimatedTotalDisclaimer: "This estimated amount does not include delivery or tax and is subject to change.", 948 cartItemCount: 0, 949 cartPriceTotal: "", 950 cartItems: [], 951 cartTotalAddons: [], 952 urls: { 953 cartStatusUpdate: "/shoppingcart/ShoppingCart/CartStatusUpdate", 954 updateCartItem: "/shoppingcart/ShoppingCart/UpdateCartItem", 955 bundleDiscounts: "/shoppingcart/ShoppingCart/BundleDiscounts?cssWrapperClasses=px-3%20pt-3", 956 bundleDiscountTotals: "/shoppingcart/ShoppingCart/BundleDiscountTotalsV5", 957 getCartTotalAddons: "/shoppingcart/ShoppingCart/GetCartTotalAddons", 958 addOrUpdateCartTotalAddon: "/shoppingcart/ShoppingCart/AddOrUpdateCartTotalAddon" 959 } 960 }; 961</script>
vendor: 2 bytes, line 961
961
962<script src="/js/apps/cart-status/app.js"></script>
962 963 </div> 964 </div> 965</div> 966 <div class="hlv6-mobile-trigger-wrapper d-flex d-lg-none align-items-center justify-content-center py-3" 967 x-data x-cloak> 968 <template x-if="$store.listStatus.visible"> 969 <div class="list-status" 970 role="button" 971 tabindex="0" 972 title="My Lists" 973 aria-label="My Lists" 974 onclick="toggleListStatus()"> 975 <span class="list-status__icon"> 976 <span class="material-symbols-outlined fw-200 notranslate" style="font-size:32px !important;">favorite</span> 977 <span class="list-status__count" 978 x-show="$store.listStatus.totalItemCount > 0" 979 x-text="$store.listStatus.totalItemCount"></span> 980 </span> 981 </div> 982 </template> 983 </div> 984 <div class="hlv6-mobile-trigger-wrapper d-flex d-lg-none align-items-center justify-content-end py-3 pe-2"> 985<div id="cartStatusSlideOutMobile-app" class="hlv6-cart position-relative ms-1 d-flex align-items-center"></div>
986<script> 987 window.cartStatusAppData = window.cartStatusAppData || {}; 988 window.cartStatusAppData.model = { 989 containerSelector: "#cartStatusSlideOutMobile-app", 990 slideOutId: "cartStatusSlideOutMobile", 991 isMobileInstance: true, 992 viewCartUrl: "https://www.primebrothers.com/shoppingcart/checkout", 993 showViewFullCartLink: false, 994 checkoutButtonText: "Checkout!", 995 estimatedTotalDisclaimer: "This estimated amount does not include delivery or tax and is subject to change.", 996 cartItemCount: 0, 997 cartPriceTotal: "", 998 cartItems: [], 999 cartTotalAddons: [], 1000 urls: { 1001 cartStatusUpdate: "/shoppingcart/ShoppingCart/CartStatusUpdate", 1002 updateCartItem: "/shoppingcart/ShoppingCart/UpdateCartItem", 1003 bundleDiscounts: "/shoppingcart/ShoppingCart/BundleDiscounts?cssWrapperClasses=px-3%20pt-3", 1004 bundleDiscountTotals: "/shoppingcart/ShoppingCart/BundleDiscountTotalsV5", 1005 getCartTotalAddons: "/shoppingcart/ShoppingCart/GetCartTotalAddons", 1006 addOrUpdateCartTotalAddon: "/shoppingcart/ShoppingCart/AddOrUpdateCartTotalAddon" 1007 } 1008 }; 1009</script>
vendor: 2 bytes, line 1009
1009
1010<script src="/js/apps/cart-status/app.js"></script>
1010 1011 </div> 1012 <div class="hlv6-search d-flex d-lg-none flex-grow-1 w-100 mx-3 mx-lg-5 py-lg-3" :class="{'__show ': showSearch}"> 1013 <div class="border flex-grow-1 mt-2 mt-lg-auto mb-auto" :class="{'border-dark': searchFocus}"> 1014<div id="searchbox-22244dd60a414eeb84aa913b909934d9" x-data="autoCompleteSearch()" role="search" class="keyword-search position-relative flex-grow-1 w-100 d-flex align-items-center" x-on:click.outside="open = false" 1015 data-search-string="" 1016 data-autocomplete-url="/browse/Main/GetAutoCompleteKeywords"> 1017 <input aria-autocomplete="list" aria-describedby="searchbox-22244dd60a414eeb84aa913b909934d9-error" aria-label="Search By Keyword" autocomplete="off" class="js-search-auto-complete hlv6-search__text-box form-control border-0" id="searchbox-22244dd60a414eeb84aa913b909934d9-input" name="SearchString" placeholder="search" type="search" value="" x-model="searchString" x-on:blur="$dispatch('search-blur')" x-on:focus="$dispatch('search-focus'); open = true" x-on:input.debounce="fetchAutocompleteKeywords" x-on:keyup.enter="submitSearch(searchString)" /> 1018 <i id="searchbox-22244dd60a414eeb84aa913b909934d9-font-icon" tabindex="0" class="search-submit-btn hlv6-search__submit mx-2 material-icons notranslate" alt="Search submit" role="button" x-on:click="submitSearch(searchString)" x-on:keyup.enter="submitSearch(searchString)">search</i> 1019 <span class="search__focus" role="presentation"></span> 1020 <div id="searchbox-22244dd60a414eeb84aa913b909934d9-error" class="visually-hidden" aria-live="polite"></div> 1021 <div class="autocomplete-suggestions" x-show="open && suggestions.length" x-cloak x-transition> 1022 <template x-for="group in suggestions" :key="group.name"> 1023 <div> 1024 <div class="autocomplete-group" role="group"> 1025 <strong class="group-title" x-text="group.name"></strong> 1026 </div> 1027 <template x-for="item in group.items" :key="item.kw"> 1028 <div class="autocomplete-suggestion" tabindex="0" data-index="0" role="option" x-html="highlight(item.kw)" x-on:click="submitSearch(item.kw, group.name)" x-on:keyup.enter="submitSearch(item.kw, group.name)"></div> 1029 </template> 1030 </div> 1031 </template> 1032 </div> 1033</div> 1034 </div> 1035 </div> 1036 </div> 1037</header> 1038<div class="hlv6-mobile-menu position-fixed animated faster" x-data="headerNav()" x-show="$store.mobileMenu.show" x-cloak x-transition:enter="slideInLeft" x-transition:leave="slideOutLeft"> 1039 <ul class=""> 1040 <li> 1041 <a class="align-items-center p-3 border-bottom d-none nav-builder-item__start-shopping __has-children" 1042 href="https://www.primebrothers.com/getstarted" 1043 x-on:click="setActiveNav0(0, $event, 12, true)" 1044 x-on:keyup.enter="setActiveNav0(0, $event, 12, true)" 1045 role="button" tabindex="0" 1046 aria-label="toggle Start Shopping" 1047 :class="{'__active': activeNav0Show == 0}">Start Shopping</a> 1048 </li> 1049 <ul class="text-nowrap" x-show="activeNav0Show == 0 || true" x-cloak> 1050 <li> 1051 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__shop-in-stock- __has-children" 1052 href="https://www.primebrothers.com/p/shop-in-stock" 1053 x-on:click="setActiveNav1(0, $event, 1);" 1054 x-on:keyup.enter="setActiveNav1(0, $event, 1)" 1055 tabindex="0" 1056 aria-label="toggle Shop In Stock " 1057 :class="{'__active': activeNav1Show == 0}">Shop In Stock </a> 1058 <ul class="text-nowrap" x-show="activeNav1Show == 0" x-cloak> 1059 <li> 1060 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1060-item__"></a> 1061 </li> 1062 </ul> 1063 </li> 1064 <li> 1065 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__living-room __has-children" 1066 href="https://www.primebrothers.com/livingroom/" 1067 x-on:click="setActiveNav1(1, $event, 18);" 1068 x-on:keyup.enter="setActiveNav1(1, $event, 18)" 1069 tabindex="0" 1070 aria-label="toggle Living Room" 1071 :class="{'__active': activeNav1Show == 1}">Living Room</a> 1072 <ul class="text-nowrap" x-show="activeNav1Show == 1" x-cloak> 1073 <li> 1074 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__living-room-sets" 1075 href="https://www.primebrothers.com/browse/living-room-groups/491">Living Room Sets</a> 1076 </li> 1077 <li> 1078 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__sofas-&-loveseats" 1079 href="https://www.primebrothers.com/browse/sofas-and-loveseats/635">Sofas & Loveseats</a> 1080 </li> 1081 <li> 1082 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__sectional-sofas" 1083 href="/browse/living-room/sectionals/7">Sectional Sofas</a> 1084 </li> 1085 <li> 1086 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__accent-chairs" 1087 href="/browse/living-room/all-chairs/4">Accent Chairs</a> 1088 </li> 1089 <li> 1090 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__recliners" 1091 href="/browse/living-room/recliners/36">Recliners</a> 1092 </li> 1093 <li> 1094 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__reclining-sofas" 1095 href="/browse/living-room/reclining-sofas/35">Reclining Sofas</a> 1096 </li> 1097 <li> 1098 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__lift-chairs" 1099 href="https://www.primebrothers.com/browse?pid=-443069027">LIft Chairs</a> 1100 </li> 1101 <li> 1102 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__sleepers-&-futons" 1103 href="https://www.primebrothers.com/browse/sofa-sleepers-and-futons/636">Sleepers & Futons</a> 1104 </li> 1105 <li> 1106 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__ottomans-&-poufs" 1107 href="https://www.primebrothers.com/browse/ottomans-and-poufs/637">Ottomans & Poufs</a> 1108 </li> 1109 <li> 1110 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1110-item__benches" 1111 href="/browse/living-room/benches/25">Benches</a> 1112 </li> 1113 <li> 1114 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__coffee-tables" 1115 href="/browse/accent-tables/cocktail-tables/76">Coffee Tables</a> 1116 </li> 1117 <li> 1118 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__side-&-end-tables" 1119 href="/browse/accent-tables/end-tables/75">Side & End Tables</a> 1120 </li> 1121 <li> 1122 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__consoles-&-accent-cabinets" 1123 href="https://www.primebrothers.com/browse/consoles-and-accent-cabinets/645">Consoles & Accent Cabinets</a> 1124 </li> 1125 <li> 1126 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__tv-stands-&-media-cabinets" 1127 href="https://www.primebrothers.com/browse/tv-stands-and-media-cabinets/644">
1127TV Stands & Media Cabinets</a> 1128 </li> 1129 <li> 1130 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bookcases-&-shelving" 1131 href="/browse/living-room/bookcases/26">Bookcases & Shelving</a> 1132 </li> 1133 <li> 1134 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__rugs" 1135 href="/browse/living-room/rugs/65">Rugs</a> 1136 </li> 1137 <li> 1138 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__pillows-&-throws" 1139 href="https://www.primebrothers.com/browse/pillow-and-throws/638">Pillows & Throws</a> 1140 </li> 1141 <li> 1142 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__all-living-room-furniture" 1143 href="https://www.primebrothers.com/livingroom/">All Living Room Furniture</a> 1144 </li> 1145 </ul> 1146 </li> 1147 <li> 1148 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__home-office __has-children" 1149 href="https://www.primebrothers.com/office/" 1150 x-on:click="setActiveNav1(2, $event, 6);" 1151 x-on:keyup.enter="setActiveNav1(2, $event, 6)" 1152 tabindex="0" 1153 aria-label="toggle Home Office" 1154 :class="{'__active': activeNav1Show == 2}">Home Office</a> 1155 <ul class="text-nowrap" x-show="activeNav1Show == 2" x-cloak> 1156 <li> 1157 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__desks" 1158 href="/browse/home-office/desks/53">Desks</a> 1159 </li> 1160 <li> 1161 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__office-chairs" 1162 href="/browse/home-office/chairs-and-seating/54">Office Chairs</a> 1163 </li> 1164 <li> 1165 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bookcases-&-shelving" 1166 href="/browse/living-room/bookcases/26">Bookcases & Shelving</a> 1167 </li> 1168 <li> 1169 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__file-&-storage-cabinets" 1170 href="/browse/home-office/filing-and-storage/55">File & Storage Cabinets</a> 1171 </li> 1172 <li> 1173 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kids-desks-&-desk-chairs" 1174 href="https://www.primebrothers.com/browse/kids-desks-and-desk-chairs/642">Kids Desks & Desk Chairs</a> 1175 </li> 1176 <li> 1177 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1177-item__all-home-office" 1178 href="https://www.primebrothers.com/office/">All Home Office</a> 1179 </li> 1180 </ul> 1181 </li> 1182 <li> 1183 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__dining-room __has-children" 1184 href="https://www.primebrothers.com/diningroom/" 1185 x-on:click="setActiveNav1(3, $event, 11);" 1186 x-on:keyup.enter="setActiveNav1(3, $event, 11)" 1187 tabindex="0" 1188 aria-label="toggle Dining Room" 1189 :class="{'__active': activeNav1Show == 3}">Dining Room</a> 1190 <ul class="text-nowrap" x-show="activeNav1Show == 3" x-cloak> 1191 <li> 1192 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__table-&-chair-sets" 1193 href="/browse/dining-room/table-and-chair-sets/431">Table & Chair Sets</a> 1194 </li> 1195 <li> 1196 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__dining-tables" 1197 href="/browse/dining-room/tables/432">Dining Tables</a> 1198 </li> 1199 <li> 1200 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__dining-chairs" 1201 href="/browse/dining-room/chairs/43">Dining Chairs</a> 1202 </li> 1203 <li> 1204 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bar-stools" 1205 href="/browse/dining-room/bar-stools/48">Bar Stools</a> 1206 </li> 1207 <li> 1208 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__dining-benches" 1209 href="https://www.primebrothers.com/browse/dining-benches/556">Dining Benches</a> 1210 </li> 1211 <li> 1212 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__sideboards-&-buffets" 1213 href="https://www.primebrothers.com/browse/dining-room/sideboards-and-buffets/626">Sideboards & Buffets</a> 1214 </li> 1215 <li> 1216 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__display-&-china-cabinets" 1217 href="https://www.primebrothers.com/browse/display-and-china-cabinets/639">Display & China Cabinets</a> 1218 </li> 1219 <li> 1220 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bars,-carts-&-bar-cabinets" 1221 href="/browse/dining-room/bars/47">Bars, Carts & Bar Cabinets</a> 1222 </li> 1223 <li> 1224 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kitchen-islands" 1225 href="https://www.primebrothers.com/browse/dining-room/kitchen-islands/627">Kitchen Islands</a> 1226 </li> 1227 <li> 1228 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1228-item__dining-room-collections" 1229 href="https://www.primebrothers.com/browse/dining-room-collections/489">Dining Room Collections</a> 1230 </li> 1231 <li> 1232 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__all-dining-room-furniture" 1233 href="https://www.primebrothers.com/diningroom/">All Dining Room Furniture</a> 1234 </li> 1235 </ul> 1236 </li> 1237 <li> 1238 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__bedroom __has-children" 1239 href="https://www.primebrothers.com/bedroom/" 1240 x-on:click="setActiveNav1(4, $event, 11);" 1241 x-on:keyup.enter="setActiveNav1(4, $event, 11)" 1242 tabindex="0" 1243 aria-label="toggle Bedroom" 1244 :class="{'__active': activeNav1Show == 4}">Bedroom</a> 1245 <ul class="text-nowrap" x-show="activeNav1Show == 4" x-cloak> 1246 <li> 1247 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bedroom-sets" 1248 href="https://www.primebrothers.com/browse/bedroom-groups/488">Bedroom Sets</a> 1249 </li> 1250 <li> 1251 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__beds" 1252 href="/browse/bedroom/beds/14">Beds</a> 1253 </li> 1254 <li> 1255 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__nightstands" 1256 href="/browse/bedroom/nightstands/23">Nightstands</a> 1257 </li> 1258 <li> 1259 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__dressers-&-chests" 1260 href="https://www.primebrothers.com/browse/dressers-and-chests/16">Dressers & Chests</a> 1261 </li> 1262 <li> 1263 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__armoires-&-wardrobes" 1264 href="/browse/bedroom/armoires/15">Armoires & Wardrobes</a> 1265 </li> 1266 <li> 1267 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__benches" 1268 href="/browse/living-room/benches/25">Benches</a> 1269 </li> 1270 <li> 1271 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kids-bedroom" 1272 href="https://www.primebrothers.com/kidsbedroom">Kids Bedroom</a> 1273 </li> 1274 <li> 1275 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__mattresses-&-foundations" 1276 href="https://www.primebrothers.com/mattresses/">Mattresses & Foundations</a> 1277 </li> 1278 <li> 1279 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1279-item__bed-frames" 1280 href="https://www.primebrothers.com/browse/bed-frames/640">Bed Frames</a> 1281 </li> 1282 <li> 1283 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__pillows-&-sheets" 1284 href="https://www.primebrothers.com/browse/pillows-and-sheets/607">Pillows & Sheets</a> 1285 </li> 1286 <li> 1287 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__all-bedroom" 1288 href="https://www.primebrothers.com/bedroom/">All Bedroom</a> 1289 </li> 1290 </ul> 1291 </li> 1292 <li> 1293 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__mattresses __has-children" 1294 href="https://www.primebrothers.com/mattress/" 1295 x-on:click="setActiveNav1(5, $event, 5);" 1296 x-on:keyup.enter="setActiveNav1(5, $event, 5)" 1297 tabindex="0" 1298 aria-label="toggle Mattresses" 1299 :class="{'__active': activeNav1Show == 5}">Mattresses</a> 1300 <ul class="text-nowrap" x-show="activeNav1Show == 5" x-cloak> 1301 <li> 1302 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__king-size-mattresses" 1303 href="https://www.primebrothers.com/browse/king-size-mattresses/474">King Size Mattresses</a> 1304 </li> 1305 <li> 1306 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__queen-size-mattresses" 1307 href="https://www.primebrothers.com/browse/queen-size-mattresses/473">Queen Size Mattresses</a> 1308 </li> 1309 <li> 1310 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__full-size-mattresses" 1311 href="https://www.primebrothers.com/browse/full-size-mattresses/472">Full Size Mattresses</a> 1312 </li> 1313 <li> 1314 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__twin-size-mattresses" 1315 href="https://www.primebrothers.com/browse/twin-size-mattresses/471">Twin Size Mattresses</a> 1316 </li> 1317 <li> 1318 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__foundations" 1319 href="https://www.primebrothers.com/browse/foundations/632">Foundations</a> 1320 </li> 1321 </ul> 1322 </li> 1323 <li> 1324 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__accents-&-decor __has-children" 1325 href="https://www.primebrothers.com/accents/" 1326 x-on:click="setActiveNav1(6, $event, 12);" 1327 x-on:keyup.enter="setActiveNav1(6, $event, 12)" 1328 tabindex="0" 1329 aria-label="toggle Accents & Decor" 1330 :class="{'__active': activeNav1Show == 6}">Accents & Decor</a> 1331 <ul class="text-nowrap" x-show="activeNav1Show == 6" x-cloak> 1332 <li> 1333 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1333-item__rugs" 1334 href="/browse/living-room/rugs/65">Rugs</a> 1335 </li> 1336 <li> 1337 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__pillows" 1338 href="https://www.primebrothers.com/browse/pillows/604">Pillows</a> 1339 </li> 1340 <li> 1341 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__throws" 1342 href="https://www.primebrothers.com/browse/throws/610">Throws</a> 1343 </li> 1344 <li> 1345 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__ottomans-&-poufs" 1346 href="https://www.primebrothers.com/browse/ottomans-and-poufs/637">Ottomans & Poufs</a> 1347 </li> 1348 <li> 1349 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__benches" 1350 href="/browse/living-room/benches/25">Benches</a> 1351 </li> 1352 <li> 1353 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__accent-tables" 1354 href="https://www.primebrothers.com/browse/accent-tables/33">Accent Tables</a> 1355 </li> 1356 <li> 1357 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__consoles-&-accent-cabinets" 1358 href="https://www.primebrothers.com/browse/console-and-accent-cabinets/645">Consoles & Accent Cabinets</a> 1359 </li> 1360 <li> 1361 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__coat-rack-&-hall-trees" 1362 href="https://www.primebrothers.com/browse/coat-rack-and-hall-trees/237">Coat Rack & Hall Trees</a> 1363 </li> 1364 <li> 1365 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__mirrors" 1366 href="/browse/bedroom/mirrors/32">Mirrors</a> 1367 </li> 1368 <li> 1369 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__wall-art" 1370 href="/browse/accents/wall-art/583">Wall Art</a> 1371 </li> 1372 <li> 1373 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__lamps-&-lighting" 1374 href="https://www.primebrothers.com/browse/lamps-and-lighting/31">Lamps & Lighting</a> 1375 </li> 1376 <li> 1377 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__accessories" 1378 href="https://www.primebrothers.com/browse/accessories/582">Accessories</a> 1379 </li> 1380 </ul> 1381 </li> 1382 <li> 1383 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder
1383-item__storage-&-display __has-children" 1384 x-on:click="setActiveNav1(7, $event, 5);" 1385 x-on:keyup.enter="setActiveNav1(7, $event, 5)" 1386 tabindex="0" 1387 aria-label="toggle Storage & Display" 1388 :class="{'__active': activeNav1Show == 7}">Storage & Display</a> 1389 <ul class="text-nowrap" x-show="activeNav1Show == 7" x-cloak> 1390 <li> 1391 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__storage-cabinets-&-consoles" 1392 href="https://www.primebrothers.com/browse/storage-cabinets-and-consoles/645">Storage Cabinets & Consoles</a> 1393 </li> 1394 <li> 1395 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__display-cabinets-&-curios" 1396 href="https://www.primebrothers.com/browse/display-cabinets-and-curios/639">Display Cabinets & Curios</a> 1397 </li> 1398 <li> 1399 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bookcases-&-shelving" 1400 href="/browse/living-room/bookcases/26">Bookcases & Shelving</a> 1401 </li> 1402 <li> 1403 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__storage-benches-&-ottomans" 1404 href="https://www.primebrothers.com/browse/storage-benches-and-ottomans/646">Storage Benches & Ottomans</a> 1405 </li> 1406 <li> 1407 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bar-&-wine-storage" 1408 href="/browse/dining-room/bars/47">Bar & Wine Storage</a> 1409 </li> 1410 </ul> 1411 </li> 1412 <li> 1413 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__kids __has-children" 1414 href="https://www.primebrothers.com/kidsbedroom" 1415 x-on:click="setActiveNav1(8, $event, 9);" 1416 x-on:keyup.enter="setActiveNav1(8, $event, 9)" 1417 tabindex="0" 1418 aria-label="toggle Kids" 1419 :class="{'__active': activeNav1Show == 8}">Kids</a> 1420 <ul class="text-nowrap" x-show="activeNav1Show == 8" x-cloak> 1421 <li> 1422 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kids-bedroom-sets" 1423 href="/browse/kids-bedroom/kids-bedroom-sets/594">Kids Bedroom Sets</a> 1424 </li> 1425 <li> 1426 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kids-beds" 1427 href="/browse/bedroom/kids-beds/67">Kids Beds</a> 1428 </li> 1429 <li> 1430 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1430-item__bunk-beds-&-lofts" 1431 href="/browse/bedroom/bunk-beds/18">Bunk Beds & Lofts</a> 1432 </li> 1433 <li> 1434 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__nightstands" 1435 href="/browse/kids-bedroom/kids-nightstands/543">Nightstands</a> 1436 </li> 1437 <li> 1438 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__kids-dressers-&-chests" 1439 href="https://www.primebrothers.com/browse/kids-dressers-and-chests/643">Kids Dressers & Chests</a> 1440 </li> 1441 <li> 1442 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__bookcases-&-shelving" 1443 href="https://www.primebrothers.com/browse/bookcases-and-shelving/647">Bookcases & Shelving</a> 1444 </li> 1445 <li> 1446 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__desks-&-desk-chairs" 1447 href="https://www.primebrothers.com/browse/desks-and-desk-chairs/642">Desks & Desk Chairs</a> 1448 </li> 1449 <li> 1450 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__benches-&-poufs" 1451 href="https://www.primebrothers.com/browse/benches-and-poufs/648">Benches & Poufs</a> 1452 </li> 1453 <li> 1454 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__all-kids-furniture" 1455 href="https://www.primebrothers.com/kidsbedroom/">All Kids Furniture</a> 1456 </li> 1457 </ul> 1458 </li> 1459 <li> 1460 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__outdoor " 1461 href="https://www.primebrothers.com/outdoor/" 1462 x-on:click="setActiveNav1(9, $event, 0);" 1463 x-on:keyup.enter="setActiveNav1(9, $event, 0)" 1464 tabindex="0" 1465 aria-label="toggle Outdoor" 1466 :class="{'__active': activeNav1Show == 9}">Outdoor</a> 1467 </li> 1468 <li> 1469 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__bogo-deals " 1470 href="https://www.primebrothers.com/promotion/bogo" 1471 x-on:click="setActiveNav1(10, $event, 0);" 1472 x-on:keyup.enter="setActiveNav1(10, $event, 0)" 1473 tabindex="0" 1474 aria-label="toggle BOGO Deals" 1475 :class="{'__active': activeNav1Show == 10}">BOGO Deals</a> 1476 </li> 1477 <li> 1478 <a class="d-flex align-items-center py-3 pe-3 border-bottom ps-3 nav-builder-item__store-info __has-children" 1479 x-on:click="setActiveNav1(11, $event, 3);" 1480 x-on:keyup.enter="setActiveNav1(11, $event, 3)" 1481 tabindex="0" 1482 aria-label="toggle Store Info" 1483 :class="{'__active': activeNav1Show == 11}">Store Info</a> 1484 <ul class="text-nowrap" x-show="activeNav1Show == 11" x-cloak> 1485 <li> 1486 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder
1486-item__about-us" 1487 href="https://www.primebrothers.com/about-us/">About Us</a> 1488 </li> 1489 <li> 1490 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__financing" 1491 href="https://www.primebrothers.com/financing/">Financing</a> 1492 </li> 1493 <li> 1494 <a class="d-flex align-items-center py-3 pe-3 ps-5 border-bottom nav-builder-item__track-your-delivery" 1495 href="https://www.primebrothers.com/track-your-order">Track Your Delivery</a> 1496 </li> 1497 </ul> 1498 </li> 1499 </ul> 1500 </ul> 1501 <ul> 1502 <li> 1503 <a class="align-items-center p-3 border-bottom d-flex nav-builder-item__current-ad " 1504 href="https://www.primebrothers.com/sale/" 1505 x-on:click="setActiveSecondaryNav0(0, $event, 0)" 1506 role="button" 1507 :class="{'__active': activeSecondaryNav0Show == 0}">Current Ad</a> 1508 </li> 1509 </ul> 1510 <ul> 1511 <li> 1512 <a class="nav-builder-item__location d-flex align-items-center p-3 border-bottom text-capitalize" href="https://www.primebrothers.com/store/bay-city">location</a> 1513 </li> 1514 <li> 1515 <a class="nav-builder-item__sign-in d-flex align-items-center p-3 border-bottom" href="/login?returnUrl=%2Fitem%2F125-sofa%2F1196898324" rel="nofollow">Sign In</a> 1516 </li> 1517 </ul> 1518</div> 1519<div class="targeted-section targeted-section__12 "> 1520<style> @media (max-width: 992px) {#rodeo-73d5r{font-size: 16px !important;}}</style> 1521<a href="https://www.primebrothers.com/gascho"><div class="section-outer-full bg-primary" style="height: auto;min-height: auto;padding: 8px 0px 8px 0px;margin: 0px 0px 0px 0px" id="rodeo-8rj71"><div class="section-inner-large" style=""><div class="font-weight-normal fw-normal text-center text-capitalize text-white Paragraph" style="height: auto;min-height: auto;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;font-size:20px" id="rodeo-73d5r"><p>Customize solid wood furniture made in america! Gascho furniture ></p></div></div></div></a></div> 1522<div x-data 1523 x-cloak 1524 class="hlv6-mask animated fast position-fixed" 1525 x-show="$store.headerMask.on" 1526 x-on:click="$store.headerMask.on = false;$store.mobileMenu.toggle(false);$dispatch('mask-clicked')" 1527 x-transition:enter="fadeIn" 1528 x-transition:leave="fadeOut" 1529 role="button"></div> 1530 <main role="main" class="pb-3"> 1531<div class="item-page-15 container-xl" id="item-page-15"> 1532<div class="mb-4 d-flex align-items-center breadcrumbs-wrapper"> 1533 <a href="https://www.primebrothers.com/livingroom/" class="text-muted text-breadcrumbs text-lowercase me-1">Living Room Furniture</a> 1534 <span class="text-muted text-breadcrumbs material-symbols-outlined notranslate me-1">keyboard_arrow_right</span> 1535 <a href="https://www.primebrothers.com/browse?pid=-984643396" class="text-muted text-breadcrumbs text-lowercase me-1">Sofas</a> 1536 <span class="d-none d-md-block text-muted text-breadcrumbs material-symbols-outlined notranslate me-1">keyboard_arrow_right</span> 1537 <span class="d-none d-md-block text-breadcrumbs text-lowercase">Peak Living 125 Sofa</span> 1538</div> 1539 <div class="row no-gutters mb-5 position-relative align-items-start" id="topsection"> 1540 <div class="col-12 col-md-6 col-lg-7 pe-md-4 __desktop-sticky" style="top:1rem;" id="topsection-left"> 1541 <div class="iplv15-images" id="imagesection"> 1542 <div class="gallery"> 1543 <div class="swiper-container gallery-slider" id="image-gallery"> 1544 <div class="swiper-wrapper"> 1545 <div class="swiper-slide"> 1546 <a href="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&quality=85" class="glightbox" data-type="image" data-gallery="item-page-gallery" > 1547 <picture> 1548 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&quality=85&width=450&height=450&scale=both&trim.threshold=20&trim.percentpadding=1" media="(max-width: 450px)" type="image/webp"> 1549 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=jpg&quality=85&width=450&height=450&scale=both&trim.threshold=20&trim.percentpadding=1" media="(max-width: 450px)"> 1550 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&quality=95&width=729&height=729&scale=canvas&trim.threshold=20&trim.percentpadding=1" type="image/webp"> 1551 <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=jpg&quality=95&width=729&height=729&scale=canvas&trim.threshold=20&trim.percentpadding=1" alt="Peak Living 125 Sofa" /> 1552 </picture> 1553 </a> 1554 </div> 1555 <div class="swiper-slide"> 1556 <a href="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=webp&quality=85" class="glightbox" data-type="image" data-gallery="item-page-gallery" > 1557 <picture> 1558 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=webp&quality=85&width=450&height=450&scale=both&trim.threshold=20&trim.percentpadding=1" media="(max-width: 450px)" type="image/webp"> 1559 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=jpg&quality=85&width=450&height=450&scale=both&trim.threshold=20&trim.percentpadding=1" media="(max-width: 450px)"> 1560 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=webp&quality=95&width=729&height=729&scale=canvas&trim.threshold=20&trim.percentpadding=1" type="image/webp"> 1561 <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=jpg&quality=95&width=729&height=729&scale=canvas&trim.threshold=20&trim.percentpadding=1" alt="Peak Living 125 Sofa" /> 1562 </picture> 1563 </a> 1564 </div> 1565 <div class="swiper-slide"> 1566 <a href="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=webp&quality=85" class="glightbox" data-type="image" data-gallery="item-page-gallery" data-description="Tuscan Java" > 1567 <picture> 1568 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=webp&quality=85&width=450&height=450&scale=both&trim.threshold=20&trim.percentpadding=1" media="(max-width: 450px)" type="image/webp"> 1569 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=jpg&quality=85&width=450&height=450&scale=both&trim.threshold=20&trim.percentpadding=1" media="(max-width: 450px)"> 1570 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=webp&quality=95&width=729&height=729&scale=canvas&trim.threshold=20&trim.percentpadding=1" type="image/webp"> 1571 <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=jpg&quality=95&width=729&height=729&scale=canvas&trim.threshold=20&trim.percentpadding=1" alt="Tuscan Java" /> 1572 </picture> 1573 </a> 1574 <div class="p-2 text-dark position-absolute" style="bottom:0;left:0;right:0;background:rgba(255, 255, 255, .7)">Tuscan Java</div> 1575 </div> 1576 </div>
1577 <span class="visually-hidden"> Media</span> 1578 <div class="d-flex d-md-none align-items-center justify-content-center"> 1579 <div class="d-none align-items-center justify-content-center btn-360-model btn-3D-model btn-ar border-end border-dark pe-2 me-2 mt-3" id="btn-3d-360-ar-wrapper"> 1580 <div class="d-none align-items-center btn-mobile btn-360-model pe-2"> 1581 <button aria-current="false" aria-label="View 360° media" data-bs-toggle="modal" data-bs-target="#item360AssetViewerModal" 1582 onclick="trackContentInteraction('media_360','play_video','','item')" 1583 class="d-flex align-items-center justify-content-center btn-360-3d-ar-outline square-button-mobile p-2 icon-btn-3d" style="min-width: 3rem"> 1584 <img src="https://images.furnituredealer.net/img/rotate_360_icon.svg" alt="See in 360°" width="27" height="27"> 1585 </button> 1586 </div> 1587 <div class="d-none align-items-center btn-mobile btn-3D-model pe-2"> 1588 <button aria-current="false" aria-label="View 3D media" data-bs-toggle="modal" data-bs-target="#item3DAssetViewerModal" 1589 onclick="trackContentInteraction('media_3d','play_video','','item')" 1590 class="d-flex align-items-center justify-content-center btn-360-3d-ar-outline square-button-mobile p-2 icon-btn-3d" style="min-width: 3rem"> 1591 <img src="https://images.furnituredealer.net/img/rotate_360_icon.svg" alt="See in 3D" width="27" height="27"> 1592 </button> 1593 </div> 1594 <div class="d-none align-items-center btn-mobile btn-ar pe-2"> 1595 <a id="view-in-ar" x-data x-on:click.stop.prevent="trackContentInteraction('media_ar','play_video','','item')" aria-current="false" aria-label="View in AR" 1596 class="d-flex justify-content-center align-items-center btn-360-3d-ar-outline square-button-mobile p-2" href="#"> 1597 <div class="d-flex align-items-center"> 1598 <span class="material-symbols-outlined notranslate" style="padding-top: 2px; font-size: 24px !important;"> 1599 view_in_ar 1600 </span> 1601 </div> 1602 <span class="text-nowrap btn-360-3d-ar-label btn-360-3d-ar-label--compact">View in Room</span> 1603 </a> 1604 </div> 1605 </div> 1606 <div class="swiper-pagination pt-1 mt-3 text-nowrap" style="overflow-x: hidden; max-width: 100%;"></div> 1607 </div> 1608 <div class="swiper-button-prev d-none d-md-flex"></div> 1609 <div class="swiper-button-next d-none d-md-flex"></div> 1610 </div> 1611 <div class="d-none d-md-flex align-items-stretch"> 1612 <div class="d-none align-items-center justify-content-center btn-360-model btn-3D-model btn-ar border-end border-dark me-2 mt-3" id="btn-3d-360-ar-wrapper"> 1613 <div class="d-none align-items-center btn-desktop btn-360-model pe-2"> 1614 <button aria-current="false" aria-label="View 360° media" data-bs-toggle="modal" data-bs-target="#item360AssetViewerModal" 1615 onclick="trackContentInteraction('media_360','play_video','','item')" 1616 class="d-flex flex-column align-items-center justify-content-center btn-360-3d-ar-outline square-button p-2 icon-btn-3d"> 1617 <img src="https://images.furnituredealer.net/img/rotate_360_icon.svg" alt="See in 360°" width="37" height="37">
1618 <span class="text-nowrap pt-2 btn-360-3d-ar-label">See in 360°</span> 1619 </button> 1620 </div> 1621 <div class="d-none align-items-center btn-desktop btn-3D-model pe-2"> 1622 <button aria-current="false" aria-label="View 3D media" data-bs-toggle="modal" data-bs-target="#item3DAssetViewerModal" 1623 onclick="trackContentInteraction('media_3d','play_video','','item')" 1624 class="d-flex flex-column align-items-center justify-content-center btn-360-3d-ar-outline square-button icon-btn-3d p-2"> 1625 <img src="https://images.furnituredealer.net/img/rotate_360_icon.svg" alt="See in 3D" width="37" height="37"> 1626 <span class="text-nowrap pt-2 btn-360-3d-ar-label">See in 3D</span> 1627 </button> 1628 </div> 1629 <div class="d-none align-items-center btn-desktop btn-ar pe-2"> 1630 <button aria-current="false" aria-label="View in AR" data-bs-toggle="modal" data-bs-target="#marxentArAssetViewerModal" 1631 onclick="trackContentInteraction('media_ar','play_video','','item')" 1632 class="d-flex flex-column justify-content-center align-items-center btn-360-3d-ar-outline square-button p-2"> 1633 <div class="d-flex justify-content-center align-items-center" style="height: 37px;"> 1634 <span class="material-symbols-outlined notranslate" style="padding-top: 2px; font-size: 30px !important;"> 1635 view_in_ar 1636 </span> 1637 </div> 1638 <span class="text-nowrap pt-2 btn-360-3d-ar-label">View in Room</span> 1639 </button> 1640 </div> 1641 </div> 1642 <div class="swiper-container gallery-thumbs w-100 d-none d-md-block mt-3"> 1643 <div class="swiper-wrapper"> 1644 <div class="swiper-slide bg-white" role="button"> 1645 <picture> 1646 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&quality=95&width=100&height=100&scale=both&trim.threshold=20&trim.percentpadding=1" type="image/webp"> 1647 <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=jpg&quality=95&width=100&height=100&scale=both&trim.threshold=20&trim.percentpadding=1" alt="Peak Living 125 Sofa" /> 1648 </picture> 1649 </div> 1650 <div class="swiper-slide bg-white" role="button"> 1651 <picture> 1652 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=webp&quality=95&width=100&height=100&scale=both&trim.threshold=20&trim.percentpadding=1" type="image/webp"> 1653 <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/747dafb99bf443e8a6a84d3e100fec11.jpg?format=jpg&quality=95&width=100&height=100&scale=both&trim.threshold=20&trim.percentpadding=1" alt="Peak Living 125 Sofa" /> 1654 </picture> 1655 </div> 1656 <div class="swiper-slide bg-white" role="button"> 1657 <picture> 1658 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=webp&quality=95&width=100&height=100&scale=both&trim.threshold=20&trim.percentpadding=1" type="image/webp"> 1659 <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=jpg&quality=95&width=100&height=100&scale=both&trim.threshold=20&trim.percentpadding=1" alt="Tuscan Java" /> 1660 </picture> 1661 </div> 1662 </div> 1663 </div> 1664 </div> 1665 </div> 1666 </div> 1667
1667<script> 1668 let imageSectionHasMultipleImages = true 1669 </script>
1669 1670 </div> 1671 <div class="col-12 col-md-6 col-lg-5 ps-md-4" id="topsection-right"> 1672<style> 1673 .modal-custom-width { 1674 max-width: 450px !important; 1675 margin-left: auto !important; 1676 margin-right: auto !important; 1677 } 1678 .modal-image { 1679 width: 100% !important; 1680 max-width: 350px !important; 1681 } 1682 .modal-header.no-image { 1683 padding: 1rem 1.5rem 0 1.5rem !important; 1684 } 1685 .modal-header.show-image { 1686 padding: 1rem 1.5rem !important; 1687 } 1688 @media screen and (max-width: 992px) { 1689 .modal-image { 1690 width: 100%; 1691 max-width: none !important; 1692 } 1693 .modal-header.modal-header-mobile { 1694 padding-bottom: 0.5rem; 1695 } 1696 } 1697</style> 1698<div class="iplv15-top-section" x-data="itemPageTopSection()" x-on:remove-cart-item.window="checkIfRemovedFromCart(event.detail.gpid)"> 1699 <div class="bg-white py-2" :class="{'__desktop-sticky': isSticky}" id="topInfo" style="top: -1px; z-index: 10;"> 1700 <h1 class="mb-1"> 1701Contemporary Sofa with Tapered Wood Leg 1702 </h1> 1703 <div class="iplv15-collection-wrapper fw-bold"> 1704 <a class="iplv15-collection-name text-decoration-underline" href="https://www.primebrothers.com/collection/125-1a1b9950487c/125">125 Collection</a> 1705 <span class="iplv15-mfg-wrapper"> 1706 by <a href="https://www.primebrothers.com/brand/peak-living/-1950851770" 1707 class="iplv15-mfg-name text-decoration-underline"> 1708 Peak Living 1709 </a> 1710 </span> 1711 </div> 1712 <!-- Show both SKU if they have the config, but only if the MFG sku exists, and the SKUs are different (Mfg SKU === modelnumber) --> 1713 <div> 1714 <div title='000004687250' 1715 class="iplv15-sku small text-nowrap mt-1" 1716 style="overflow-y: clip; text-overflow: ellipsis;"> 1717 SKU: 000004687250 1718 </div> 1719 </div> 1720 </div> 1721 <div class="item-page-reviews mb-3"> 1722 <div class="d-flex align-items-center"> 1723 <span rel="5" class="d-flex align-items-center rating"></span> 1724 <a href="#reviews" role="button" 1725 class="small text-decoration-underline item-page-15-link ms-2"> 1726 (2) 1727 </a> 1728 <a rel="nofollow" role="button" class="small text-decoration-underline item-page-15-link ms-auto" href="/reviews/Add/1196898324"> 1729 Write a Review 1730 </a> 1731 </div> 1732 </div> 1733 <div class="d-flex flex-wrap align-items-center item-page-15-tags my-3"> 1734<span class="item-page-availability-section__instock"><span class="i-tag ItemTag ItemTag_26 d-inline-block" style="" data-toggle="tooltip" data-container="body" data-placement="bottom" tabindex="0" title="This item is in stock at our warehouse.">In Stock</span></span> 1735<span class="i-tag ItemTag ItemTag_262" data-toggle="tooltip" data-container="body" data-placement="bottom" tabindex="0" title="This item is on display in our showroom."></span> </div> 1736 <div class="border-top border-bottom my-3" id="fabricSection"> 1737 <div class="my-3" x-data="{currentSize: 'Tuscan Java', showall: false}" id="fabrics"> 1738 <div class="d-flex"> 1739 <div>Color: </div> 1740 <div class="fw-bold ms-2" x-text="currentSize">Tuscan Java</div> 1741 </div> 1742 <div class="d-flex align-items-center flex-wrap"> 1743 <a href="https://www.primebrothers.com/item/_/346894265" 1744 title="Roman Steele" 1745 class="__size-option __fabric-size iplv15-fabric-size mt-2 me-2 p-1 border text-nowrap" 1746 x-on:mouseover="currentSize='Roman Steele'" 1747 x-on:mouseleave="currentSize='Tuscan Java'"> 1748 <picture> 1749 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/feaecdd3d82249d1967011065cc6e1d9.jpg?format=webp&quality=85&width=50&height=50&scale=both" type="image/webp"> 1750 <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/feaecdd3d82249d1967011065cc6e1d9.jpg?width=50&height=50&scale=both" width="50" height="50" alt="Roman Steele" /> 1751 </picture> 1752 </a> 1753 <div class="__size-option __fabric-size iplv15-fabric-size __selected mt-2 me-2 p-1 border text-nowrap"> 1754 <picture> 1755 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?format=webp&quality=85&width=50&height=50&scale=both" type="image/webp"> 1756 <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/1eb85d4e55134e6cb7625165f6e38e04.jpg?width=50&height=50&scale=both" width="50" height="50" alt="Tuscan Java" /> 1757 </picture> 1758 </div> 1759 </div> 1760 </div> 1761 </div> 1762 <div class="bg-white" :class="{ '__desktop-sticky': isSticky }" id="pricing" style="z-index: 10;"> 1763 <div class="prices my-3"> 1764 <div class="price-slot price-slot-middle fw-bold large-font " style="color:#cc1111;">
1765 <span class="price-slot__pre price-slot-middle__pre">Sale Price:</span> 1766 <span class="price-slot__amt price-slot-middle__amt">$488.00</span> 1767 <span class="price-slot__post price-slot-middle__post"> 1768 </span> 1769 </div> 1770 </div> 1771 <div class="mb-3"> 1772 </div>
1773<script> 1774 window.addOnsModel = { 1775 addonGroups: [], 1776 parentItemPrice: 488, 1777 addToCart: true, 1778 cartQuantity: 0, 1779 cartQuantityRequired: false, 1780 inCartAddonGpids: [] 1781 }; 1782</script>
1782 1783 <div x-show="addonGroups.length > 0" x-cloak class="item-page-15__addons mb-3"> 1784 <template x-for="addonGroup in addonGroups" :key="addonGroup.GroupId"> 1785 <div> 1786 <template x-if="addonGroup.PresentationType == 0"> 1787 <div x-data="addonGroupComponent(addonGroup)" 1788 x-on:addon-removed-from-cart.window="resetSelectedOption($event.detail.gpid)" 1789 class="addon-group-feature position-relative border-top border-bottom addon-option py-3" 1790 :class="{ 'border-dark __active': showSelectModal }" style="margin-top: -1px;"> 1791 <div @click="showSelectModal = !showSelectModal" 1792 @keypress="showSelectModal = !showSelectModal" tabindex="0" 1793 title="Click to show options" role="button" 1794 class="d-flex align-items-center"> 1795 <div class="me-auto"> 1796 <div class="mb-1" :class="{ 'fw-bold': showSelectModal }"> 1797 <span x-text="groupNameLeadInText"></span> <span x-text="groupName"></span> 1798 </div> 1799 <div x-show="selectedOption.Gpid == 0" x-cloak class="small text-muted fst-italic"> 1800 Click to show options 1801 </div> 1802 <div x-show="selectedOption.Gpid != 0" x-cloak> 1803 <div x-text="selectedOption.SDesc" class="fw-bolder"></div> 1804 <div x-text="selectedOption.Qty > 1 ? 'Qty: ' + selectedOption.Qty + ' (required for this item)' : ''" class="small mt-2"></div> 1805 <div x-show="selectedOption.PricingHtml" x-cloak x-html="selectedOption.PricingHtml" class="mt-2"></div> 1806 <template x-if="!selectedOption.IsStandardPopupEnabled"> 1807 <a :href="selectedOption.Url" target="_blank" 1808 title="Click to view this product" 1809 class="text-decoration-underline d-inline-block mt-2 small">learn more</a> 1810 </template> 1811 <template x-if="selectedOption.IsStandardPopupEnabled"> 1812 <a @click.prevent.stop="openStandardAddonsModal(selectedOption)" href="#" 1813 title="Learn more about this product" class="text-decoration-underline d-inline-block mt-2 small">learn more</a> 1814 </template> 1815 </div> 1816 </div> 1817 <div x-show="selectedOption.Price > 0" x-cloak x-text="formatPrice(selectedOption.Price)" class="fw-bold ms-auto"></div> 1818 <div class="ms-3"> 1819 <div x-show="selectedOption.Gpid === 0" x-cloak class="addon-option-image __no-image"> 1820 <span x-show="!showSelectModal" x-cloak class="material-icons notranslate">add</span> 1821 <span x-show="showSelectModal" x-cloak class="material-icons notranslate">remove</span> 1822 </div> 1823 <div x-show="selectedOption.Gpid !== 0" x-cloak class="addon-option-image"> 1824 <picture> 1825 <source :srcset="selectedOption.WebpImageUrl" type="image/webp"> 1826 <img :src="selectedOption.ImageUrl" 1827 :alt="selectedOption.SDesc" 1828 width="150" height="150"> 1829 </picture> 1830 </div> 1831 </div> 1832 </div> 1833 <div x-show="showSelectModal" x-cloak class="border-top w-100 mt-3"> 1834 <div style="max-height: 20rem; overflow-y: auto;"> 1835 <div x-show="selectedOption.Gpid > 0" x-cloak 1836 @click="handleNoneOptionSelected(addonGroup)" 1837 @keypress="handleNoneOptionSelected(addonGroup)" 1838 tabindex="0" title="Click to select none" role="button" 1839 class="container border-bottom addon-option-none py-2 px-0"> 1840 <div class="row g-0"> 1841 <div class="col-3 pe-3"> 1842 <div class="addon-option-image __no-image py-2">
1843 <span class="material-icons notranslate">not_interested</span> 1844 </div> 1845 </div> 1846 <div class="col-9 d-flex align-items-center"> 1847 <div class="text-uppercase fw-bolder">None</div> 1848 </div> 1849 </div> 1850 </div> 1851 <template x-for="(addon, index) in addonOptions" :key="addon.Gpid"> 1852 <div @click="handleSelectAddon(addon)" 1853 @keypress="handleSelectAddon(addon)" 1854 role="button" tabindex="0" title="Click to select this product" 1855 class="container py-2 px-0" :class="{ 'border-top': index > 0 }"> 1856 <div class="row g-0"> 1857 <div class="col-3 pe-3"> 1858 <picture> 1859 <source :srcset="addon.WebpImageUrl" type="image/webp"> 1860 <img :src="addon.ImageUrl" :alt="addon.SDesc" 1861 width="100" height="100" class="border rounded" /> 1862 </picture> 1863 </div> 1864 <div class="col-9"> 1865 <div x-text="addon.SDesc" 1866 class="fw-bolder m-auto"></div> 1867 <span x-html="addon.PricingHtml"></span> 1868 <div class="d-flex justify-content-between align-items-center pt-1 mt-auto"> 1869 <template x-if="!addon.IsStandardPopupEnabled"> 1870 <a :href="addon.Url" target="_blank" 1871 title="Learn more about this product" 1872 class="d-inline-block small text-decoration-underline">learn more</a> 1873 </template> 1874 <template x-if="addon.IsStandardPopupEnabled"> 1875 <a @click.prevent.stop="openStandardAddonsModal(addon)" href="#" 1876 title="Learn more about this product" class="d-inline-block small text-decoration-underline">learn more</a> 1877 </template> 1878 <div x-show="selectedOption.Gpid != addon.Gpid" x-cloak> 1879 <div @click.stop="handleSelectAddon(addon)" @keypress="handleSelectAddon(addon)" tabindex="0" 1880 role="button" title="Add this product" :data-gpid="addon.Gpid" 1881 class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-dark add-button addon-option-add-btn me-3"> 1882 <span class="font-xs text-uppercase pe-2">Add</span> 1883 <span class="material-symbols-outlined notranslate fw-300" style="font-size: 77% !important;">add</span> 1884 </div> 1885 </div> 1886 <div x-show="selectedOption.Gpid == addon.Gpid" x-cloak> 1887 <div @click.stop="handleNoneOptionSelected(addonGroup)" @keypress="handleNoneOptionSelected(addonGroup)" 1888 tabindex="0" title="Remove this product" :data-gpid="addon.Gpid" 1889 class="d-flex align-items-center justify-content-center btn btn-sm btn-outline-dark remove-button addon-option-add-btn me-3">
1890 <span class="font-xs text-uppercase pe-2">Remove</span> 1891 <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">close</span> 1892 </div> 1893 </div> 1894 </div> 1895 </div> 1896 </div> 1897 </div> 1898 </template> 1899 </div> 1900 </div> 1901 </div> 1902 </template> 1903 <template x-if="addonGroup.PresentationType == 2"> 1904 <div x-data="addonGroupComponent(addonGroup)" 1905 x-on:addon-removed-from-cart.window="resetSelectedOption($event.detail.gpid)" 1906 class="addon-group-primary position-relative addon-option border-bottom py-3" 1907 :class="{ 'border-dark __active': showSelectModal }" 1908 style="margin-top: -1px;"> 1909 <div class="row g-0 pb-1 mt-2 mb-4"> 1910 <div class="col-6 pe-2"> 1911 <div x-text="addonGroup.PrimaryAddonButtonLabel1" @click="handleNoneOptionSelected(addonGroup)" 1912 @keypress="handleNoneOptionSelected(addonGroup)" role="button" tabindex="0" :aria-label="addonGroup.PrimaryAddonButtonLabel1" 1913 class="d-flex align-items-center justify-content-center btn w-100 btn-outline-dark py-3 h-100" 1914 :class="{ 'border': selectedOption.Gpid != 0 }"></div> 1915 </div> 1916 <div class="col-6 ps-2"> 1917 <div x-text="addonGroup.PrimaryAddonButtonLabel2" @click="handleSelectAddon(primaryAddon)" @keypress="handleSelectAddon(primaryAddon)" 1918 role="button" tabindex="0" :aria-label="addonGroup.PrimaryAddonButtonLabel2" 1919 class="d-flex align-items-center justify-content-center btn w-100 btn-outline-dark h-100 py-3" 1920 :class="{ 'border': selectedOption.Gpid == 0 }"></div> 1921 </div> 1922 </div> 1923 <div> 1924 <div class="d-flex align-items-center mb-3"> 1925 <div class="fw-bold"> 1926 <span x-text="groupNameLeadInText"></span> <span x-text="groupName"></span> 1927 </div> 1928 <div x-show="selectedOption.Gpid != 0" x-cloak class="badge badge-pill badge-primary ms-2">Selected</div> 1929 </div> 1930 <template x-if="selectedOption.Gpid != 0"> 1931 <div class="row g-0 border border-dark rounded addon-option-container p-3"> 1932 <div class="col-3"> 1933 <picture> 1934 <source :srcset="selectedOption.WebpImageUrl" type="image/webp"> 1935 <img :src="selectedOption.ImageUrl" :alt="selectedOption.SDesc" width="90" height="90" class="border rounded p-1"> 1936 </picture> 1937 </div> 1938 <div class="col-9 ps-3 d-flex flex-column"> 1939 <div x-text="selectedOption.SDesc" class="fw-bolder addon-option-sdesc"></div> 1940 <div x-show="selectedOption.PricingHtml" x-cloak x-html="selectedOption.PricingHtml" class="d-flex flex-row-reverse justify-content-end font-sm addon-option-pricing mt-1"></div> 1941 <div x-show="selectedOption.Qty > 1" x-cloak x-text="selectedOption.Qty > 1 ? 'Qty: ' + selectedOption.Qty + ' (required for this item)' : ''" class="font-sm mt-1 mb-2"></div> 1942 <div x-show="!selectedOption.Qty || selectedOption.Qty == 1" x-cloak class="font-sm mt-1 mb-2 addon-option-qty-1">Qty: 1</div> 1943 <div class="d-flex justify-content-between align-items-center pt-1 mt-auto"> 1944 <template x-if="!selectedOption.IsStandardPopupEnabled"> 1945 <a :href="selectedOption.Url" target="_blank" 1946 title="Learn more about this product" 1947 class="d-inline-block small text-decoration-underline">learn more</a> 1948 </template> 1949 <template x-if="selectedOption.IsStandardPopupEnabled"> 1950 <a @click.prevent="openStandardAddonsModal(selectedOption)" href="#" 1951 title="Learn more about this product" class="d-inline-block small text-decoration-underline">learn more</a> 1952 </template> 1953 <div @click="handleNoneOptionSelected(addonGroup)" @keypress="handleNoneOptionSelected(addonGroup)" tabindex="0" 1954 role="button" title="Remove this product" :data-gpid="selectedOption.Gpid" 1955 class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-dark remove-button addon-option-add-btn">
1956 <span class="font-xs text-uppercase pe-2">Remove</span> 1957 <span class="material-symbols-outlined notranslate fw-300" style="font-size: 77% !important;">close</span> 1958 </div> 1959 </div> 1960 </div> 1961 </div> 1962 </template> 1963 <template x-if="primaryAddon.Gpid != 0 && selectedOption.Gpid == 0"> 1964 <div class="row g-0 border rounded addon-option-container p-3"> 1965 <div class="col-3"> 1966 <picture> 1967 <source :srcset="primaryAddon.WebpImageUrl" type="image/webp"> 1968 <img :src="primaryAddon.ImageUrl" 1969 :alt="primaryAddon.SDesc" 1970 width="90" height="90" class="border rounded p-1"> 1971 </picture> 1972 </div> 1973 <div class="col-9 ps-3 d-flex flex-column"> 1974 <div x-text="primaryAddon.SDesc" class="fw-bolder addon-option-sdesc"></div> 1975 <div x-show="primaryAddon.PricingHtml" x-cloak x-html="primaryAddon.PricingHtml" 1976 class="d-flex flex-row-reverse justify-content-end font-sm addon-option-pricing mt-1"></div> 1977 <div x-show="primaryAddon.Qty > 1" x-cloak x-text="primaryAddon.Qty > 1 ? 'Qty: ' + primaryAddon.Qty + ' (required for this item)' : ''" 1978 class="font-sm mt-1 mb-2"></div> 1979 <div x-show="!primaryAddon.Qty || primaryAddon.Qty == 1" x-cloak class="font-sm mt-1 mb-2 addon-option-qty-1">Qty: 1</div> 1980 <div class="d-flex justify-content-between align-items-center pt-1 mt-auto"> 1981 <template x-if="!primaryAddon.IsStandardPopupEnabled"> 1982 <a :href="primaryAddon.Url" target="_blank" 1983 title="Learn more about this product" 1984 class="d-inline-block small text-decoration-underline">learn more</a> 1985 </template> 1986 <template x-if="primaryAddon.IsStandardPopupEnabled"> 1987 <a @click.prevent="openStandardAddonsModal(primaryAddon)" href="#" 1988 title="Learn more about this product" class="d-inline-block small text-decoration-underline">learn more</a> 1989 </template> 1990 <div @click="handleSelectAddon(primaryAddon)" @keypress="handleSelectAddon(primaryAddon)" tabindex="0" 1991 role="button" title="Add this product" :data-gpid="selectedOption.Gpid" 1992 class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-dark add-button addon-option-add-btn"> 1993 <span class="font-xs text-uppercase pe-2">Add</span> 1994 <span class="material-symbols-outlined notranslate fw-300" style="font-size: 77% !important;">add</span> 1995 </div> 1996 <div x-show="selectedOption.Gpid == primaryAddon.Gpid" x-cloak> 1997 <div @click="handleNoneOptionSelected(addonGroup)" @keypress="handleNoneOptionSelected(addonGroup)" 1998 tabindex="0" title="Remove this product" :data-gpid="selectedOption.Gpid" 1999 class="d-flex align-items-center justify-content-center btn btn-sm btn-outline-dark remove-button addon-option-add-btn">
2000 <span class="font-xs text-uppercase pe-2">Remove</span> 2001 <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">close</span> 2002 </div> 2003 </div> 2004 </div> 2005 </div> 2006 </div> 2007 </template> 2008 <div @click="showSelectModal = !showSelectModal" @keypress="showSelectModal = !showSelectModal" tabindex="0" 2009 :title="'More' + ' ' + groupName" role="button" class="d-flex align-items-center pt-1 mt-4 mb-2"> 2010 <div class="font-sm text-decoration-underline"> 2011 More <span x-text="convertToSingular(groupName)" class="text-lowercase"></span> options 2012 </div> 2013 <div x-show="!showSelectModal" x-cloak class="material-symbols-outlined notranslate ms-1" style="font-size: 21px !important;"> 2014 keyboard_arrow_down 2015 </div> 2016 <div x-show="showSelectModal" x-cloak class="material-symbols-outlined notranslate ms-1" style="font-size: 21px !important;"> 2017 keyboard_arrow_up 2018 </div> 2019 </div> 2020 </div> 2021 <div x-show="showSelectModal" x-cloak class="w-100 mt-1"> 2022 <div class="pt-2"> 2023 <template x-for="(addon, index) in addonOptions" :key="addon.Gpid"> 2024 <div @click="handleSelectAddon(addon)" 2025 @keypress="handleSelectAddon(addon)" 2026 role="button" tabindex="0" title="Click to add this product" :data-gpid="addon.Gpid" 2027 class="container add-button py-2 px-0"> 2028 <div class="row g-0 border rounded addon-option-container p-3" :class="{ 'border-dark': selectedOption.Gpid == addon.Gpid }"> 2029 <div class="col-3"> 2030 <picture> 2031 <source :srcset="addon.WebpImageUrl" type="image/webp"> 2032 <img :src="addon.ImageUrl" :alt="addon.SDesc" 2033 width="90" height="90" class="border rounded p-1"> 2034 </picture> 2035 </div> 2036 <div class="col-9 d-flex flex-column ps-3"> 2037 <div x-text="addon.SDesc" class="fw-bolder addon-option-sdesc"></div> 2038 <div x-show="addon.PricingHtml" x-cloak x-html="addon.PricingHtml" 2039 class="d-flex flex-row-reverse justify-content-end font-sm addon-option-pricing mt-1"></div> 2040 <div x-show="addon.Qty > 1" x-cloak x-text="addon.Qty > 1 ? 'Qty: ' + addon.Qty + ' (required for this item)' : ''" 2041 class="font-sm mt-1 mb-2"></div> 2042 <div x-show="!addon.Qty || addon.Qty == 1" x-cloak class="font-sm mt-1 mb-2 addon-option-qty-1">Qty: 1</div> 2043 <div class="d-flex justify-content-between align-items-center pt-1 mt-auto"> 2044 <template x-if="!addon.IsStandardPopupEnabled"> 2045 <a :href="addon.Url" target="_blank" 2046 title="Learn more about this product" 2047 class="d-inline-block small text-decoration-underline">learn more</a> 2048 </template> 2049 <template x-if="addon.IsStandardPopupEnabled"> 2050 <a @click.prevent.stop="openStandardAddonsModal(addon)" href="#" 2051 title="Learn more about this product" class="d-inline-block small text-decoration-underline">learn more</a> 2052 </template> 2053 <div x-show="selectedOption.Gpid == addon.Gpid" x-cloak> 2054 <div @click.stop="handleNoneOptionSelected(addonGroup)" @keypress.stop="handleNoneOptionSelected(addonGroup)" 2055 tabindex="0" title="Remove this product" 2056 class="d-flex align-items-center justify-content-center btn btn-sm btn-outline-dark addon-option-add-btn">
2057 <span class="font-xs text-uppercase pe-2">Remove</span> 2058 <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">close</span> 2059 </div> 2060 </div> 2061 <div x-show="selectedOption.Gpid != addon.Gpid" x-cloak> 2062 <div @click="handleSelectAddon(addon)" @keypress="handleSelectAddon(addon)" tabindex="0" title="Select this product" :data-gpid="selectedOption.Gpid" 2063 class="d-flex align-items-center justify-content-center btn btn-sm btn-outline-dark add-button addon-option-add-btn"> 2064 <span class="font-xs text-uppercase pe-2">Add</span> 2065 <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">add</span> 2066 </div> 2067 </div> 2068 </div> 2069 </div> 2070 </div> 2071 </div> 2072 </template> 2073 </div> 2074 </div> 2075 </div> 2076 </template> 2077 <template x-if="addonGroup.PresentationType == 3"> 2078 <div x-data="addonGroupComponent(addonGroup)" 2079 x-on:addon-removed-from-cart.window="resetSelectedOption($event.detail.gpid)" 2080 class="addon-group-dropdown position-relative addon-option pt-3" 2081 :class="{ 'border-dark __active': showSelectModal, 'border-bottom pb-3': checkDropDownIndex(true) }" style="margin-top: -1px;"> 2082 <div class="btn-group w-100"> 2083 <div @click="showSelectModal = !showSelectModal" @keypress="showSelectModal = !showSelectModal" 2084 :aria-label="selectedOption.Gpid != 0 ? selectedOption.SDesc : groupNameLeadInText + ' ' + groupName" tabindex="0" 2085 class="d-flex align-items-stretch btn-addon-dropdown border border-end-0 rounded-left w-100 p-0" 2086 :class="{ 'border-dark': selectedOption.Gpid != 0 && !showSelectModal }"> 2087 <div class="d-flex flex-grow-1 align-items-center"> 2088 <div class="rounded-left addon-group-dropdown-image" :class="{ 'border-end py-1 px-2': selectedOption.Gpid != 0 && showSelectModal, 'border-dark border-right py-1 px-2': selectedOption.Gpid != 0 && !showSelectModal }"> 2089 <img x-show="selectedOption.Gpid != 0" x-cloak :src="selectedOption.ImageUrl" alt="selectedOption.SDesc" 2090 class="img-fluid" style="object-fit: contain; width: 40px; height: 40px;"> 2091 </div> 2092 <div class="d-flex justify-content-between px-2 my-auto ms-1"> 2093 <div class="d-flex align-items-center" :class="{ 'dropdown-input': selectedOption.Gpid != 0 }"> 2094 <h5 x-text="selectedOption.Gpid != 0 ? selectedOption.SDesc : groupNameLeadInText + ' ' + groupName" class="my-0" 2095 style="text-overflow: ellipsis; overflow: hidden; white-space: nowrap;cursor: default"></h5> 2096 <div x-show="selectedOption.Gpid != 0" x-cloak @click.stop="handleDropdownClick()" role="button" title="Remove this product" :data-gpid="selectedOption.Gpid" class="material-symbols-outlined notranslate align-middle remove-button ps-1" 2097 style="font-size: 20px !important; color: #c11c11; padding-top: 0.1rem;"> 2098 close 2099 </div> 2100 </div> 2101 <div x-show="selectedOption.Gpid != 0 && selectedOption.Price > 0" x-cloak x-text="formatPrice(selectedOption.Price)" class="addon-drop-selected-price px-2" style="font-size: 1rem;"></div> 2102 </div> 2103 </div> 2104 </div> 2105 <div @click="showSelectModal = !showSelectModal" :title="'More' + ' ' + groupName" class="btn-addon-dropdown border rounded-right p-1" 2106 :class="{ 'border-dark': selectedOption.Gpid != 0 && !showSelectModal }" style="max-width: 2.5rem; cursor: pointer">
2107 <span class="material-symbols-outlined notranslate pt-2">keyboard_arrow_down</span> 2108 </div> 2109 </div> 2110 <div x-show="showSelectModal" x-cloak x-on:click.away="showSelectModal = false;" class="shadow-sm w-100 mt-3"> 2111 <div style="max-height: 20.75rem; overflow-y: auto !important;"> 2112 <template x-for="(addon, index) in addonOptions" :key="addon.Gpid"> 2113 <div @click="handleSelectAddon(addon)" @keypress="handleSelectAddon(addon)" role="button" tabindex="0" 2114 title="Click to select this product" :data-gpid="addon.Gpid" class="container add-button px-0" 2115 :class="{ 'pb-2': index < addonGroup.AddonOptions.length - 1 }"> 2116 <div class="row g-0 border rounded addon-option-container p-3" :class="{ 'border-dark': selectedOption.Gpid == addon.Gpid }"> 2117 <div class="col-3"> 2118 <picture> 2119 <source :srcset="addon.WebpImageUrl" type="image/webp"> 2120 <img :src="addon.ImageUrl" :alt="addon.SDesc" width="90" height="90" class="border rounded p-1"> 2121 </picture> 2122 </div> 2123 <div class="col-9 d-flex flex-column ps-3"> 2124 <div x-text="addon.SDesc" class="fw-bolder addon-option-sdesc"></div> 2125 <div x-show="addon.PricingHtml" x-cloak x-html="addon.PricingHtml" 2126 class="d-flex flex-row-reverse justify-content-end font-sm addon-option-pricing mt-1"></div> 2127 <div x-show="addon.Qty > 1" x-cloak x-text="addon.Qty > 1 ? 'Qty: ' + addon.Qty + ' (required for this item)' : ''" 2128 class="font-sm mt-1 mb-2"></div> 2129 <div x-show="!addon.Qty || addon.Qty == 1" x-cloak class="font-sm mt-1 mb-2 addon-option-qty-1">Qty: 1</div> 2130 <div class="d-flex justify-content-between align-items-center pt-1 mt-auto"> 2131 <template x-if="!addon.IsStandardPopupEnabled"> 2132 <a :href="addon.Url" target="_blank" 2133 title="Learn more about this product" 2134 class="d-inline-block small text-decoration-underline">learn more</a> 2135 </template> 2136 <template x-if="addon.IsStandardPopupEnabled"> 2137 <a @click.prevent.stop="openStandardAddonsModal(addon)" href="#" 2138 title="Learn more about this product" class="d-inline-block small text-decoration-underline">learn more</a> 2139 </template> 2140 <div x-show="selectedOption.Gpid == addon.Gpid" x-cloak> 2141 <div @click.stop="handleNoneOptionSelected(addonGroup)" 2142 @keypress.stop="handleNoneOptionSelected(addonGroup)" tabindex="0" title="Remove this product" 2143 :data-gpid="selectedOption.Gpid" 2144 class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-dark remove-button addon-option-add-btn">
2145 <span class="font-xs text-uppercase pe-2">Remove</span> 2146 <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">close</span> 2147 </div> 2148 </div> 2149 <div x-show="selectedOption.Gpid != addon.Gpid" x-cloak> 2150 <div @click.stop="handleSelectAddon(addon)" @keypress.stop="handleSelectAddon(addon)" tabindex="0" 2151 title="Select this product" :data-gpid="addon.Gpid" 2152 class="d-flex justify-content-center align-items-center btn btn-sm btn-outline-dark add-button addon-option-add-btn"> 2153 <span class="font-xs text-uppercase pe-2">Add</span> 2154 <span class="material-symbols-outlined notranslate" style="font-size: 77% !important;">add</span> 2155 </div> 2156 </div> 2157 </div> 2158 </div> 2159 </div> 2160 </div> 2161 </template> 2162 </div> 2163 </div> 2164 </div> 2165 </template> 2166 <template x-if="addonGroup.PresentationType == 1"> 2167 <div x-data="addonGroupComponent(addonGroup)" 2168 x-on:addon-removed-from-cart.window="resetSelectedOption($event.detail.gpid)" 2169 class="addon-group-checkbox border-bottom py-3" style="margin-top: -1px;"> 2170 <template x-for="(addon, index) in addonOptions" :key="addon.Gpid"> 2171 <div class="form-check mb-1"> 2172 <input @change="checkCheckboxValue(event, addon, addonGroup)" type="checkbox" value="" 2173 class="form-check-input" :id="'check' + addon.Gpid" :checked="selectedOption.Gpid != 0 && selectedOption.Gpid == addon.Gpid ? true : false" 2174 :disabled="isDisabled(addon.Gpid)"> 2175 <label :for="'check' + addon.Gpid" class="form-check-label"> 2176 <template x-if="!addon.UseModal"> 2177 <a x-text="addon.SDesc" :href="addon.Url" title="Learn more about this product" 2178 class="text-decoration-underline cursor-pointer checkboxes-addon-description m-auto"></a> 2179 </template> 2180 <template x-if="addon.UseModal"> 2181 <a @click.prevent="openCustomAddonsModal(addon)" x-text="addon.SDesc" 2182 href="#" class="text-decoration-underline cursor-pointer checkboxes-addon-description m-auto"></a> 2183 </template> 2184 <span class="text-nowrap addon-pricing" :class="{'__unpriced': addon.Price == 0}"> 2185 <span style="margin: 0 0.1rem;">for</span> 2186 <span x-show="addon.Price > 0" x-html="addon.PricingHtml" class="addon-pricing-html-container"></span> 2187 <span x-show="addon.Price == 0" class="addon-pricing-html-container">$0.00</span> 2188 </span> 2189 </label> 2190 </div> 2191 </template> 2192 </div> 2193 </template> 2194 </div> 2195 </template> 2196 </div> 2197 <div x-show="selectedAddonItems.length > 0" x-cloak class="lead fw-bold text-primary mb-3"> 2198 <div class="d-flex">
2199 <span class="me-auto">Price with selected options:</span> 2200 <span class="ms-3" x-text="addToCartPrice"></span> 2201 </div> 2202 </div> 2203<div tabindex="-1" role="dialog" aria-hidden="true" class="modal fade" style="z-index: 2147483648;" id="customAddonsModal"> 2204 <div role="document" class="modal-dialog custom-top-align" 2205 :class="{ 'modal-lg mw-700': currentAddon.ShowModalImage && !showLearnMoreDesc, 'modal-lg mw-500': showLearnMoreDesc }"> 2206 <div class="modal-content border-0"> 2207 <div x-show="!showLearnMoreDesc" x-cloak class="modal-header" 2208 :class="{ 'p-3': currentAddon.ModalTitle, 'p-2': !currentAddon.ModalTitle }"> 2209 <template x-if="currentAddon.ModalTitle"> 2210 <h5 id="customAddonsModalLabel" x-text="currentAddon.ModalTitle" class="modal-title pop-up-modal-title larger w-100 pb-0"></h5> 2211 </template> 2212 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> 2213 <span aria-hidden="true">×</span> 2214 </button> 2215 </div> 2216 <div x-show="showLearnMoreDesc" x-cloak class="modal-header justify-content-between py-2"> 2217 <a @click="showLearnMoreDesc = !showLearnMoreDesc" 2218 href="#" role="button" class="d-flex"> 2219 <span class="material-symbols-outlined notranslate arrow-back fw-300"> 2220 arrow_back_ios_new 2221 </span> 2222 </a> 2223 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> 2224 <span aria-hidden="true">×</span> 2225 </button> 2226 </div> 2227 <div x-show="!showLearnMoreDesc" x-cloak class="modal-body addons-modal-body p-0"> 2228 <div class="container-fluid pt-3 px-3"> 2229 <div class="row"> 2230 <div x-show="currentAddon.ShowModalImage" x-cloak class="col-12 col-sm-5 mb-3 mb-sm-0"> 2231 <img :src="currentAddon.ImageUrl" :alt="currentAddon.SDesc" 2232 class="d-block border rounded w-100 mw-500 p-3 mx-auto"> 2233 </div> 2234 <div class="px-3" 2235 :class="{ 'col-12 col-sm-7': currentAddon.ShowModalImage, 'col-12': !currentAddon.ShowModalImage }"> 2236 <div x-html="currentAddon.LDesc"></div> 2237 <a x-show="currentAddon.ShowLearnMoreLink" x-cloak @click="showLearnMoreDesc = !showLearnMoreDesc" 2238 href="#" 2239 class="font-sm text-muted text-decoration-underline mt-2" 2240 :class="{'d-inline-block': currentAddon.ShowLearnMoreLink}"> 2241 learn more 2242 </a> 2243 </div> 2244 </div> 2245 </div> 2246 <div class="container-fluid px-0 mt-3"> 2247 <div class="row align-items-center bg-light py-4 mx-3 mb-0"> 2248 <div class="col-auto"> 2249 <span x-show="currentAddon.ManufacturerName" x-cloak 2250 x-text="currentAddon.ManufacturerName" 2251 class="text-secondary fw-bold responsive-text-smaller"></span> 2252 <span x-show="!currentAddon.ManufacturerName" x-cloak 2253 class="material-symbols-outlined notranslate"> 2254 policy 2255 </span> 2256 </div> 2257 <div class="col"> 2258 <div class="row justify-content-center"> 2259 <span x-text="currentAddon.AddonItemShortDescriptionOverride ?? currentAddon.SDesc" 2260 class="fw-bold responsive-text col-padding"></span> 2261 </div> 2262 </div> 2263 <div class="col-auto"> 2264 <div x-text="formatPrice(currentAddon.Price)" 2265 class="fw-bold text-end responsive-text"></div> 2266 </div> 2267 </div> 2268 </div> 2269 </div> 2270 <div x-show="showLearnMoreDesc" x-cloak class="modal-body addons-modal-body p-0"> 2271 <div class="container-fluid pt-3 px-3"> 2272 <div class="row"> 2273 <div class="col-12 px-3"> 2274 <div x-html="currentAddon.LearnMoreDesc" class="__learn-more-description"></div> 2275 </div> 2276 </div> 2277 </div> 2278 </div> 2279 <div class="modal-footer border-top-0 p-3"> 2280 <div class="row addon-modal-btns w-100 mx-0"> 2281 <div class="col-12 col-sm-6 px-0 pe-sm-1 mb-2 mb-sm-0"> 2282 <button class="btn w-100 btn-outline-dark font-sm rounded-0 w-100 p-2" data-bs-dismiss="modal"> 2283 NO THANKS 2284 </button> 2285 </div> 2286 <div class="col-12 col-sm-6 px-0 ps-sm-2"> 2287 <button x-on:click="handleSelectOption(currentAddon)" 2288 class="btn w-100 btn-danger font-sm rounded-0 w-100 p-2" 2289 data-bs-dismiss="modal">
2290 <span x-show="!currentAddonIsSelected" x-cloak>ADD TO CART</span> 2291 <span x-show="currentAddonIsSelected" x-cloak>REMOVE FROM CART</span> 2292 </button> 2293 </div> 2294 </div> 2295 </div> 2296 </div> 2297 </div> 2298</div> 2299<div tabindex="-1" role="dialog" aria-hidden="true" class="modal fade" style="z-index: 2147483648;" id="standardAddonsModal"> 2300 <div role="document" class="modal-dialog custom-top-align modal-lg"> 2301 <div class="modal-content"> 2302 <div class="modal-header border-0 pb-0"> 2303 <h5 class="modal-title"></h5> 2304 <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> 2305 <span aria-hidden="true">×</span> 2306 </button> 2307 </div> 2308 <div class="modal-body"> 2309 <div class="row"> 2310 <div class="col-12 col-lg-5 d-sm-none d-lg-block"> 2311 <img :src="currentAddon.ImageUrl" :alt="currentAddon.SDesc" class="d-block border rounded w-100 p-3 mx-auto" /> 2312 <div class="mt-3 mb-4"> 2313 <a :href="currentAddon.Url" role="button" target="_blank" class="addon-view-details-btn btn btn-outline-dark w-100 mt-3 mx-auto">View Full Details</a> 2314 </div> 2315 </div> 2316 <div class="col-12 col-lg-7"> 2317 <div class="d-flex mb-3"> 2318 <img :src="currentAddon.ImageUrl" :alt="currentAddon.SDesc" class="d-none d-sm-block d-lg-none border rounded p-3 me-3" style="max-width: 12rem;" /> 2319 <div> 2320 <template x-if="currentAddon.SDesc"> 2321 <h2 x-text="currentAddon.SDesc" class="pb-2 mb-1" id="standardAddonsModalLabel"></h2> 2322 </template> 2323 <template x-if="currentAddon.PricingHtml"> 2324 <h3 x-show="currentAddon.PricingHtml" x-html="currentAddon.PricingHtml" class="addon-price"></h3> 2325 </template> 2326 </div> 2327 </div> 2328 <p x-html="currentAddon.LDescHtml" class="__addon-description"></p> 2329 <div class="row d-flex flex-row align-items-end"> 2330 <div class="col-auto pe-0"> 2331 <label for="quantity">Qty.</label> 2332 <input type="number" :value="currentAddon.Qty" min="1" readonly class="form-control" id="quantity" style="max-width: 3.5em;" /> 2333 </div> 2334 <div class="col"> 2335 <button @click="handleSelectAddonStandardPopup(currentAddon)" 2336 class="btn btn-dark w-100 mt-md-3 mt-lg-0 " 2337 data-bs-dismiss="modal"> 2338 <span x-show="!currentAddonIsSelected" x-cloak class="text-nowrap">ADD TO CART</span> 2339 <span x-show="currentAddonIsSelected" x-cloak class="text-nowrap">REMOVE FROM CART</span> 2340 </button> 2341 </div> 2342 </div> 2343 <template x-if="(currentAddon.Width && currentAddon.Width != '0') || (currentAddon.Depth && currentAddon.Depth != '0') || (currentAddon.Height && currentAddon.Height != '0')"> 2344 <div class="pt-1 mt-3"> 2345 <div x-data="{ show: false }" class="border-top border-bottom" id="addonDimensions"> 2346 <div x-on:click="show = !show" x-on:keyup.enter="show = !show" role="button" tabindex="0" 2347 :aria-expanded="show.toString()" aria-controls="addon-dimensions-section" aria-label="Toggle Add-On Dimensions" 2348 class="d-flex justify-content-between border-bottom-0 iplv15-toggle-header pb-0 ps-0"> 2349 <div class="d-flex flex-wrap align-items-center py-3"> 2350 <h4 class="d-inline-flex align-items-center fw-bold mb-0 me-2" style="font-size: 1rem;">Dimensions:</h4> 2351 <div class="d-inline-flex align-items-center flex-wrap fw-bold" style="font-size: 1rem;">
2352 <span><span x-text="currentAddon.Width"></span><text>" W</text></span> 2353 <span class="mx-1">×</span> 2354 <span><span x-text="currentAddon.Depth"></span><text>" D</text></span> 2355 <span class="mx-1">×</span> 2356 <span><span x-text="currentAddon.Height"></span><text>" H</text></span> 2357 </div> 2358 </div> 2359 <div class="d-flex align-items-center"> 2360 <span x-show="show" tabindex="0" aria-label="Show Less" class="material-icons notranslate ms-auto">remove</span> 2361 <span x-show="!show" tabindex="0" aria-label="Show More" class="material-icons notranslate ms-auto">add</span> 2362 </div> 2363 </div> 2364 <div x-show="show" id="addon-dimensions-section"> 2365 <div class="table-responsive-xl"> 2366 <table class="table border-bottom mb-0"> 2367 <tbody> 2368 <tr style="font-size: 0.9em"> 2369 <td class="dimensions-td" style="min-width: 15rem;">Depth (front to back)</td> 2370 <td class="dimensions-td"><span x-text="currentAddon.Depth"></span></td> 2371 </tr> 2372 <tr style="font-size: 0.9em"> 2373 <td class="dimensions-td" style="min-width: 15rem;">Height (bottom to top)</td> 2374 <td class="dimensions-td"><span x-text="currentAddon.Height"></span></td> 2375 </tr> 2376 <tr style="font-size: 0.9em"> 2377 <td class="dimensions-td border-bottom-0" style="min-width: 15rem;">Width (side to side)</td> 2378 <td class="dimensions-td border-bottom-0"><span x-text="currentAddon.Width"></span></td> 2379 </tr> 2380 </tbody> 2381 </table> 2382 </div> 2383 </div> 2384 </div> 2385 </div> 2386 </template> 2387 <div class="mt-3 d-none d-sm-block d-lg-none"> 2388 <a :href="currentAddon.Url" role="button" target="_blank" class="addon-view-details-btn btn btn-outline-dark w-100 mt-3 mx-auto">View Full Details</a> 2389 </div> 2390 </div> 2391 </div> 2392 </div> 2393 <div class="modal-footer border-top-0 pt-0 pb-2"></div> 2394 </div> 2395 </div> 2396</div> 2397<div tabindex="-1" role="dialog" class="modal" id="added-to-cart-modal"> 2398 <div role="document" class="modal-dialog"> 2399 <div class="modal-content"> 2400 <div class="modal-header"> 2401 <button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button> 2402 </div> 2403 <div class="modal-body p-4" id="added-to-cart-modal-body"></div> 2404 </div> 2405 </div> 2406</div> 2407 <div class="d-flex flex-column flex-lg-row align-items-baseline"> 2408 <div x-show="selectedAddonItems.length == 0" x-cloak class="w-25 me-4"> 2409 <div class="d-flex align-items-center justify-content-start position-relative my-3"> 2410 <div class="item-page-15-qty-text small me-2">Qty:</div> 2411 <select x-model="parentQuantity" name="quantity" 2412 class="form-select fw-bold px-1" 2413 id="quantitySelect"> 2414 <option value="1" selected>1</option> 2415 <option value="2">2</option> 2416 <option value="3">3</option> 2417 <option value="4">4</option> 2418 <option value="5">5</option> 2419 <option value="6">6</option> 2420 <option value="7">7</option> 2421 <option value="8">8</option> 2422 <option value="9">9</option> 2423 <option value="10">10</option> 2424 </select> 2425 </div> 2426 </div> 2427 <div class="w-100 pb-3"> 2428 <div x-show="itemIsInCart" x-cloak> 2429 <a href="https://www.primebrothers.com/ShoppingCart" title="Click to view cart" 2430 class="item-page-15-add-to-cart-btn py-3 px-4"> 2431 Item<span x-show="addToCartItemCount > 1" x-cloak>s</span> in Cart 2432 <div x-show="addToCartItemCount > 1" x-cloak class="small"> 2433 (<span x-text="addToCartItemCount"></span> products) 2434 </div> 2435 </a> 2436 </div> 2437 <div x-show="!itemIsInCart" x-cloak> 2438 <div class="d-flex flex-column flex-md-row justify-content-center align-items-center"> 2439 <button x-show="!adding" x-cloak @click="addToCartClick" aria-l
2439ive="polite" 2440 class="item-page-15-add-to-cart-btn py-3 px-4"> 2441 Add to Cart 2442 <div x-show="addToCartItemCount > 1" x-cloak 2443 class="small"> 2444 (<span x-text="addToCartItemCount"></span> products) 2445 </div> 2446 </button> 2447 <button x-show="adding" x-cloak class="item-page-15-add-to-cart-btn py-3 px-4"> 2448 <span role="status" aria-hidden="true" 2449 class="spinner-border spinner-border-sm me-1"></span> 2450 Adding... 2451 <div x-show="addToCartItemCount > 1" x-cloak class="small"> 2452 (<span x-text="addToCartItemCount"></span> products) 2453 </div> 2454 </button> 2455 </div> 2456 </div> 2457 </div> 2458 </div> 2459 <div id="itemPage15PricingDesc" x-show="hasPricingDescription" x-cloak> 2460 <div class="targeted-section targeted-section__52 item-page-15-pricing-desc"> 2461</div> 2462 </div> 2463 </div> 2464 <div class="mb-3 pb-3 border-bottom" x-data="{show: !false}" id="ondisplayat"> 2465 <div class="iplv15-toggle-header d-flex align-items-center border-bottom-0 ps-0 pb-0" 2466 x-on:click="show = !show; trackContentInteraction('on_display_at', show ? 'expand' : 'collapse', '', 'item')" 2467 x-on:keyup.enter="show = !show; trackContentInteraction('on_display_at', show ? 'expand' : 'collapse', '', 'item')" 2468 role="button" 2469 tabindex="0" 2470 :aria-expanded="show.toString()" 2471 aria-label="Toggle Where Can I See This Product in Store??"> 2472 <h2 class="pt-2">Where Can I See This Product in Store?</h2> 2473 <span class="ms-auto material-symbols-outlined fw-300 notranslate pt-2" aria-label="show less" tabindex="0" x-show="show">remove</span> 2474 <span class="ms-auto material-symbols-outlined fw-300 notranslate pt-2" aria-label="show more" tabindex="0" x-show="!show">add</span> 2475 </div> 2476 <div x-show="show" class="pt-3" x-cloak> 2477 <div x-data="storeModalApp()"> 2478 <div class="row"> 2479 <div class="col-6 mb-1"> 2480 <a class="text-decoration-underline text-primary" href="#" x-on:click.prevent="openModal(262)">Prime Brothers Furniture</a> 2481 </div> 2482 </div> 2483 <div tabindex="-1" role="dialog" class="modal fade" id="storeModal" aria-labelledby="storeModalLabel" aria-hidden="true"> 2484 <div class="modal-dialog custom-top-align" role="document"> 2485 <div class="modal-content"> 2486 <div class="modal-header" style="padding: 1rem 1.5rem !important;"> 2487 <div class="d-flex flex-column justify-content-center"> 2488 <h2 x-text="currentStore.storeName" style="font-size: 1.5rem !important;" id="storeModalLabel"></h2> 2489 <span x-text="storeProfileHeadline" style="font-size: 0.9em !important;"></span> 2490 </div> 2491 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 2492 </div> 2493 <div class="modal-body" style="font-size: 1.1rem; padding: 1.25rem 1.5rem 1.75rem 1.5rem !important; "> 2494 <h2 class="mb-2">Store Location</h2> 2495 <div x-html="currentStore.addressHtml"></div> 2496 <a x-text="currentStore.phoneNumber" :href="currentStore.phoneUrl" class="text-decoration-underline" style="color: #467b96"></a> 2497 <a :href="currentStore.urlForDirections" target="_blank" 2498 class="btn btn-primary mt-3" 2499 style="display: block; width: fit-content; margin-bottom: 2rem;"> 2500 Directions 2501 </a> 2502 <h2 class="mb-2">Store Hours</h2> 2503 <div x-html="currentStore.storeHoursString" class="mb-2"></div> 2504 <a :href="currentStore.storeLink" class="text-muted text-decoration-underline">view profile</a> 2505 </div> 2506 </div> 2507 </div> 2508 </div> 2509 </div> 2510 </div> 2511 </div>
2512<script> 2513 function storeModalApp() { 2514 return { 2515 stores: [{"storeId":262,"keywordList":"Furniture & Mattress","storeLink":"https://www.primebrothers.com/store/bay-city","storeName":"Prime Brothers Furniture","distance":0.0,"city":"Bay City","stateAbbreviation":"MI","addressHtml":"<span itemprop=\"streetAddress\">1500 Euclid Ave.<br></span><span itemprop=\"addressLocality\">Bay City</span>, <span itemprop=\"addressRegion\">MI</span> <span itemprop=\"postalCode\">48706</span>","urlForDirections":"https://www.google.com/maps/dir/?api=1&destination=1500+Euclid+Ave.+Bay+City+MI+48706","storeHoursString":"Mon-Fri 9am - 8pm<br>Saturday 9am - 6pm<br>Sunday 12 - 4pm","phoneNumber":"989-686-1212","phoneUrl":"tel:9896861212","selectedStore":false,"isDistantStore":false}], 2516 currentStore: {}, 2517 get storeProfileHeadline() { 2518 const store = this.currentStore; 2519 return Object.keys(store).length ? `${store.city}, ${store.stateAbbreviation} ${store.keywordList} Store` : ""; 2520 }, 2521 openModal(storeId) { 2522 // Find store by ID 2523 this.currentStore = this.stores.find((s) => s.storeId === storeId); 2524 // Use Bootstrap's modal method to show modal 2525 $('#storeModal').modal('show'); 2526 }, 2527 } 2528 } 2529</script>
2529 2530 <div class="border-bottom py-3 mb-3"> 2531<div class="delivery-lookup"> 2532 <div class="delivery-lookup__top"> 2533 <div class="delivery-lookup__top-desc"> 2534 <div class="delivery-lookup__title">Estimated Delivery Price</div> 2535 <div class="delivery-lookup__text">Enter your zip code to get a delivery estimate.</div> 2536 </div> 2537 <div class="delivery-lookup__input form-group __active"> 2538<input aria-label="Enter Zip Code to get a delivery estimate" class="form-control zipcodeLookupInput" id="ZipCode" inputmode="numeric" name="ZipCode" pattern="[0-9]*" placeholder="zip code" type="number" value="" /> 2539 <button class="delivery-lookup__submit" disabled="disabled" data-gpid="1196898324" type="button">Submit</button> 2540 </div> 2541 </div> 2542 <div class="delivery-lookup__desc"></div> 2543 <link rel="stylesheet" href="/css/pages/shopping-cart/delivery-lookup.css" /> 2544
2544<script src="/js/pages/shopping-cart/delivery.js"></script>
2544 2545
2545<script> 2546 // Disable scroll when focused on a number input. 2547 $('.delivery-lookup').on('focus', 'input[type=number]', function (e) { 2548 $(this).on('wheel', function (e) { 2549 e.preventDefault(); 2550 }); 2551 }); 2552 // Restore scroll on number inputs. 2553 $('.delivery-lookup').on('blur', 'input[type=number]', function (e) { 2554 $(this).off('wheel'); 2555 }); 2556 // Disable up and down keys. 2557 $('.delivery-lookup').on('keydown', 'input[type=number]', function (e) { 2558 if (e.which == 38 || e.which == 40) 2559 e.preventDefault(); 2560 }); 2561 //adds hover box to show up on "i" info icon 2562 document.querySelectorAll('.fdn-tooltip').forEach(function (el) { 2563 var popover = new bootstrap.Popover(el, { 2564 trigger: 'hover focus', 2565 placement: 'bottom', 2566 customClass: 'dark-popover' 2567 }); 2568 }); 2569 var noPickUpLocations = false; 2570 var noServiceLocations = false; 2571 if (noPickUpLocations) { 2572 console.error("WARNING - no pickup locations have been defined"); 2573 } 2574 if (noServiceLocations) { 2575 console.error("WARNING - no service locations have been defined"); 2576 } 2577 </script>
2577 2578</div> 2579 </div> 2580<div class="mb-3 pb-3 border-bottom" x-data="{show: false}" id="contactform"> 2581 <button type="button" 2582 class="btn btn-primary w-100 rounded-1 p-2 " 2583 x-show="!show" 2584 x-on:click="show=true" 2585 :aria-expanded="show.toString()" 2586 > 2587 Ask a Question 2588 </button> 2589 <div x-show="show" x-cloak> 2590 <div class="mb-4"> 2591 <div class="d-flex align-items-center"> 2592 <h2 class="mb-0" 2593 > 2594 Ask a Question 2595 </h2> 2596 <span x-cloak x-show="show" tabindex="0" class="ms-auto small text-primary text-decoration-underline" role="button" x-on:click="show = !show" x-on:keyup.enter="show = !show">less</span> 2597 </div> 2598 </div> 2599 <form method="post" id="contactUsForm" class="needs-validation" novalidate="" encType="multipart/form-data" onsubmit="return ValidateForm(event, 'contactUsForm', 'false');" action="/contactus"> 2600 <input type="hidden" id="ContactFormUrl" name="ContactFormUrl" value="" /> 2601 <input type="hidden" data-val="true" data-val-required="The Gpid field is required." id="Gpid" name="Gpid" value="1196898324" /> 2602 <div> 2603 <div class="mb-3" role="group" aria-label="Your Contact Information"> 2604 <div class="row no-gutters mb-3"> 2605 <div class="col-12 mb-3 mb-sm-0 col-sm-6 pe-sm-2"> 2606 <div> 2607 <label class="form-label" for="FirstName">First Name *</label> 2608 <input type="text" class="form-control" required data-val="true" data-val-required="The FirstName field is required." id="FirstName" name="FirstName" value="" /> 2609 <div class="invalid-feedback">First Name is required</div> 2610 </div> 2611 </div> 2612 <div class="col-12 col-sm-6 ps-sm-2"> 2613 <div> 2614 <label class="form-label" for="LastName">Last Name *</label> 2615 <input type="text" class="form-control" required data-val="true" data-val-required="The LastName field is required." id="LastName" name="LastName" value="" /> 2616 <div class="invalid-feedback">Last Name is required</div> 2617 </div> 2618 </div> 2619 </div> 2620 <div class="mb-3"> 2621 <label class="form-label" for="StreetAddress">Street Address *</label> 2622 <input type="text" class="form-control" required="required" id="StreetAddress" name="StreetAddress" value="" /> 2623 <div class="invalid-feedback">Street Address is required</div> 2624 </div> 2625 <div class="d-flex flex-column flex-md-row"> 2626 <div class="mb-3 me-md-3"> 2627 <label class="form-label" for="City">City *</label> 2628 <input type="text" class="form-control" required="required" id="City" name="City" value="" /> 2629 <div class="invalid-feedback">City is required</div> 2630 </div> 2631 <div class="mb-3"> 2632 <label class="form-label" for="SelectedState">State *</label> 2633 <select class="form-select" required="required" data-val="true" data-val-required="The SelectedState field is required." id="SelectedState" name="SelectedState"><option selected="selected" value="0">--- Select ---</option> 2634<option value="1">Alabama</option> 2635<option value="3">Arizona</option> 2636<option value="4">Arkansas</option> 2637<option value="5">California</option> 2638<option value="6">Colorado</option> 2639<option value="7">Connecticut</option> 2640<option value="8">Delaware</option> 2641<option value="9">District of Columbia</option> 2642<option value="10">Florida</option> 2643<option value="11">Georgia</option> 2644<option value="13">Idaho</option> 2645<option value="14">Illinois</option> 2646<option value="15">Indiana</option> 2647<option value="16">Iowa</option> 2648<option value="17">Kansas</option> 2649<option value="18">Kentucky</option> 2650<option value="19">Louisiana</option> 2651<option value="20">Maine</option> 2652<option value="21">Maryland</option> 2653<option value="22">Massachusetts</option> 2654<option value="23">Michigan</option> 2655<option value="24">Minnesota</option> 2656<option value="25">Mississippi</option> 2657<option value="26">Missouri</option> 2658<option value="27">Montana</option> 2659<option value="28">Nebraska</option> 2660<option value="29">Nevada</option> 2661<option value="30">New Hampshire</option> 2662<option value="31">New Jersey</option> 2663<option value="32">New Mexico</option> 2664<option value="33">New York</option> 2665<option value="34">North Carolina</option> 2666<option value="35">North Dakota</option> 2667<option value="36">Ohio</option> 2668<option value="37">Oklahoma</option> 2669<option value="38">Oregon</option> 2670<option value="39">Pennsylvania</option> 2671<option value="41">Rhode Island</option> 2672<option value="42">South Carolina</option> 2673<option value="43">South Dakota</option> 2674<option value="44">Tennessee</option> 2675<option value="45">Texas</option> 2676<option value="46">Utah</option> 2677<option value="47">Vermont</option> 2678<option value="49">Virginia</option> 2679<option value="50">Washington</option> 2680<option value="51">West Virginia</option> 2681<option value="52">Wisconsin</option> 2682<option value="53">Wyoming</option> 2683</select> 2684 <div class="invalid-feedback">State is required</div> 2685 </div> 2686 <div class="mb-3 ms-md-3"> 2687 <label class="form-label" for="PostalCode">Zip Code *</label> 2688 <input class="form-control" aria_label="Zip Code" type="text" pattern="[0-9]*" inputmode="numeric" required="required" id="PostalCode" name="PostalCode" value="" /> 2689 <div class="invalid-feedback">Zip Code is required</div> 2690 </div> 2691 </div> 2692 </div> 2693 <div class="mb-3" role="group" aria-label="Your Message"> 2694 <div class="mb-3"> 2695 <label class="form-label">Question Type</label> 2696 <div class="form-check"> 2697 <label class="form-check-label"> 2698 <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_0__Id" name="QuestionTypeList[0].Id" value="1" /> 2699 <input type="hidden" id="QuestionTypeList_0__Value" name="QuestionTypeList[0].Value" value="Pricing" /> 2700 <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_0__isChecked" name="QuestionTypeList[0].isChecked" value="true" />
2701 <span>Pricing</span> 2702 </label> 2703 </div> 2704 <div class="form-check"> 2705 <label class="form-check-label"> 2706 <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_1__Id" name="QuestionTypeList[1].Id" value="2" /> 2707 <input type="hidden" id="QuestionTypeList_1__Value" name="QuestionTypeList[1].Value" value="Availability" /> 2708 <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_1__isChecked" name="QuestionTypeList[1].isChecked" value="true" /> 2709 <span>Availability</span> 2710 </label> 2711 </div> 2712 <div class="form-check"> 2713 <label class="form-check-label"> 2714 <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_2__Id" name="QuestionTypeList[2].Id" value="3" /> 2715 <input type="hidden" id="QuestionTypeList_2__Value" name="QuestionTypeList[2].Value" value="Order Status" /> 2716 <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_2__isChecked" name="QuestionTypeList[2].isChecked" value="true" /> 2717 <span>Order Status</span> 2718 </label> 2719 </div> 2720 <div class="form-check"> 2721 <label class="form-check-label"> 2722 <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_3__Id" name="QuestionTypeList[3].Id" value="4" /> 2723 <input type="hidden" id="QuestionTypeList_3__Value" name="QuestionTypeList[3].Value" value="Product Information" /> 2724 <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_3__isChecked" name="QuestionTypeList[3].isChecked" value="true" /> 2725 <span>Product Information</span> 2726 </label> 2727 </div> 2728 <div class="form-check"> 2729 <label class="form-check-label"> 2730 <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_4__Id" name="QuestionTypeList[4].Id" value="5" /> 2731 <input type="hidden" id="QuestionTypeList_4__Value" name="QuestionTypeList[4].Value" value="Financing Information" /> 2732 <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_4__isChecked" name="QuestionTypeList[4].isChecked" value="true" /> 2733 <span>Financing Information</span> 2734 </label> 2735 </div> 2736 <div class="form-check"> 2737 <label class="form-check-label"> 2738 <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_5__Id" name="QuestionTypeList[5].Id" value="6" /> 2739 <input type="hidden" id="QuestionTypeList_5__Value" name="QuestionTypeList[5].Value" value="Warranty/Replacement Information" /> 2740 <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_5__isChecked" name="QuestionTypeList[5].isChecked" value="true" />
2741 <span>Warranty/Replacement Information</span> 2742 </label> 2743 </div> 2744 <div class="form-check"> 2745 <label class="form-check-label"> 2746 <input type="hidden" data-val="true" data-val-required="The Id field is required." id="QuestionTypeList_6__Id" name="QuestionTypeList[6].Id" value="7" /> 2747 <input type="hidden" id="QuestionTypeList_6__Value" name="QuestionTypeList[6].Value" value="Other" /> 2748 <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The isChecked field is required." id="QuestionTypeList_6__isChecked" name="QuestionTypeList[6].isChecked" value="true" /> 2749 <span>Other</span> 2750 </label> 2751 </div> 2752 </div> 2753 <div> 2754 <label class="form-label" for="Message">How can we help you? *</label> 2755 <textarea class="form-control" required id="Message" name="Message"> 2756</textarea> 2757 <div class="invalid-feedback">Message is required</div> 2758 </div> 2759 </div> 2760 <div class="mb-3" role="group" aria-label="Your Preferences"> 2761 <div class="form-check mb-3"> 2762 <input type="checkbox" class="form-check-input" data-val="true" data-val-required="The SignUpForOffersAndPromotions field is required." id="SignUpForOffersAndPromotions" name="SignUpForOffersAndPromotions" value="true" /> 2763 <label class="form-check-label" for="SignUpForOffersAndPromotions">Sign-up for email offers and promotions</label> 2764 </div> 2765 <div class="mb-3"> 2766 <label class="form-label" for="SelectedPreferredStore"> 2767 Preferred Store * 2768 </label> 2769 <select class="form-select" required="required" data-val="true" data-val-required="The SelectedPreferredStore field is required." id="SelectedPreferredStore" name="SelectedPreferredStore"><option value="">--- Select ---</option> 2770<option value="262">Prime Brothers Furniture</option> 2771</select> 2772 <div class="invalid-feedback">Preferred Store is required</div> 2773 </div> 2774 <div class="mb-3 contact-method-field " data-contact-method="email" aria-hidden="False.ToString().ToLower()"> 2775 <label class="form-label" for="EmailAddress">Email Address *</label> 2776 <input type="email" class="form-control" required="required" aria-describedby="EmailAddress-error" id="EmailAddress" name="EmailAddress" value="" /> 2777 <div class="invalid-feedback" id="EmailAddress-error">Email Address is required</div> 2778 </div> 2779 <div class="mb-3 contact-method-field " data-contact-method="phone" aria-hidden="False.ToString().ToLower()"> 2780 <label class="form-label" for="PhoneNumber">Phone Number *</label> 2781 <input type="tel" class="form-control" required="required" aria-describedby="PhoneNumber-error" id="PhoneNumber" name="PhoneNumber" value="" /> 2782 <div class="invalid-feedback" id="PhoneNumber-error">Phone Number is required</div> 2783 </div> 2784 <div class="mb-3"> 2785 <label class="form-label" for="PreferredSalesAssociate">Preferred Sales Associate (optional)</label> 2786 <input class="form-control" type="text" id="PreferredSalesAssociate" name="PreferredSalesAssociate" value="" /> 2787 </div> 2788 </div> 2789 </div> 2790 <div class="form-row xexyz"> 2791 <label aria-hidden="hidden" class="xexyz" for="Hp_tb">Important Field</label> 2792 <input aria-hidden="hidden" class="xexyz" id="Hp_tb" name="Hp_tb" placeholder="Important Field" type="text" value="" /> 2793 <label aria-hidden="hidden" class="xexyz" for="HAgreeToTermsCB">Do you agree to the terms of service? (*Required)</label> 2794 <input aria-hidden="hidden" class="xexyz" data-val="true" data-val-required="The HAgreeToTermsCB f
2794ield is required." id="HAgreeToTermsCB" name="HAgreeToTermsCB" type="checkbox" value="true" /> 2795 </div> 2796 <div class="form-row xexyz"> 2797 <label aria-hidden="hidden" class="xexyz" for="Rv_hp">Really Important Field</label> 2798 <input aria-hidden="hidden" class="xexyz" id="Rv_hp" name="Rv_hp" placeholder="Really Important Field" type="text" value="_rvhp_" /> 2799 </div> 2800 <input type="hidden" name="FormRenderedAtUtcTicks" id="FormRenderedAtUtcTicks" tabindex="-1" aria-label="timestamp" /> 2801
2801<script> 2802 (function () { 2803 var form = document.currentScript.closest('form'); 2804 document.addEventListener('DOMContentLoaded', function () { 2805 var nowUtcMs = Date.now(); 2806 var ticks = nowUtcMs * 10000 + 621355968000000000; 2807 var renderedAtEl = form.querySelector('[name="FormRenderedAtUtcTicks"]'); 2808 var contactFormUrlEl = form.querySelector('[name="ContactFormUrl"]'); 2809 if (renderedAtEl) { 2810 renderedAtEl.value = ticks; 2811 } 2812 if (contactFormUrlEl && !contactFormUrlEl.value) { 2813 contactFormUrlEl.value = window.location.href; 2814 } 2815 }); 2816 })(); 2817 </script>
2817 2818 <div class="mt-4"> 2819 <button class="btn btn-primary col-12 rounded-0" type="submit" id="contactUsFormSubmit">Send</button> 2820 </div> 2821 <input name="__RequestVerificationToken" type="hidden" value="CfDJ8ODjSf37AwlPurqhzV5cDUtPnwqJpq0_RhDcW4sqxPWKd_PS3aOYuvGGYOLfuabJH3jIgtM4TXYyPTWFV6FqaDhgAC6SXS4Y64rXYmmbhPOB6TqMkoWBSHXXun3IiCIVVgv7KGeK0Rjv87aTkC5_NSg" /><input name="QuestionTypeList[0].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[1].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[2].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[3].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[4].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[5].isChecked" type="hidden" value="false" /><input name="QuestionTypeList[6].isChecked" type="hidden" value="false" /><input name="SignUpForOffersAndPromotions" type="hidden" value="false" /><input name="HAgreeToTermsCB" type="hidden" value="false" /></form> 2822 </div> 2823
2823<script> 2824 (function () { 2825 var form = document.getElementById("contactUsForm"); 2826 if (!form) return; 2827 var response = form.querySelector('[name="PreferredResponse"]'); 2828 var email = form.querySelector('[name="EmailAddress"]'); 2829 var phone = form.querySelector('[name="PhoneNumber"]'); 2830 var emailWrapper = form.querySelector('[data-contact-method="email"]'); 2831 var phoneWrapper = form.querySelector('[data-contact-method="phone"]'); 2832 var preferredResponseVisible = false; 2833 var phoneVisibleByConfig = true; 2834 var phoneRequiredByConfig = true; 2835 var requirePhoneOrEmail = false; 2836 function updateContactMethodFields() { 2837 var value = preferredResponseVisible && response ? response.value : "0"; 2838 var emailSelected = value === "1"; 2839 var phoneSelected = value === "2" || value === "3"; 2840 var noResponseSelected = value === "0" || value === ""; 2841 var showEmail = emailSelected || noResponseSelected; 2842 var showPhone = phoneSelected || (noResponseSelected && phoneVisibleByConfig); 2843 var emailRequired = emailSelected || (noResponseSelected && !requirePhoneOrEmail); 2844 var phoneRequired = phoneSelected || (noResponseSelected && phoneRequiredByConfig); 2845 emailWrapper.classList.toggle("d-none", !showEmail); 2846 emailWrapper.setAttribute("aria-hidden", (!showEmail).toString()); 2847 phoneWrapper.classList.toggle("d-none", !showPhone); 2848 phoneWrapper.setAttribute("aria-hidden", (!showPhone).toString()); 2849 email.required = emailRequired; 2850 phone.required = phoneRequired; 2851 email.disabled = !showEmail; 2852 phone.disabled = !showPhone; 2853 email.setAttribute("aria-describedby", emailRequired ? "EmailAddress-error" : ""); 2854 phone.setAttribute("aria-describedby", phoneRequired ? "PhoneNumber-error" : ""); 2855 email.closest(".contact-method-field").querySelector("label").textContent = emailRequired ? "Email Address *" : "Email Address"; 2856 phone.closest(".contact-method-field").querySelector("label").textContent = phoneRequired ? "Phone Number *" : "Phone Number"; 2857 } 2858 document.addEventListener("DOMContentLoaded", function () { 2859 updateContactMethodFields(); 2860 if (response) response.addEventListener("change", updateContactMethodFields); 2861 }); 2862 })(); 2863 </script>
2863 2864
2864<script> 2865 // validate form 2866 function ValidateForm(e, formId, isPurchaseForm) { 2867 let submitBtn = ""; 2868 if (isPurchaseForm && isPurchaseForm != "false") 2869 { 2870 submitBtn = document.getElementById('contactUsFormSubmit-purchase'); 2871 } 2872 else { 2873 submitBtn = document.getElementById('contactUsFormSubmit'); 2874 } 2875 submitBtn.disabled = true; 2876 submitBtn.innerHTML = ` 2877 <span class="spinner-border spinner-border-sm me-2" 2878 role="status" 2879 aria-hidden="true"></span> 2880 Sending... 2881 `; 2882 var form = document.getElementById(formId); 2883 form.classList.remove('was-validated'); 2884 // Clear any previously set custom validity before re-checking 2885 var emailEl = form.querySelector('[name="EmailAddress"]'); 2886 var phoneEl = form.querySelector('[name="PhoneNumber"]'); 2887 var preferredResponseEl = form.querySelector('[name="PreferredResponse"]'); 2888 if (emailEl) emailEl.setCustomValidity(""); 2889 if (phoneEl) phoneEl.setCustomValidity(""); 2890 if (preferredResponseEl) preferredResponseEl.setCustomValidity(""); 2891 var preferredStoreEl = form.querySelector('[name="SelectedPreferredStore"]'); 2892 if (preferredStoreEl) preferredStoreEl.setCustomValidity(""); 2893 var valid = form.checkValidity(); 2894 if (preferredStoreEl && preferredStoreEl.value === "") { 2895 preferredStoreEl.setCustomValidity("Preferred Store is required"); 2896 valid = false; 2897 } 2898 if (preferredResponseEl && false && false) { 2899 if (preferredResponseEl.value === "0") { 2900 preferredResponseEl.setCustomValidity("Please select a preferred response method"); 2901 valid = false; 2902 } 2903 } 2904 if (preferredResponseEl && false && (preferredResponseEl.value === "1" || preferredResponseEl.value === "2" || preferredResponseEl.value === "3")) { 2905 if (preferredResponseEl.value === "1" && (!emailEl.value.length || emailEl.validity.typeMismatch)) { 2906 emailEl.setCustomValidity("Email Address is required"); 2907 valid = false; 2908 } 2909 if ((preferredResponseEl.value === "2" || preferredResponseEl.value === "3") && !phoneEl.value.length) { 2910 phoneEl.setCustomValidity("Phone Number is required"); 2911 valid = false; 2912 } 2913 } 2914 else if (false) { 2915 if ((emailEl.value.length == 0 || emailEl.validity.typeMismatch) && phoneEl.value.length == 0) { 2916 emailEl.setCustomValidity(" "); 2917 phoneEl.setCustomValidity("Phone Number or Email Address is required"); 2918 valid = false; 2919 } 2920 } 2921 if (!valid) { 2922 e.preventDefault(); 2923 form.classList.add('was-validated'); 2924 submitBtn.disabled = false; 2925 submitBtn.innerHTML = "Send"; 2926 // Scroll to the first invalid field 2927 var firstInvalid = form.querySelector(':invalid:not(fieldset)'); 2928 if (firstInvalid) { 2929 firstInvalid.scrollIntoView({ behavior: 'smooth', block: 'center' }); 2930 firstInvalid.focus(); 2931 } 2932 return false; 2933 } 2934 else { 2935 return true; 2936 } 2937 } 2938 // Clear custom validity when user types in email or phone fields 2939 document.addEventListener('input', function (evt) { 2940 if (evt.target.name === "EmailAddress" || evt.target.name === "PhoneNumber") { 2941 var parentForm = evt.target.closest('form'); 2942 if (parentForm) { 2943 var emailEl = parentForm.querySelector('[name="EmailAddress"]'); 2944 var phoneEl = parentForm.querySelector('[name="PhoneNumber"]'); 2945 if (emailEl) emailEl.setCustomValidity(""); 2946 if (phoneEl) phoneEl.setCustomValidity(""); 2947 } 2948 } 2949 }); 2950 </script>
2950 2951</div> 2952<div x-data="{ show: !true }" class="mb-3 pb-3 border-bottom" id="dimensions"> 2953 <div x-on:click="show = !show; trackContentInteraction('dimensions', show ? 'expand' : 'collapse', '', 'item')" 2954 x-on:keyup.enter="show = !show; trackContentInteraction('dimensions', show ? 'expand' : 'collapse', '', 'item')" 2955 role="button" 2956 tabindex="0" 2957 class="d-flex justify-content-between border-bottom-0 iplv15-toggle-header pb-0 ps-0" 2958 :aria-expanded="show.toString()" 2959 aria-controls="dimensions-section" 2960 aria-label="Toggle Dimensions"> 2961 <div class="d-flex flex-wrap align-items-center"> 2962 <h2 class="mb-0 d-inline-flex align-items-center me-2"> 2963 Dimensions: 2964 </h2> 2965 <div class="d-inline-flex flex-wrap align-items-center fw-bold" style="font-size: 1.1rem;"> 2966 <span>89<text>" W</text></span> 2967 <span class="mx-1">×</span> 2968 <span>38<text>" D</text></span> 2969 <span class="mx-1">×</span> 2970 <span>39<text>" H</text></span> 2971 </div> 2972 </div> 2973 <div class="d-flex align-items-center"> 2974 <span x-show="show" tabindex="0" class="material-symbols-outlined notranslate ms-auto" aria-label="show less">remove</span> 2975 <span x-show="!show" tabindex="0" class="material-symbols-outlined notranslate ms-auto" aria-label="show more">add</span> 2976 </div> 2977 </div> 2978 <div id="dimensions-section" x-show="show" x-cloak class="pt-3"> 2979 <img loading="lazy" src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/img/dealer/-1/creative/9f160a107cc543ffbfed18a0a7ab4f22.jpg?format=webp&quality=85" alt="Line drawing of product" 2980 width="759" height="273" 2981 class="img-fluid my-3" /> 2982 <div class="table-responsive-xl"> 2983 <table class="table border-bottom-0 border-bottom-md"> 2984 <tbody> 2985 <tr style="font-size: 0.9em"> 2986 <td class="dimensions-td" style="min-width: 15rem;">Width (side to side)</td> 2987 <td class="dimensions-td">89</td> 2988 </tr> 2989 <tr style="font-size: 0.9em"> 2990 <td class="dimensions-td" style="min-width: 15rem;">Depth (front to back)</td> 2991 <td class="dimensions-td">38</td> 2992 </tr> 2993 <tr style="font-size: 0.9em"> 2994 <td class="dimensions-td" style="min-width: 15rem;">Height (bottom to top)</td> 2995 <td class="dimensions-td">39</td> 2996 </tr> 2997 </tbody> 2998 </table> 2999 </div> 3000 <div class="mt-3" style="padding-left: 0.75rem;"> 3001 <a href="#specifications" class="text-primary text-decoration-underline">see more specs</a> 3002 </div> 3003 </div> 3004</div> 3005<div class="mb-3 pb-3 border-bottom" id="disclaimer" x-data="itemPageDisclaimer()" x-show="hasDisclaimer" x-cloak x-init="_init()"> 3006 <div class="iplv15-toggle-header d-flex align-items-center border-bottom-0 ps-0 pb-0" 3007 x-on:click="show = !show; trackContentInteraction('disclaimer', show ? 'expand' : 'collapse', '', 'item')" 3008 x-on:keyup.enter="show = !show; trackContentInteraction('disclaimer', show ? 'expand' : 'collapse', '', 'item')" 3009 role="button" 3010 tabindex="0" 3011 :aria-expanded="show.toString()" 3012 aria-controls="disclaimer-section" 3013 aria-label="Toggle Disclaimer"> 3014 <h2>Disclaimer</h2> 3015 <span class="ms-auto material-symbols-outlined notranslate" aria-label="show less" tabindex="0" x-show="show">remove</span> 3016 <span class="ms-auto material-symbols-outlined notranslate" aria-label="show more" tabindex="0" x-show="!show">add</span> 3017 </div> 3018 <div id="disclaimer-section" x-show="show" class="pt-3" x-cloak> 3019 <div id="itemPage15Disclaimer"> 3020 <div class="targeted-section targeted-section__51 item-page-15-disclaimer"> 3021</div> 3022 </div> 3023 </div> 3024</div>
3025<script> 3026 document.addEventListener('alpine:init', () => { 3027 Alpine.data('itemPageDisclaimer', () => ({ 3028 _init() { 3029 const parentDiv = document.getElementsByClassName("item-page-15-disclaimer")[0]; 3030 this.hasDisclaimer = parentDiv.children.length > 0; 3031 }, 3032 hasDisclaimer: false, 3033 show: !true 3034 })); 3035 }); 3036</script>
3036 3037<div class="" id="sharelinks"> 3038 <div class=""> 3039 <button 3040 type="button" 3041 class="add-to-list--trigger w-100 btn btn-outline-dark rounded-1 p-3 d-flex align-items-center justify-content-center" 3042 title="Save to list" 3043 aria-label="Save to list" 3044 aria-controls="fav-popover" 3045 aria-haspopup="dialog" 3046 aria-expanded="false" 3047 data-fav-trigger 3048 data-gpid="1196898324"> 3049 <i class="material-symbols-outlined fw-400 notranslate" style="font-size: 1.2rem;">favorite</i> 3050 <span class="text-decoration-none" data-fav-label>Add to a List</span> 3051 </button> 3052 <button type="button" class="js-add-to-room-plan room-planner-btn w-100 btn btn-outline-dark rounded-1 p-3 d-flex align-items-center justify-content-center mt-2" data-room-plan-item="{"gpid":1196898324,"ItemId":-22735804,"ItemNum":"12503-3010","MfgSKU":"000004687250","width":"89","depth":"38","iconid":7,"productType":"Uph - Stationary Sofas","imageURL":"https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=jpg&quality=95&width=729&height=729&scale=canvas&trim.threshold=20&trim.percentpadding=1","MinDesc":"Contemporary Sofa with Tapered Wood Leg","CategoryName":"dummy","widthInches":"89","depthInches":"38","iconId":7,"productTypeId":-984643396,"imageUrl":"https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=jpg&quality=95&width=729&height=729&scale=canvas&trim.threshold=20&trim.percentpadding=1","name":"Contemporary Sofa with Tapered Wood Leg","sku":"000004687250","productUrl":"https://www.primebrothers.com/item/125-sofa/1196898324"}">Add To Room Plan</button> 3053 </div> 3054 <div class="ms-auto d-flex align-items-center mt-3" id="social-media-links"> 3055 <a class="me-2" href="https://www.facebook.com/sharer/sharer.php?u=https://www.primebrothers.com/item/125-sofa/1196898324" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" title="Share this product on Facebook"> 3056 <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/light_facebook.svg" loading="lazy" style="max-width: 1.2rem" alt="facebook logo" /> 3057 </a> 3058 <a class="me-2" href="https://twitter.com/intent/tweet?text=Check out this 125 Sofa by Peak Living at Prime Brothers Furniture&url=https://www.primebrothers.com/item/125-sofa/1196898324" target="_blank" rel="noopener" title="Tweet about this product"> 3059 <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/light_twitter.svg" loading="lazy" style="max-width: 1.2rem" alt="x logo" /> 3060 </a> 3061 <a class="me-2" href="https://pinterest.com/pin/create/bookmarklet/?url=https://www.primebrothers.com/item/125-sofa/1196898324&description=125 Sofa by Peak Living at Prime Brothers Furniture&media=https%3A%2F%2Fimageresizer.furnituredealer.net%2Fimg%2Fremote%2Fimages.furnituredealer.net%2Fb%2Fp%2Fa1e18853-5f6b-4575-b42b-6c376b416583%2Fassets%2Fbf3ae5f5ca5441e5941d7819e3982c73.jpg%3Fformat%3Dwebp%26quality%3D95%26width%3D729%26height%3D729%26scale%3Dcanvas%26trim.threshold%3D20%26trim.percentpadding%3D1" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" title="Pin this product"> 3062 <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/light_pinterest.svg" loading="lazy" style="max-width: 1.2rem" alt="pinterest logo" /> 3063 </a> 3064 </div>
3065 <a href="#" class="d-none ms-auto item-page-15-link text-decoration-underline text-lowercase" id="share-link">share this page</a> 3066</div> 3067 <div class="position-fixed bg-white shadow-lg animated fast slideInUp __item-page-card p-2" 3068 style="left: 0; right: 0; bottom: 0; z-index: 2147483647"> 3069 <div class="row no-gutters"> 3070 <div class="col-5 col-sm-4"> 3071 <picture> 3072 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&quality=85&width=200&height=200&scale=both&trim.threshold=20&trim.percentpadding=0.5" 3073 type="image/webp"> 3074 <img src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?width=200&height=200&scale=both&trim.threshold=20&trim.percentpadding=0.5" 3075 alt="Contemporary Sofa with Tapered Wood Leg" loading="lazy" /> 3076 </picture> 3077 </div> 3078 <div class="col-7 col-sm-8 ps-3"> 3079 <div class="fw-bold">Contemporary Sofa with Tapered Wood Leg</div> 3080 <a href="https://www.primebrothers.com/collection/125-1a1b9950487c/125" class="small text-decoration-underline"> 3081 125 Collection 3082 </a> 3083 <div class="small mt-2"> 3084 <div class="price-slot price-slot-middle fw-bold large-font " style="color:#cc1111;"> 3085 <span class="price-slot__pre price-slot-middle__pre">Sale Price:</span> 3086 <span class="price-slot__amt price-slot-middle__amt">$488.00</span> 3087 <span class="price-slot__post price-slot-middle__post"> 3088 </span> 3089 </div> 3090 </div> 3091 <div class="mt-2"> 3092 <div x-show="itemIsInCart" x-cloak> 3093 <a href="https://www.primebrothers.com/ShoppingCart" title="Click to view cart" 3094 class="d-inline-block item-page-15-add-to-cart-btn py-2 px-3" 3095 style="font-size: 0.8rem;"> 3096 Item<span x-show="selectedAddonItems.length > 0" x-cloak>s</span> in Cart 3097 <span x-show="addToCartItemCount > 1" x-cloak> 3098 (<span x-text="addToCartItemCount"></span>) 3099 </span> 3100 </a> 3101 </div> 3102 <div x-show="!itemIsInCart" x-cloak> 3103 <div class="d-flex flex-column flex-md-row justify-content-center align-items-center"> 3104 <button x-show="!adding" x-cloak @click="addToCartClick" 3105 aria-live="polite" 3106 class="item-page-15-add-to-cart-btn py-2 px-3" 3107 style="font-size: 0.8rem;"> 3108 Add to Cart 3109 <span x-show="addToCartItemCount > 1" x-cloak> 3110 (<span x-text="addToCartItemCount"></span>) 3111 </span> 3112 </button> 3113 <button x-show="adding" x-cloak class="item-page-15-add-to-cart-btn py-2 px-3" style="font-size: 0.8rem;"> 3114 <span role="status" aria-hidden="true" 3115 class="spinner-border spinner-border-sm me-1"></span> 3116 Adding...
3117 <span x-show="addToCartItemCount > 1" x-cloak> 3118 (<span x-text="addToCartItemCount"></span>) 3119 </span> 3120 </button> 3121 </div> 3122 </div> 3123 </div> 3124 </div> 3125 </div> 3126 </div> 3127</div>
3128<script> 3129 window.topSectionModel = { 3130 gpid: '1196898324', 3131 parentQuantity: (0 > 0 && !false) ? 0 : 1, 3132 itemIsInCart: false, 3133 cartQuantity: 0, 3134 cartQuantityRequired: false, 3135 enableTopSectionStickiness: false, 3136 stripePublicKey: '', 3137 stripeConnectAccountId: '', 3138 itemPriceCents: 48800 3139 }; 3140</script>
vendor: 2 bytes, line 3140
3140
3141<script src="/js/pages/item/top-section.js"></script>
3141 3142 </div> 3143 </div> 3144 <div id="bottomsection" class="d-flex flex-column"> 3145<div class="js-ajax-partial" data-controller="Item" data-action="HtmlFeatures" data-route-values="{"gpid":1196898324,"collectionId":"125-1a1b9950487c","collectionNum":"125","mfgId":-1950851770,"attributeIds":[-1319836248,-1070342577,-1070342577,-578253466,332186896,909071124,971334345,1077288188,1489963393,1489963393,2088504428],"attributeOptionIds":[-876205001,-1416032796,1056656680,2072674031,-873669307,-1950851770,10776804,982351949,-2047491191,1077832169,1365149074]}" data-callback="handleItemListLoaded" data-requestpriority="5"></div> 3146<div class="js-ajax-partial" data-controller="Item" data-action="RoomGroupItems" data-route-values="{"gpid":1196898324,"productTypeId":-984643396,"categoryId":897084358,"departmentId":-902325686}" data-callback="handleItemListLoaded" data-requestpriority="8"></div> 3147<div class="js-ajax-partial" data-controller="Item" data-action="AdditionalOptions" data-route-values="{"gpid":1196898324,"itemRootCSS":"swiper-slide mt-3"}" data-callback="handleItemListLoaded" data-requestpriority="7"></div> 3148<div class="js-ajax-partial" data-controller="Item" data-action="ProductConfigurationOptions" data-route-values="{"gpid":1196898324}" data-callback="" data-requestpriority="5"></div> 3149<div class="js-ajax-partial" data-controller="Item" data-action="RelatedItems" data-route-values="{"collectionId":"125-1a1b9950487c","collectionNum":"125","collectionName":"125","roomId":2,"gpidToExclude":1196898324}" data-callback="handleItemListLoaded" data-requestpriority="6"></div> 3150<div x-data="collapseSection(0)" class="mb-5" id="specifications"> 3151 <div x-on:click="toggleShow" 3152 x-on:keyup.enter="toggleShow" 3153 :role="isCollapsible ? 'button' : null" 3154 :tabindex="isCollapsible ? '0' : null" 3155 class="d-none d-md-flex justify-content-between align-items-center iplv15-toggle-header px-md-3 mb-md-3" 3156 aria-label="Toggle Specifications"> 3157 <h2 class="mb-0">Specifications</h2> 3158 <button x-show="isCollapsible" :class="{'d-flex': isCollapsible}" class="align-items-center btn btn-link text-reset text-decoration-none border-0 p-0 m-0" aria-label="Toggle Specifications"> 3159 <span x-show="show" class="material-icons notranslate">expand_less</span> 3160 <span x-show="!show" class="material-icons notranslate">expand_more</span> 3161 </button> 3162 </div> 3163 <div class="list-item"> 3164 <div class="d-flex d-md-none d-flex align-items-center border-bottom-0 iplv15-toggle-header pb-0 ps-0" 3165 x-on:click="toggleShow" x-on:keyup.enter="toggleShow" 3166 role="button" tabindex="0" aria-label="Toggle Specifications"> 3167 <div class="list__header" style="padding-top: 1.125rem; padding-bottom: 1.125rem;"> 3168 <h2 class="mb-0">Specifications</h2> 3169 <span x-show="show" class="material-icons notranslate" aria-label="Show Less">remove</span> 3170 <span x-show="!show" class="material-icons notranslate" aria-label="Show More">add</span> 3171 </div> 3172 </div> 3173 <div x-show="show" x-collapse x-cloak> 3174 <div class="spec-group"> 3175 <h2 class="spec-group-header mb-3">Product</h2> 3176 <div x-show="show" x-collapse class="d-md-none list__content"> 3177 <div class="list__attribute"> 3178 <div class="list__attribute__item"> 3179 <span class="list__attribute__title">Motion Type</span> 3180 <span class="list__attribute__value">Stationary</span> 3181 </div> 3182 </div> 3183 </div> 3184 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3185 <div class="row"> 3186 <div class="col-md-3">Motion Type</div> 3187 <div class="col-md-9"> 3188 <ul class="mb-0 ps-0" style="list-style-type: none"> 3189 <li>Stationary</li> 3190 </ul> 3191 </div> 3192 </div> 3193 </div> 3194 </div> 3195 <div class="spec-group"> 3196 <h2 class="spec-group-header mb-3">Dimensions</h2> 3197 <div x-show="show" x-collapse class="d-md-none list__content"> 3198 <div class="list__attribute"> 3199 <div class="list__attribute__item">
3200 <span class="list__attribute__title">Height (bottom to top)</span> 3201 <span class="list__attribute__value">39" H</span> 3202 </div> 3203 </div> 3204 </div> 3205 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3206 <div class="row"> 3207 <div class="col-md-3">Height (bottom to top)</div> 3208 <div class="col-md-9"> 3209 <ul class="mb-0 ps-0" style="list-style-type: none"> 3210 <li>39" H</li> 3211 </ul> 3212 </div> 3213 </div> 3214 </div> 3215 <div x-show="show" x-collapse class="d-md-none list__content"> 3216 <div class="list__attribute"> 3217 <div class="list__attribute__item"> 3218 <span class="list__attribute__title">Width (side to side)</span> 3219 <span class="list__attribute__value">89" W</span> 3220 </div> 3221 </div> 3222 </div> 3223 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3224 <div class="row"> 3225 <div class="col-md-3">Width (side to side)</div> 3226 <div class="col-md-9"> 3227 <ul class="mb-0 ps-0" style="list-style-type: none"> 3228 <li>89" W</li> 3229 </ul> 3230 </div> 3231 </div> 3232 </div> 3233 <div x-show="show" x-collapse class="d-md-none list__content"> 3234 <div class="list__attribute"> 3235 <div class="list__attribute__item"> 3236 <span class="list__attribute__title">Depth (front to back)</span> 3237 <span class="list__attribute__value">38" D</span> 3238 </div> 3239 </div> 3240 </div> 3241 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3242 <div class="row"> 3243 <div class="col-md-3">Depth (front to back)</div> 3244 <div class="col-md-9"> 3245 <ul class="mb-0 ps-0" style="list-style-type: none"> 3246 <li>38" D</li> 3247 </ul> 3248 </div> 3249 </div> 3250 </div> 3251 </div> 3252 <div class="spec-group"> 3253 <h2 class="spec-group-header mb-3">Style Elements</h2> 3254 <div x-show="show" x-collapse class="d-md-none list__content"> 3255 <div class="list__attribute"> 3256 <div class="list__attribute__item"> 3257 <span class="list__attribute__title">Color Family</span> 3258 <span class="list__attribute__value">Brown</span> 3259 </div> 3260 </div> 3261 </div> 3262 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3263 <div class="row"> 3264 <div class="col-md-3">Color Family</div> 3265 <div class="col-md-9"> 3266 <ul class="mb-0 ps-0" style="list-style-type: none"> 3267 <li>Brown</li> 3268 </ul> 3269 </div> 3270 </div> 3271 </div> 3272 <div x-show="show" x-collapse class="d-md-none list__content"> 3273 <div class="list__attribute"> 3274 <div class="list__attribute__item">
3275 <span class="list__attribute__title">Color Name</span> 3276 <span class="list__attribute__value">Tuscan Java</span> 3277 </div> 3278 </div> 3279 </div> 3280 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3281 <div class="row"> 3282 <div class="col-md-3">Color Name</div> 3283 <div class="col-md-9"> 3284 <ul class="mb-0 ps-0" style="list-style-type: none"> 3285 <li>Tuscan Java</li> 3286 </ul> 3287 </div> 3288 </div> 3289 </div> 3290 <div x-show="show" x-collapse class="d-md-none list__content"> 3291 <div class="list__attribute"> 3292 <div class="list__attribute__item"> 3293 <span class="list__attribute__title">Leg / Base Type</span> 3294 <span class="list__attribute__value">Exposed Wood Leg, Tapered Leg</span> 3295 </div> 3296 </div> 3297 </div> 3298 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3299 <div class="row"> 3300 <div class="col-md-3">Leg / Base Type</div> 3301 <div class="col-md-9"> 3302 <ul class="mb-0 ps-0" style="list-style-type: none"> 3303 <li>Exposed Wood Leg</li> 3304 <li>Tapered Leg</li> 3305 </ul> 3306 </div> 3307 </div> 3308 </div> 3309 <div x-show="show" x-collapse class="d-md-none list__content"> 3310 <div class="list__attribute"> 3311 <div class="list__attribute__item"> 3312 <span class="list__attribute__title">Design Style</span> 3313 <span class="list__attribute__value">Contemporary</span> 3314 </div> 3315 </div> 3316 </div> 3317 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3318 <div class="row"> 3319 <div class="col-md-3">Design Style</div> 3320 <div class="col-md-9"> 3321 <ul class="mb-0 ps-0" style="list-style-type: none"> 3322 <li>Contemporary</li> 3323 </ul> 3324 </div> 3325 </div> 3326 </div> 3327 <div x-show="show" x-collapse class="d-md-none list__content"> 3328 <div class="list__attribute"> 3329 <div class="list__attribute__item"> 3330 <span class="list__attribute__title">Wood Tone</span> 3331 <span class="list__attribute__value">Dark</span> 3332 </div> 3333 </div> 3334 </div> 3335 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3336 <div class="row"> 3337 <div class="col-md-3">Wood Tone</div> 3338 <div class="col-md-9"> 3339 <ul class="mb-0 ps-0" style="list-style-type: none"> 3340 <li>Dark</li> 3341 </ul> 3342 </div> 3343 </div> 3344 </div> 3345 <div x-show="show" x-collapse class="d-md-none list__content"> 3346 <div class="list__attribute"> 3347 <div class="list__attribute__item">
3348 <span class="list__attribute__title">Seat Back Description</span> 3349 <span class="list__attribute__value">Semi-attached or tight back</span> 3350 </div> 3351 </div> 3352 </div> 3353 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3354 <div class="row"> 3355 <div class="col-md-3">Seat Back Description</div> 3356 <div class="col-md-9"> 3357 <ul class="mb-0 ps-0" style="list-style-type: none"> 3358 <li>Semi-attached or tight back</li> 3359 </ul> 3360 </div> 3361 </div> 3362 </div> 3363 <div x-show="show" x-collapse class="d-md-none list__content"> 3364 <div class="list__attribute"> 3365 <div class="list__attribute__item"> 3366 <span class="list__attribute__title">Seat Description</span> 3367 <span class="list__attribute__value">Loose with nonreversible seats</span> 3368 </div> 3369 </div> 3370 </div> 3371 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3372 <div class="row"> 3373 <div class="col-md-3">Seat Description</div> 3374 <div class="col-md-9"> 3375 <ul class="mb-0 ps-0" style="list-style-type: none"> 3376 <li>Loose with nonreversible seats</li> 3377 </ul> 3378 </div> 3379 </div> 3380 </div> 3381 <div x-show="show" x-collapse class="d-md-none list__content"> 3382 <div class="list__attribute"> 3383 <div class="list__attribute__item"> 3384 <span class="list__attribute__title">Arm Type - Upholstered</span> 3385 <span class="list__attribute__value">Track Arms, Flare Tapered Arms</span> 3386 </div> 3387 </div> 3388 </div> 3389 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3390 <div class="row"> 3391 <div class="col-md-3">Arm Type - Upholstered</div> 3392 <div class="col-md-9"> 3393 <ul class="mb-0 ps-0" style="list-style-type: none"> 3394 <li>Track Arms</li> 3395 <li>Flare Tapered Arms</li> 3396 </ul> 3397 </div> 3398 </div> 3399 </div> 3400 <div x-show="show" x-collapse class="d-md-none list__content"> 3401 <div class="list__attribute"> 3402 <div class="list__attribute__item"> 3403 <span class="list__attribute__title">Pillow Description</span> 3404 <span class="list__attribute__value">Four pillows total; One set in Denali Shadow fabric and one set in Eden Spice fabric</span> 3405 </div> 3406 </div> 3407 </div> 3408 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3409 <div class="row"> 3410 <div class="col-md-3">Pillow Description</div> 3411 <div class="col-md-9"> 3412 <ul class="mb-0 ps-0" style="list-style-type: none"> 3413 <li>Four pillows total; One set in Denali Shadow fabric and one set in Eden Spice fabric</li> 3414 </ul> 3415 </div> 3416 </div> 3417 </div> 3418 </div> 3419 <div class="spec-group"> 3420 <h2 class="spec-group-header mb-3">Upholstery</h2> 3421 <div x-show="show" x-collapse class="d-md-none list__content"> 3422 <div class="list__attribute"> 3423 <div class="list__attribute__item">
3424 <span class="list__attribute__title">Fabric Patterns</span> 3425 <span class="list__attribute__value">Solid</span> 3426 </div> 3427 </div> 3428 </div> 3429 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3430 <div class="row"> 3431 <div class="col-md-3">Fabric Patterns</div> 3432 <div class="col-md-9"> 3433 <ul class="mb-0 ps-0" style="list-style-type: none"> 3434 <li>Solid</li> 3435 </ul> 3436 </div> 3437 </div> 3438 </div> 3439 <div x-show="show" x-collapse class="d-md-none list__content"> 3440 <div class="list__attribute"> 3441 <div class="list__attribute__item"> 3442 <span class="list__attribute__title">Upholstery Type</span> 3443 <span class="list__attribute__value">Fabric</span> 3444 </div> 3445 </div> 3446 </div> 3447 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3448 <div class="row"> 3449 <div class="col-md-3">Upholstery Type</div> 3450 <div class="col-md-9"> 3451 <ul class="mb-0 ps-0" style="list-style-type: none"> 3452 <li>Fabric</li> 3453 </ul> 3454 </div> 3455 </div> 3456 </div> 3457 </div> 3458 <div class="spec-group"> 3459 <h2 class="spec-group-header mb-3">Item & Dimensions</h2> 3460 <div x-show="show" x-collapse class="d-md-none list__content"> 3461 <div class="list__attribute"> 3462 <div class="list__attribute__item"> 3463 <span class="list__attribute__title">Manufacturer</span> 3464 <span class="list__attribute__value">Peak Living</span> 3465 </div> 3466 </div> 3467 </div> 3468 <div x-show="show" x-collapse class="d-none d-md-block border-bottom p-2"> 3469 <div class="row"> 3470 <div class="col-md-3">Manufacturer</div> 3471 <div class="col-md-9"> 3472 <ul class="mb-0 ps-0" style="list-style-type: none"> 3473 <li>Peak Living</li> 3474 </ul> 3475 </div> 3476 </div> 3477 </div> 3478 </div> 3479 </div> 3480 </div> 3481</div>
3482<script> 3483 document.addEventListener('alpine:init', () => { 3484 Alpine.data('collapseSection', (collapsibleOption) => ({ 3485 show: true, 3486 isCollapsible: collapsibleOption !== 0, // 0 = NotCollapsibleShowAlways 3487 isMobile: (window.matchMedia('(max-width: 767px)').matches), 3488 init() { 3489 // Apply collapsible logic for desktop 3490 if (window.matchMedia('(min-width: 768px)').matches) { 3491 if (collapsibleOption === 1) { // CollapsibleOpenByDefault 3492 this.show = true; 3493 } else if (collapsibleOption === 2) { // CollapsibleCollapsedByDefault 3494 this.show = false; 3495 } 3496 } else { 3497 this.show = false; // Always collapsible on mobile 3498 } 3499 }, 3500 toggleShow() { 3501 if (this.isCollapsible || this.isMobile) { 3502 this.show = !this.show; 3503 } 3504 } 3505 })); 3506 }); 3507</script>
3507 3508<div class="js-ajax-partial" data-controller="Rebate" data-action="ListProductRebates" data-route-values="{"mprId":"3daa76773567407b978357b790ddaff3","hideFilters":true}" data-callback="" data-requestpriority="5"></div> 3509 <div class="mb-5" id="seocopy"> 3510 The 125 Contemporary Sofa with Tapered Wood Leg, made by Peak Living, 3511 is brought to you by Prime Brothers Furniture. Prime Brothers Furniture is a local furniture store, serving the Bay City, Saginaw, Midland, Michigan area. Product availability may vary. 3512 <a href="https://www.primebrothers.com/contactus?gpid=1196898324" rel="nofollow">Contact us</a> for the most current availability on this product. 3513 </div> 3514<div class="js-ajax-partial" data-controller="Item" data-action="SimilarItems" data-route-values="{"gpid":1196898324,"itemRootCSS":"swiper-slide mt-3"}" data-callback="handleItemListLoaded" data-requestpriority="4"></div> 3515<div class="js-ajax-partial" data-controller="Item" data-action="ComplementaryProducts" data-route-values="{"gpid":1196898324}" data-callback="handleItemListLoaded" data-requestpriority="3"></div> 3516<div class="mb-5" id="collectiondetails"> 3517 <div class="iplv15-toggle-header d-flex align-items-center px-md-3"> 3518 <h2>Collection Details</h2> 3519 </div> 3520 <div class="pt-3 px-3"> 3521 <div class="mb-3"></div> 3522 <div> 3523 The 125 collection is an amazing option if you are looking for 3524 Contemporary furniture. 3525 Our store serves the Bay City, Saginaw, Midland, Michigan area. 3526 </div> 3527 <div class="mt-4"> 3528 <a href="https://www.primebrothers.com/collection/125-1a1b9950487c/125" class="item-page-15-link text-uppercase text-decoration-underline fw-bold">See the full collection</a> 3529 </div> 3530 </div> 3531</div> 3532<link rel="stylesheet" href="/lib/glightbox/glightbox.css" />
3533<script type="text/javascript" src="/js/libs/jquery.raty.min.js"></script>
vendor: 2 bytes, line 3533
3533
3534<script type="text/javascript" src="/lib/glightbox/glightbox.js"></script>
3534 3535<style> 3536 .item-page-15 .rating.__small img { 3537 width: 1.1rem; 3538 } 3539 .item-page-15 .iplv15-review-images { 3540 display: grid; 3541 grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); 3542 gap: 0.6rem; 3543 max-width: 430px; 3544 } 3545 .item-page-15 .iplv15-review-image-link { 3546 display: block; 3547 border-radius: 0.5rem; 3548 overflow: hidden; 3549 border: 1px solid #e9ecef; 3550 background: #fff; 3551 } 3552 .item-page-15 .iplv15-review-image-link img { 3553 width: 100%; 3554 aspect-ratio: 1 / 1; 3555 object-fit: cover; 3556 display: block; 3557 } 3558 @media (min-width: 768px) { 3559 .item-page-15 ._product-reviews-overall { 3560 position: sticky; 3561 top: 1rem; 3562 } 3563 .item-page-15 .iplv15-review-images { 3564 grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)); 3565 max-width: 520px; 3566 } 3567 } 3568</style> 3569<div class="mb-5" id="reviews"> 3570 <div class="iplv15-toggle-header"> 3571 <h2>Reviews (2)</h2> 3572 </div> 3573 <div class="pt-3 px-3"> 3574 <div class="row no-gutters"> 3575 <div class="col-12 col-md-4 pe-md-3 mb-5 mb-md-0"> 3576 <div class="_product-reviews-overall"> 3577 <div class="mb-4"> 3578 <h3 class="fw-bold mb-2">Overall rating for this product</h3> 3579 <div class="d-flex align-items-center"> 3580 <span class="rating me-2" rel="5"></span> 3581 <div>5 out of 5</div> 3582 </div> 3583 </div> 3584 <h3 class="fw-bold mb-2">Review this product</h3> 3585 <a class="btn btn-outline-dark" rel="nofollow" role="button" href="/reviews/Add/1196898324">Write a Customer Review</a> 3586 </div> 3587 </div> 3588 <div class="col-12 col-md-8 ps-md-2"> 3589<style> 3590 .item-page-15 .iplv15-review-image-button { 3591 width: 100%; 3592 padding: 0; 3593 cursor: pointer; 3594 } 3595 .item-page-15 .customer-images-more-tile { 3596 width: 100%; 3597 min-height: 90px; 3598 aspect-ratio: 1 / 1; 3599 display: flex; 3600 align-items: center; 3601 justify-content: center; 3602 border: 1px solid #e9ecef; 3603 border-radius: 0.5rem; 3604 background: #f8f9fa; 3605 color: #212529; 3606 font-weight: 600; 3607 text-align: center; 3608 } 3609 .customer-images-row { 3610 overflow-x: auto; 3611 flex-wrap: nowrap; 3612 display: flex; 3613 gap: 0.6rem; 3614 max-width: 100%; 3615 } 3616 .item-page-15 .customer-images-row > * { 3617 min-width: 90px; 3618 } 3619 .item-page-15 .iplv15-customer-images-nav:disabled { 3620 opacity: 0.45; 3621 cursor: not-allowed; 3622 box-shadow: none; 3623 } 3624 body.glightbox-open .__item-page-card { 3625 display: none !important; 3626 } 3627 body.glightbox-open .glightbox-container { 3628 z-index: 2147483647 !important; 3629 } 3630 body.glightbox-open .glightbox-container .gslide-description { 3631 z-index: 2; 3632 } 3633 body.glightbox-open.glightbox-mobile .glightbox-container .gslide-description { 3634 top: 0 !important; 3635 bottom: auto !important; 3636 padding: 1rem 1rem 1.25rem !important; 3637 background: linear-gradient(to bottom, rgba(17, 17, 17, 0.92) 0%, rgba(17, 17, 17, 0.72) 45%, rgba(17, 17, 17, 0) 100%) !important; 3638 } 3639 body.glightbox-open.glightbox-mobile .glightbox-container .gdesc-inner { 3640 padding: 0 !important; 3641 } 3642 body.glightbox-open.glightbox-mobile .glightbox-container .gslide-desc { 3643 display: block !important; 3644 color: #fff !important; 3645 } 3646 @media (min-width: 768px) { 3647 .item-page-15 .customer-images-row { 3648 display: grid; 3649 grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)); 3650 overflow: visible; 3651 flex-wrap: wrap; 3652 } 3653 .item-page-15 .customer-images-row > * { 3654 min-width: 0; 3655 } 3656 } 3657</style>
3658<script> 3659 var customerImageSlides = [ 3660 ]; 3661 function renderModalStars(rating) { 3662 var modalRating = document.getElementById('iplv15CustomerImagesModalRating'); 3663 if (!modalRating) { 3664 return; 3665 } 3666 var numericRating = parseFloat(rating || 0); 3667 if (Number.isNaN(numericRating)) { 3668 numericRating = 0; 3669 } 3670 modalRating.innerHTML = ''; 3671 for (var i = 1; i <= 5; i++) { 3672 var icon = 'star_border'; 3673 if (numericRating >= i) { 3674 icon = 'star'; 3675 } else if (numericRating >= i - 0.5) { 3676 icon = 'star_half'; 3677 } 3678 var star = document.createElement('span'); 3679 star.className = 'material-icons notranslate'; 3680 star.setAttribute('aria-hidden', 'true'); 3681 star.style.fontSize = '1.1rem'; 3682 star.style.color = '#f0ad4e'; 3683 star.textContent = icon; 3684 modalRating.appendChild(star); 3685 } 3686 modalRating.setAttribute('aria-label', numericRating + ' out of 5 stars'); 3687 } 3688 function escapeHtml(value) { 3689 return String(value || '') 3690 .replace(/&/g, '&') 3691 .replace(/</g, '<') 3692 .replace(/>/g, '>') 3693 .replace(/"/g, '"') 3694 .replace(/'/g, '''); 3695 } 3696 function initCustomerImagesMobileLightbox() { 3697 if (typeof GLightbox !== 'function') { 3698 return; 3699 } 3700 var mobileTriggers = Array.prototype.slice.call(document.querySelectorAll('.js-customer-image-mobile-trigger')); 3701 if (!mobileTriggers.length || !customerImageSlides.length) { 3702 return; 3703 } 3704 var mobileLightbox = GLightbox({ 3705 elements: customerImageSlides.map(function (slide) { 3706 var reviewerName = escapeHtml(slide.reviewerName || 'Anonymous'); 3707 var ratingText = escapeHtml('(' + slide.reviewRating + ' out of 5)'); 3708 var commentsText = escapeHtml(slide.reviewComments || 'No written comments provided.'); 3709 return { 3710 href: slide.imageUrl, 3711 type: 'image', 3712 title: reviewerName + ' ' + ratingText, 3713 description: commentsText 3714 }; 3715 }), 3716 touchNavigation: true, 3717 loop: false, 3718 moreLength: 140, 3719 descPosition: 'top', 3720 openEffect: 'fade', 3721 closeEffect: 'fade' 3722 }); 3723 mobileTriggers.forEach(function (trigger, index) { 3724 trigger.addEventListener('click', function (event) { 3725 event.preventDefault(); 3726 mobileLightbox.open(null, index); 3727 }); 3728 }); 3729 } 3730 function initCustomerImagesModal() { 3731 var modalElement = document.getElementById('iplv15CustomerImagesModal'); 3732 if (!modalElement || !window.bootstrap) { 3733 return; 3734 } 3735 var thumbnailButtons = Array.prototype.slice.call(document.querySelectorAll('.js-customer-image-trigger')); 3736 if (!thumbnailButtons.length || !customerImageSlides.length) { 3737 return; 3738 } 3739 var modal = bootstrap.Modal.getOrCreateInstance(modalElement); 3740 var modalImage = document.getElementById('iplv15CustomerImagesModalImage'); 3741 var modalCounter = document.getElementById('iplv15CustomerImagesCounter'); 3742 var reviewerName = document.getElementById('iplv15CustomerImagesReviewerName'); 3743 var modalRatingText = document.getElementById('iplv15CustomerImagesModalRatingText'); 3744 var modalComments = document.getElementById('iplv15CustomerImagesModalComments'); 3745 var prevButton = document.getElementById('iplv15CustomerImagesPrev'); 3746 var nextButton = document.getElementById('iplv15CustomerImagesNext'); 3747 var currentIndex = 0; 3748 var lastTrigger = null; 3749 function updateNavigationState() { 3750 prevButton.disabled = currentIndex <= 0; 3751 nextButton.disabled = currentIndex >= customerImageSlides.length - 1; 3752 }
3753 function renderSlide(index) { 3754 var slide = customerImageSlides[index]; 3755 if (!slide) { 3756 return; 3757 } 3758 currentIndex = index; 3759 modalImage.src = slide.imageUrl; 3760 modalImage.alt = slide.imageAlt || 'Customer review image'; 3761 modalCounter.textContent = 'Image ' + (index + 1) + ' of ' + customerImageSlides.length; 3762 reviewerName.textContent = slide.reviewerName || 'Anonymous'; 3763 modalComments.textContent = slide.reviewComments || 'No written comments provided.'; 3764 renderModalStars(slide.reviewRating); 3765 modalRatingText.textContent = slide.reviewRating + ' out of 5'; 3766 updateNavigationState(); 3767 } 3768 function openModal(index, trigger) { 3769 lastTrigger = trigger; 3770 renderSlide(index); 3771 modal.show(); 3772 } 3773 function moveSlide(offset) { 3774 var nextIndex = currentIndex + offset; 3775 if (nextIndex < 0 || nextIndex >= customerImageSlides.length) { 3776 return; 3777 } 3778 renderSlide(nextIndex); 3779 } 3780 thumbnailButtons.forEach(function (button, index) { 3781 button.addEventListener('click', function () { 3782 openModal(index, button); 3783 }); 3784 }); 3785 prevButton.addEventListener('click', function () { 3786 moveSlide(-1); 3787 }); 3788 nextButton.addEventListener('click', function () { 3789 moveSlide(1); 3790 }); 3791 modalElement.addEventListener('keydown', function (event) { 3792 if (event.key === 'ArrowLeft') { 3793 event.preventDefault(); 3794 moveSlide(-1); 3795 } 3796 if (event.key === 'ArrowRight') { 3797 event.preventDefault(); 3798 moveSlide(1); 3799 } 3800 }); 3801 modalElement.addEventListener('hidden.bs.modal', function () { 3802 if (lastTrigger) { 3803 lastTrigger.focus(); 3804 } 3805 }); 3806 } 3807 if (document.readyState === 'complete') { 3808 initCustomerImagesMobileLightbox(); 3809 initCustomerImagesModal(); 3810 } else { 3811 window.addEventListener('load', function () { 3812 initCustomerImagesMobileLightbox(); 3813 initCustomerImagesModal(); 3814 }, { once: true }); 3815 } 3816</script>
3816 3817 <div class=""> 3818 <div class="d-flex align-items-center mb-3"> 3819 <span class="material-icons notranslate me-2" style="font-size:30px">account_circle</span> 3820 <div style="font-size:1.1rem;">Anonymous</div> 3821 <div class="d-flex ms-3 iplv15-review-verified-purchase"> 3822 <span class="material-icons notranslate me-1" style="font-size:18px">verified</span> 3823 <div class="small">Verified Purchaser</div> 3824 </div> 3825 </div> 3826 <div class="mb-3"> 3827 <div class="d-flex align-items-center mb-1"> 3828 <span class="rating __small me-2" rel="5"></span> 3829 </div> 3830 <div class="small text-muted mb-3">Reviewed on May 18, 2026</div> 3831 </div> 3832 </div> 3833 <div class="mt-4 pt-4 border-top"> 3834 <div class="d-flex align-items-center mb-3"> 3835 <span class="material-icons notranslate me-2" style="font-size:30px">account_circle</span> 3836 <div style="font-size:1.1rem;">Anonymous</div> 3837 <div class="d-flex ms-3 iplv15-review-verified-purchase"> 3838 <span class="material-icons notranslate me-1" style="font-size:18px">verified</span> 3839 <div class="small">Verified Purchaser</div> 3840 </div> 3841 </div> 3842 <div class="mb-3"> 3843 <div class="d-flex align-items-center mb-1"> 3844 <span class="rating __small me-2" rel="5"></span> 3845 </div> 3846 <div class="small text-muted mb-3">Reviewed on September 19, 2025</div> 3847 </div> 3848 </div> 3849 </div> 3850 </div> 3851 </div> 3852</div>
3853<script> 3854 function initReviewRating($elements) { 3855 if (typeof $ === 'undefined' || !$.fn || typeof $.fn.raty !== 'function') { 3856 return; 3857 } 3858 $elements.each(function () { 3859 var $element = $(this); 3860 $element.empty(); 3861 $element.raty({ 3862 path: "https://images.furnituredealer.net/img/", 3863 width: 110, 3864 readOnly: true, 3865 score: $element.attr("rel"), 3866 }); 3867 }); 3868 } 3869 initReviewRating($('.rating')); 3870</script>
3870 3871 </div> 3872 <div class="mb-5 item-page-keywords"> 3873 <div class="small text-center mb-4"> 3874 <a href="#" class="text-decoration-underline">Back to Top</a> 3875 </div> 3876 <div class="small mb-4"> 3877 <span class="fw-bold">Similar search terms: </span>Sofa, Couch, Couches, Backless Sofas, Conversation Sofas, Conversational Sofas, Theater Seating, Theatre Seating, Home Theater Furniture, Angled Sofa, Davenport, Stationary Sofa, Stationary Couch, Home Theater Seating, Upholstered Sofa, Upholstered Furniture, Sofa Couch, Living Room Furniture, Furniture, Seating 3878 </div> 3879 <div class="small"> 3880 <span class="fw-bold">Reference #: </span> 000004687250 3881 </div> 3882 </div> 3883</div> 3884<div tabindex="-1" aria-hidden="true" class="modal fade" id="item3DAssetViewerModal"> 3885 <div class="modal-dialog modal-xl"> 3886 <div class="modal-content"> 3887 <div class="modal-header border-bottom-0"> 3888 <button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button> 3889 </div> 3890 <div class="modal-body pt-0"> 3891<div class="js-ajax-partial" data-controller="Item" data-action="Get3DAssets" data-route-values="{"customSku":"000004687250"}" data-callback="" data-requestpriority="10"></div> 3892 </div> 3893 </div> 3894 </div> 3895</div> 3896<div tabindex="-1" aria-hidden="true" class="modal fade" id="marxentArAssetViewerModal"> 3897 <div class="modal-dialog modal-dialog-centered"> 3898 <div class="modal-content"> 3899 <div class="modal-header border-bottom-0 pb-2"> 3900 <button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button> 3901 </div> 3902 <div class="modal-body pt-0"> 3903<div class="js-ajax-partial" data-controller="Item" data-action="MarxentArViewer" data-route-values="{"gpid":1196898324,"customSku":"000004687250","itemHasArAsset":true}" data-callback="" data-requestpriority="10"></div> 3904 </div> 3905 </div> 3906 </div> 3907</div> 3908<div tabindex="-1" aria-hidden="true" class="modal fade" id="item360AssetViewerModal"> 3909 <div class="modal-dialog modal-xl"> 3910 <div class="modal-content"> 3911 <div class="modal-header border-bottom-0"> 3912 <button type="button" data-bs-dismiss="modal" aria-label="Close" class="btn-close"></button> 3913 </div> 3914 <div class="modal-body pt-0"> 3915<div class="js-ajax-partial" data-controller="Item" data-action="Get360Assets" data-route-values="{"customSku":"000004687250"}" data-callback="check360AssetContent" data-requestpriority="10"></div> 3916 </div> 3917 </div> 3918 </div> 3919</div> 3920<a href="#" rel="ar" class="d-none btn" id="view-in-ar-hidden-btn"><img src="" width="0" height="0" alt="empty image element">View in AR</a> 3921 </main> 3922
3922<script type="application/ld+json">{"@context":"https://www.schema.org","@type":"Product","name":"125 Sofa","brand":{"@type":"Brand","name":"Peak Living"},"category":"Sofas","image":"https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&quality=85","mpn":"12503-3010","offers":{"@type":"Offer","priceCurrency":"USD","price":488.0,"itemCondition":"https://schema.org/NewCondition","availability":"https://schema.org/InStock"},"aggregateRating":{"@type":"AggregateRating","ratingValue":5.0,"reviewCount":2}}</script>
vendor: 2 bytes, line 3922
3922
3923<script type="application/ld+json">{"@context":"https://www.schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Living Room Furniture","item":"https://www.primebrothers.com/livingroom/"},{"@type":"ListItem","position":2,"name":"Sofas","item":"https://www.primebrothers.com/browse?pid=-984643396"},{"@type":"ListItem","position":3,"name":"Peak Living 125 Sofa","item":"https://www.primebrothers.com/item/125-sofa/1196898324"}]}</script>
vendor: 2 bytes, line 3923
3923
3924<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","url":"https://www.primebrothers.com","potentialAction":{"@type":"SearchAction","target":"search/keyword/{search_term_string}","query-input":"required name=search_term_string"}}</script>
vendor: 2 bytes, line 3924
3924
3925<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","logo":"https://images.furnituredealer.net/img/dealer/35/upload/logo/0d3727d218474b5f86d201f3c9566cf3.png","url":"https://www.primebrothers.com","name":"Prime Brothers Furniture"}</script>
3925 3926<div class="flv6 flv6-dt" x-data="footerApp"> 3927 <div class="flv6-recently-viewed border-top bg-white p-3"> 3928 <div class="container-fluid"> 3929 <div class="swiper-container recently-viewed product-list" data-list-id="recently_viewed" data-list-name="Recently Viewed"> 3930 <div class="swiper-header"> 3931 <h2 class="recently-viewed__title">Recently Viewed</h2> 3932 </div> 3933 <div class="row"> 3934 <div class="col-4 col-md-2 product-list__product" data-gpid="1196898324"> 3935 <a class="content-slider__link" href="https://www.primebrothers.com/item/125-sofa/1196898324"> 3936 <picture> 3937 <source srcset="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?format=webp&quality=85&width=450&height=450&scale=both&trim.threshold=20&trim.percentpadding=1" type="image/webp"> 3938 <img loading="lazy" width="450" height="450" class="content-slider__image" src="https://imageresizer.furnituredealer.net/img/remote/images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg?width=450&height=450&scale=both&trim.threshold=20&trim.percentpadding=1" alt="Contemporary Sofa with Tapered Wood Leg"> 3939 </picture> 3940 <span class="content-slider__description">Contemporary Sofa with Tapered Wood Leg</span> 3941 </a> 3942 </div> 3943 </div> 3944 </div> 3945
3945<script> 3946 (function () { 3947 var products = [{"item_id":"1196898324","item_name":"Contemporary Sofa with Tapered Wood Leg","item_sku":"000004687250","item_mpn":"12503-3010","item_brand":"Peak Living","item_collection":"125","quantity":1,"price":488.0,"item_category":"Upholstery","item_category2":"Living Room","item_category3":"Sofas","item_category4":"Uph - Stationary Sofas","index":0}]; 3948 products.forEach(p => { 3949 if (!productListData.hasOwnProperty(p.item_id)) 3950 productListData[p.item_id] = p; 3951 }) 3952 })(); 3953 </script>
3953 3954 </div> 3955 </div> 3956 <div class="flv6-main-wrapper"> 3957 <div class="container-fluid"> 3958 <div class="d-flex flex-column flex-md-row align-items-center align-items-md-stretch justify-content-center py-4 border-bottom"> 3959 <div class="flv6-registration"> 3960<div class="email-only-reg EmailOnlyReg" x-data="emailOnlyRegisterApp" data-submit-url="/EmailSignup"> 3961 <div class="email-only-reg-wrapper"> 3962 <label class="email-only-reg__form__label" for="EmailOnlyRegistration_EmailAddress">don’t miss out on deals & new releases</label> 3963 <div class="d-flex align-items-center"> 3964 <input aria-describedby="emailOnlyReg_0c6de5aa7b88430a89c92db870685739_error" class="email-only-reg__form__textbox emailyonlysubmithook " data-val="true" data-val-email="The EmailOnlyRegistration_EmailAddress field is not a valid e-mail address." data-val-required="The EmailOnlyRegistration_EmailAddress field is required." id="EmailOnlyRegistration_EmailAddress" name="EmailOnlyRegistration_EmailAddress" placeholder="Email address" type="text" value="" /> 3965 <input x-show="!submitting" 3966 type="button" 3967 value="Sign Up" 3968 id="emailOnlyReg_0c6de5aa7b88430a89c92db870685739_submit" 3969 class="email-only-reg__form__submit " 3970 role="button" 3971 x-on:click="registerClick($event)" 3972 x-cloak /> 3973 <button x-show="submitting" 3974 class="email-only-reg__form__submit px-2" 3975 type="button" 3976 disabled 3977 x-cloak> 3978 <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> 3979 <span class="visually-hidden" aria-label="Submitting">Submitting...</span> 3980 </button> 3981 </div> 3982 </div> 3983 <div x-show="statusMessage" class="email-only-reg__status text-lg-right" id="emailOnlyReg_0c6de5aa7b88430a89c92db870685739_error" aria-live="polite"> 3984 <span x-text="statusMessage"></span> 3985 </div> 3986 <div class="xexyz honey visually-hidden"> 3987 <label aria-hidden="true" class="fdn-form-label invisible" for="xexyz">Contact Notes - Required*</label> 3988 <input aria-hidden="true" class="form-control requirednotes fdn-form-textbox" id="xexyz" name="xexyz" type="text" value="" /> 3989 <label aria-hidden="true" class="fdn-form-label invisible" for="xexyz_cb">Do you agree to the terms of service?</label> 3990 <input aria-hidden="true" class="terms-cb" data-val="true" data-val-required="The Do you agree to the terms of service? field is required." id="xexyz_cb" name="xexyz_cb" type="checkbox" value="true" /><input name="xexyz_cb" type="hidden" value="false" /> 3991 </div> 3992</div> 3993 </div> 3994<div class="flv6-social-media mt-3 mt-md-0 d-flex align-items-center py-1"> 3995 <a class="flv6-social-media-link" href="https://www.facebook.com/PrimeBrothersFurniture" target="_blank" rel="noopener noreferrer"> 3996 <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/dark_facebook.svg" loading="lazy" alt="Visit us on Facebook" /> 3997 </a> 3998 <a class="flv6-social-media-link" href="https://www.pinterest.com/primebrothers/" target="_blank" rel="noopener noreferrer"> 3999 <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/dark_pinterest.svg" loading="lazy" alt="Visit us on Pinterest" /> 4000 </a> 4001 <a class="flv6-social-media-link" href="https://www.youtube.com/channel/UCtSgxF8dOXMBgJcwvNZ4Gug" target="_blank" rel="noopener noreferrer"> 4002 <img src="https://images.furnituredealer.net/img/commonimages/icons/footer/dark_youtube.svg" loading="lazy" alt="Visit us on YouTube" /> 4003 </a> 4004</div> 4005 </div> 4006 <div class="targeted-section targeted-section__4 flv6-banner-top"> 4007</div> 4008 <div class="py-md-4 border-bottom d-flex flex-column flex-lg-row row no-gutters"> 4009 <div class="flv6-nav d-flex flex-column flex-md-row justify-content-between flex-grow-1 col-12 col-lg-8 pe-lg-5"> 4010 <div class="" :class="{'border-bottom py-3': isMobile }">
4011 <div class="nav-builder-single-level" 4012 :class="{'d-flex align-items-center': isMobile}" 4013 :role="isMobile ? 'button' : ''" 4014 x-on:click="setActiveNav(0)" 4015 x-on:keyup.enter="setActiveNav(0)" 4016 :tabindex="isMobile ? 0 : -1"> 4017 <div class="flv6-heading nav-builder-heading fw-bold text-uppercase nav-builder-item__categories">Categories</div> 4018 <span class="material-symbols-outlined notranslate fw-300 ms-auto" :class="{__active: activeNav == 0}" x-show="isMobile" x-cloak>chevron_right</span> 4019 </div> 4020 <div class="flv6-nav-builder-sub-menu animated faster" x-show="!isMobile || (isMobile && activeNav == 0)" x-collapse> 4021 <div class="d-flex flex-column"> 4022 <a class="font-sm mt-2 nav-builder-item__living-room" 4023 href="https://www.primebrothers.com/livingroom/" 4024 >Living Room</a> 4025 <a class="font-sm mt-2 nav-builder-item__bedroom" 4026 href="https://www.primebrothers.com/bedroom/" 4027 >Bedroom</a> 4028 <a class="font-sm mt-2 nav-builder-item__dining-room" 4029 href="https://www.primebrothers.com/diningroom/" 4030 >Dining Room</a> 4031 <a class="font-sm mt-2 nav-builder-item__home-office" 4032 href="https://www.primebrothers.com/office/" 4033 >Home Office</a> 4034 <a class="font-sm mt-2 nav-builder-item__entertainment" 4035 href="https://www.primebrothers.com/entertainment/" 4036 >Entertainment</a> 4037 <a class="font-sm mt-2 nav-builder-item__accent-&-decor" 4038 href="https://www.primebrothers.com/accents/" 4039 >Accent & Decor</a> 4040 <a class="font-sm mt-2 nav-builder-item__mattresses" 4041 href="https://www.primebrothers.com/mattress/" 4042 >Mattresses</a> 4043 <a class="font-sm mt-2 nav-builder-item__shop-by-style" 4044 href="https://www.primebrothers.com/p/shop-by-style-mw" 4045 >Shop by Style</a> 4046 </div> 4047 </div> 4048 </div> 4049 <div class="" :class="{'border-bottom py-3': isMobile }"> 4050 <div class="nav-builder-single-level" 4051 :class="{'d-flex align-items-center': isMobile}" 4052 :role="isMobile ? 'button' : ''" 4053 x-on:click="setActiveNav(1)" 4054 x-on:keyup.enter="setActiveNav(1)" 4055 :tabindex="isMobile ? 0 : -1"> 4056 <div class="flv6-heading nav-builder-heading fw-bold text-uppercase nav-builder-item__store-info">Store Info</div> 4057 <span class="material-symbols-outlined notranslate fw-300 ms-auto" :class="{__active: activeNav == 1}" x-show="isMobile" x-cloak>chevron_right</span> 4058 </div>
4059 <div class="flv6-nav-builder-sub-menu animated faster" x-show="!isMobile || (isMobile && activeNav == 1)" x-collapse> 4060 <div class="d-flex flex-column"> 4061 <a class="font-sm mt-2 nav-builder-item__about-us" 4062 href="https://www.primebrothers.com/about-us/" 4063 >About Us</a> 4064 <a class="font-sm mt-2 nav-builder-item__store-locations" 4065 href="https://www.primebrothers.com/stores" 4066 >Store Locations</a> 4067 </div> 4068 </div> 4069 </div> 4070 <div class="" :class="{'border-bottom py-3': isMobile }"> 4071 <div class="nav-builder-single-level" 4072 :class="{'d-flex align-items-center': isMobile}" 4073 :role="isMobile ? 'button' : ''" 4074 x-on:click="setActiveNav(2)" 4075 x-on:keyup.enter="setActiveNav(2)" 4076 :tabindex="isMobile ? 0 : -1"> 4077 <div class="flv6-heading nav-builder-heading fw-bold text-uppercase nav-builder-item__customer-service">Customer Service</div> 4078 <span class="material-symbols-outlined notranslate fw-300 ms-auto" :class="{__active: activeNav == 2}" x-show="isMobile" x-cloak>chevron_right</span> 4079 </div> 4080 <div class="flv6-nav-builder-sub-menu animated faster" x-show="!isMobile || (isMobile && activeNav == 2)" x-collapse> 4081 <div class="d-flex flex-column"> 4082 <a class="font-sm mt-2 nav-builder-item__contact-us" 4083 href="https://www.primebrothers.com/contactus" 4084 >Contact Us</a> 4085 <a class="font-sm mt-2 nav-builder-item__financing" 4086 href="https://www.primebrothers.com/financing/" 4087 >Financing</a> 4088 <a class="font-sm mt-2 nav-builder-item__email-registration" 4089 href="https://www.primebrothers.com/email-list" 4090 >Email Registration</a> 4091 <a class="font-sm mt-2 nav-builder-item__my-account" 4092 href="https://www.primebrothers.com/Account/Home" 4093 >My Account</a> 4094 <a class="font-sm mt-2 nav-builder-item__delivery-&-returns" 4095 href="https://www.primebrothers.com/p/delivery" 4096 >Delivery & Returns</a> 4097 <a class="font-sm mt-2 nav-builder-item__terms-&-conditions" 4098 href="https://www.primebrothers.com/p/delivery" 4099 >Terms & Conditions</a> 4100 </div> 4101 </div> 4102 </div> 4103 <div class="" :class="{'border-bottom py-3': isMobile }"> 4104 <div class="nav-builder-single-level" 4105 :class="{'d-flex align-items-center': isMobile}" 4106 :role="isMobile ? 'button' : ''" 4107 x-on:click="setActiveNav(3)" 4108 x-on:keyup.enter="setActiveNav(3)" 4109 :tabindex="isMobile ? 0 : -1"> 4110 <div class="flv6-heading nav-builder
4110-heading fw-bold text-uppercase nav-builder-item__shopping-tools">Shopping Tools</div> 4111 <span class="material-symbols-outlined notranslate fw-300 ms-auto" :class="{__active: activeNav == 3}" x-show="isMobile" x-cloak>chevron_right</span> 4112 </div> 4113 <div class="flv6-nav-builder-sub-menu animated faster" x-show="!isMobile || (isMobile && activeNav == 3)" x-collapse> 4114 <div class="d-flex flex-column"> 4115 <a class="font-sm mt-2 nav-builder-item__shopping-tips" 4116 href="https://www.primebrothers.com/p/furniture-shopping-tips" 4117 >Shopping Tips</a> 4118 <a class="font-sm mt-2 nav-builder-item__room-planner" 4119 href="https://www.primebrothers.com/roomplanner" 4120 >Room Planner</a> 4121 <a class="font-sm mt-2 nav-builder-item__current-ad" 4122 href="https://www.primebrothers.com/sale/" 4123 >Current Ad</a> 4124 <a class="font-sm mt-2 nav-builder-item__brands-we-carry" 4125 href="https://www.primebrothers.com/brand" 4126 >Brands We Carry</a> 4127 <a class="font-sm mt-2 nav-builder-item__my-lists" 4128 href="https://www.primebrothers.com/quicklist/list" 4129 >My Lists</a> 4130 <a class="font-sm mt-2 nav-builder-item__furniture-safety-tips" 4131 href="https://www.primebrothers.com/furniture-safety-tips" 4132 >Furniture Safety Tips</a> 4133 </div> 4134 </div> 4135 </div> 4136 </div> 4137 <div class="mt-4 mt-lg-0 mb-4 mb-md-0 col-12 col-lg-4"> 4138 <div class="flv6-stores-wrapper __bg p-4"> 4139 <div class="flv6-store" itemscope itemtype="https://schema.org/LocalBusiness"> 4140 <div class="flv6-heading fw-bold text-uppercase mb-3">come say hello!</div> 4141 <div class="flv6-store-details"> 4142 <div class="flv6-store-phone mb-3"> 4143 <div class="d-flex align-items-center"> 4144 <span class="material-symbols-outlined notranslate fw-300 fill me-3">call</span> 4145 <a href="tel:9896861212" itemprop="telephone"> 4146 <span>(989) 686-1212</span> 4147 </a> 4148 </div> 4149 </div> 4150 <div class="flv6-store-email mb-3"> 4151 <div class="d-flex align-items-center"> 4152 <span class="material-symbols-outlined notranslate fw-300 fill me-3">mail</span> 4153 <a href="/contactus">Send us a message</a> 4154 </div> 4155 </div> 4156 <div class="flv6-store-address"> 4157 <div class="d-flex align-items-center" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
4158 <span class="material-symbols-outlined notranslate fw-300 fill me-3">location_on</span> 4159 <a href="https://www.primebrothers.com/store/bay-city" class="d-flex align-items-center flex-wrap" aria-label="View store details"> 4160 <span itemprop="streetAddress">1500 Euclid Ave.</span> 4161 <span class="material-symbols-outlined notranslate fw-300 fill mx-1" style="font-size: 7px !important;">fiber_manual_record</span> 4162 <span itemprop="addressLocality">Bay City</span> 4163 <span class="me-1">,</span> 4164 <span itemprop="addressRegion" class="me-1">MI</span> 4165 <span itemprop="postalCode">48706</span> 4166 </a> 4167 </div> 4168 </div> 4169 </div> 4170 </div> 4171 </div> 4172 <div class="targeted-section targeted-section__14 flv6-banner"> 4173</div> 4174 </div> 4175 </div> 4176 <div class="targeted-section targeted-section__13 flv6-banner-bottom"> 4177</div> 4178 <div class="py-4"> 4179 <div class="flv6-seo mb-3 small">Prime Brothers Furniture offers furniture and mattresses for every room in your home. Shop <a href="https://www.primebrothers.com/living-room/">living room furniture</a>, <a href="https://www.primebrothers.com/bedroom/">bedroom furniture</a>, <a href="https://www.primebrothers.com/dining-room/">dining room furniture</a>, and <a href="https://www.primebrothers.com/mattresses/">mattresses</a> from a wide selection of trusted brands and styles. Whether you are furnishing a single room or updating your entire home, Prime Brothers Furniture can help you find furniture that fits your space, needs, and budget. Visit Prime Brothers Furniture for furniture and mattresses serving the Bay City, Saginaw, Midland, Michigan area.</div> 4180 <div class="flv6-information-accuracy mb-3 small"><span class="fw-bold">Information Accuracy</span> - We have taken great care to provide you with information that is accurate and useful. Please notify us if you find an error and we will do our best to correct it. We ask that you contact us directly to confirm information about pricing, color, features, dimensions, availability and lead times.</div> 4181 <div class="flv6-copyright-permission small">Nothing on this page may be copied or reproduced without explicit permission from FurnitureDealer.net, Inc.</div> 4182 </div> 4183 </div> 4184 </div> 4185 <div class="flv6-bottom pt-3 pb-2"> 4186 <div class="container-fluid d-flex align-items-center justify-content-center justify-content-lg-start flex-wrap"> 4187 <a href="https://www.furnituredealer.net/" target="_blank" rel="noopener noreferrer" class="flv6-fdn-copyright d-flex flex-column flex-sm-row align-items-center me-lg-auto order-1 order-lg-0 mb-2"> 4188 <img loading="lazy" class="mb-3 mb-sm-0 me-sm-3" src="https://images.furnituredealer.net/img/fdn_logo/fdn-icon-off-white.png" alt="Powered by FurnitureDealer.Net" /> 4189 <span class="small text-center text-sm-left">Site Powered by FurnitureDealer.net © 2006 - 2026 FurnitureDealer.net, Inc., All rights reserved.</span> 4190 </a> 4191 <div class="d-flex align-items-center justify-content-center order-0 order-lg-1 mb-3 mb-lg-2 flex-wrap" style="margin-left:-1rem;"> 4192 <a href="https://www.primebrothers.com/legal/privacypolicy" class="flv6-privacy-policy small ms-3 mb-2 mb-sm-0">Privacy Policy</a> 4193 <a href="https://www.primebrothers.com/legal/accessibilitystatement" class="flv6-accessibility small ms-3 mb-2 mb-sm-0">Accessibility Statement</a> 4194 <a href="https://www.primebrothers.com/legal/do-not-sell-my-pers
4194onal-information" class="flv6-do-not-sell small ms-3 mb-2 mb-sm-0">Do Not Sell My Personal Information</a> 4195 </div> 4196 </div> 4197 </div> 4198</div>
4199<script src="/lib/jquery/dist/jquery.min.js"></script>
vendor: 2 bytes, line 4199
4199
4200<script src="/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
vendor: 2 bytes, line 4200
4200
4201<script src="/js/libs/enquire.min.js"></script>
vendor: 2 bytes, line 4201
4201
4202<script src="/js/libs/modernizr-3.6.0.js"></script>
vendor: 2 bytes, line 4202
4202
4203<script src="/lib/swiper/swiper.min.js"></script>
vendor: 2 bytes, line 4203
4203
4204<script src="/js/site.js?v=TISerFmwS-tTO6cB_2uWORfYRLp7t-YIW5WqMiKecoo"></script>
vendor: 2 bytes, line 4204
4204
4205<script defer src="/lib/alpine/alpine-persist.min.js"></script>
vendor: 2 bytes, line 4205
4205
4206<script defer src="/lib/alpine/alpine-collapse.min.js"></script>
vendor: 2 bytes, line 4206
4206
4207<script defer src="/js/list-status.js"></script>
vendor: 2 bytes, line 4207
4207
4208<script defer src="/js/components/search-box.js"></script>
vendor: 2 bytes, line 4208
4208
4209<script defer src="/js/components/email-signup.js"></script>
vendor: 2 bytes, line 4209
4209
4210<script defer src="/lib/alpine/alpine-3.10.5.min.js"></script>
vendor: 2 bytes, line 4210
4210
4211<script src="/js/fd-events.js?v=l18e8mB4gGP7USGB1BBUPAkLmQXKy-Mkl-xU83BgCrE"></script>
vendor: 2 bytes, line 4211
4211
4212<script src="/js/log.js"></script>
vendor: 2 bytes, line 4212
4212
4213<script> 4214 // Pages can opt out before the footer renders. V3 is the default engine sitewide; 4215 // the in-app banners let users switch between V3 and classic V2. 4216 window.__FDN_ROOM_PLANNER__ = window.__FDN_ROOM_PLANNER__ || {}; 4217 if (typeof window.__FDN_ROOM_PLANNER__.v3Enabled !== "boolean") { 4218 window.__FDN_ROOM_PLANNER__.v3Enabled = true; 4219 } 4220 if (typeof window.__FDN_ROOM_PLANNER__.tryV3BannerEnabled !== "boolean") { 4221 window.__FDN_ROOM_PLANNER__.tryV3BannerEnabled = window.__FDN_ROOM_PLANNER__.v3Enabled; 4222 } 4223 (function () { 4224 if (window.__FDN_ROOM_PLANNER__.tryV3BannerEnabled) { 4225 return; 4226 } 4227 function stripEngineSwitchBanners() { 4228 document.querySelectorAll(".fdn-try-v3-banner, .fdn-use-classic-banner").forEach(function (el) { 4229 el.remove(); 4230 }); 4231 ["fdn-try-v3-banner-styles", "fdn-use-classic-banner-styles"].forEach(function (id) { 4232 var styles = document.getElementById(id); 4233 if (styles) { 4234 styles.remove(); 4235 } 4236 }); 4237 } 4238 stripEngineSwitchBanners(); 4239 new MutationObserver(stripEngineSwitchBanners).observe(document.documentElement, { 4240 childList: true, 4241 subtree: true 4242 }); 4243 })(); 4244</script>
vendor: 2 bytes, line 4244
4244
4245<script src="/components/roomplanner/v3/init.js?v=wXnVsp6kt6meHNtoFsYMwHE5yzMg3lKKNkk5wehrwxU"></script>
vendor: 2 bytes, line 4245
4245
4246<script src="/components/roomplanner/v2/init.js?v=JnoqYX5TCcacykK-Yv__Aw8kotKqi7fOrCjAgMsETZQ"></script>
vendor: 2 bytes, line 4246
4246
4247<script defer src="/js/rodeo/main.js"></script>
4247 4248
4248<script src="/js/header/header-layout-6.js"></script>
4248 4249
4249<script src="/js/footer/footer-layout-6.js"></script>
vendor: 2 bytes, line 4249
4249
4250<script type="module"> 4251 // Use "~/" so ASP.NET resolves JS module URLs with current PathBase 4252 // (includes dealer segment in dev/staging, no dealer segment in production). 4253 import { initProduct } from '/js/product/product.js'; 4254 import { initCompare } from '/js/product/compare.js'; 4255 import { initFavorites } from '/js/product/favorites.js'; 4256 document.addEventListener('DOMContentLoaded', () => { 4257 initCompare(); 4258 initFavorites(); 4259 document.querySelectorAll('[data-product]').forEach(initProduct); 4260 document.querySelectorAll('[data-bs-toggle="popover"]').forEach(el => new bootstrap.Popover(el)); 4261 const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]'); 4262 const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl)); 4263 }); 4264</script>
vendor: 2 bytes, line 4264
4264
4265<script> 4266 // global vars 4267 // var Utils = { 4268 // baseUrl: '/', 4269 // }; 4270 var browseConfig = {"useSliderHoverTransition":true,"featureSecondImageSliderHover":true}; 4271</script>
4271 4272<div id="fav-popover" 4273 class="bg-white rounded-3 shadow-lg" 4274 role="dialog" 4275 aria-label="Save to list" 4276 aria-modal="false" 4277 tabindex="-1" 4278 hidden> 4279 <span tabindex="0" data-fav-guard="start" class="visually-hidden">Start</span> 4280 <div class="fav-popover-arrow" aria-hidden="true"></div> 4281 <div class="fav-popover-header px-3 py-2"> 4282 <div class="d-flex align-items-center justify-content-between gap-2"> 4283 <span>Save to List</span> 4284 <span class="fav-popover-status text-muted small" 4285 data-fav-status 4286 role="status" 4287 aria-live="polite"></span> 4288 </div> 4289 </div> 4290 <div class="fav-popover-alert d-none mx-3 mt-3" 4291 data-fav-error 4292 role="alert" 4293 aria-live="assertive"></div> 4294 <div class="fav-popover-lists" data-fav-lists></div> 4295 <div class="px-3 py-3 border-bottom d-none" data-fav-create> 4296 <label class="form-label small fw-semibold mb-2" for="favNewListName">New list name</label> 4297 <div class="input-group"> 4298 <input type="text" 4299 id="favNewListName" 4300 class="form-control" 4301 placeholder="New list name" 4302 autocomplete="off" 4303 aria-describedby="favCreateHelp" 4304 data-fav-new-name /> 4305 <button type="button" 4306 class="btn btn-primary" 4307 data-fav-create-submit> 4308 Create 4309 </button> 4310 </div> 4311 <div id="favCreateHelp" class="form-text">Press Enter to create the list and save this item.</div> 4312 </div> 4313 <button type="button" 4314 class="fav-room-plan-btn" 4315 data-fav-room-plan> 4316 <span class="material-symbols-outlined notranslate" style="font-size: 18px;">space_dashboard</span> 4317 Add to Room Plan 4318 </button> 4319 <div class="d-flex align-items-center justify-content-between px-3 py-2"> 4320 <button type="button" 4321 class="btn btn-sm btn-outline-primary d-flex align-items-center" 4322 data-fav-create-open> 4323 <span class="material-symbols-outlined notranslate me-1" style="font-size: 18px;">add</span> 4324 New List 4325 </button> 4326 <a class="fav-view-all-link small fw-medium" href="/quicklist/List" data-fav-view-all> 4327 view all lists 4328 </a> 4329 </div> 4330 <span tabindex="0" data-fav-guard="end" class="visually-hidden">End</span> 4331</div> 4332<div x-data="listStatus" x-cloak> 4333 <div id="listStatusSlideOut" 4334 class="offcanvas offcanvas-end" 4335 style="max-width:28rem" 4336 tabindex="-1" 4337 aria-labelledby="listStatusSlideOutTitle"> 4338 <div class="d-flex flex-column h-100"> 4339 <div class="d-flex align-items-center py-3 mx-3 border-bottom position-sticky bg-white" style="top:0;z-index:1;"> 4340 <div class="lead" style="font-size:1.5rem" id="listStatusSlideOutTitle">My Lists</div> 4341 <div class="ms-auto"> 4342 <a class="text-primary text-decoration-underline me-3" 4343 :href="viewAllListsUrl()" 4344 :tabindex="slideOutOpen ? 0 : -1">View All</a> 4345 </div> 4346 <span class="material-symbols-outlined notranslate fw-200" 4347 :tabindex="slideOutOpen ? 0 : -1" 4348 style="font-size:28px;" 4349 role="button" 4350 data-bs-dismiss="offcanvas" 4351 title="close" 4352 aria-label="Close">close</span> 4353 </div> 4354 <template x-if="lists.length > 1"> 4355 <div class="px-3 py-2 border-bottom"> 4356 <select class="form-select" 4357 x-on:change="selectList(lists.find(l => l.id === Number($event.target.value)))"> 4358 <template x-for="list in lists" :key="list.id"> 4359 <option :value="list.id" :selected="activeList?.id === list.id" x-text="list.title + ' (' + list.itemCount + ')'"></option> 4360 </template> 4361 </select> 4362 </div> 4363 </template> 4364 <div class="flex-grow-1 px-3 py-3" style="overflow-y:auto"> 4365 <template x-if="!loaded"> 4366 <div class="p-5 position-relative"> 4367 <div class="spinner-border position-absolute" role="status" 4368 style="top:calc(50% - 1.5rem);left:calc(50% - 1.5rem);width:3rem;height:3rem;border-width:2px;">
4369 <span class="visually-hidden">Loading...</span> 4370 </div> 4371 </div> 4372 </template> 4373 <template x-if="loaded && lists.length === 0"> 4374 <div class="text-center text-muted py-4"> 4375 <span class="material-symbols-outlined notranslate d-block mb-2" style="font-size:2.5rem;">favorite</span> 4376 <p>No lists yet.</p> 4377 <p class="small">Save items by clicking the <span class="material-symbols-outlined notranslate" style="font-size:1rem;vertical-align:middle;">favorite</span> on any product.</p> 4378 </div> 4379 </template> 4380 <template x-if="loaded && activeList"> 4381 <div> 4382 <template x-if="loadingItems"> 4383 <div class="p-5 position-relative"> 4384 <div class="spinner-border position-absolute" role="status" 4385 style="top: calc(50% - 1.5rem); left: calc(50% - 1.5rem); width: 3rem; height: 3rem; border-width: 2px; z-index: 2;"> 4386 <span class="visually-hidden">Loading...</span> 4387 </div> 4388 </div> 4389 </template> 4390 <template x-if="!loadingItems && items.length > 0"> 4391 <div> 4392 <div class="row g-2"> 4393 <template x-for="item in items" :key="item.gpid"> 4394 <div class="col-4"> 4395 <a :href="item.itemPageUrl" class="d-block text-decoration-none text-dark"> 4396 <div class="border rounded overflow-hidden bg-white"> 4397 <img :src="item.imageUrl" 4398 :alt="item.title" 4399 loading="lazy" 4400 class="img-fluid" /> 4401 </div> 4402 <div class="small mt-1 text-truncate" x-text="item.title"></div> 4403 </a> 4404 </div> 4405 </template> 4406 </div> 4407 <template x-if="activeList.itemCount > items.length"> 4408 <div class="text-center mt-2"> 4409 <a class="small text-primary" 4410 :href="viewListUrl(activeList)" 4411 :tabindex="slideOutOpen ? 0 : -1" 4412 x-text="'View all ' + activeList.itemCount + ' items'"></a> 4413 </div> 4414 </template> 4415 </div> 4416 </template> 4417 <template x-if="!loadingItems && items.length === 0 && activeList.itemCount === 0"> 4418 <p class="text-muted small">No items in this list yet.</p> 4419 </template> 4420 </div> 4421 </template> 4422 </div> 4423 <div class="px-3 py-3 border-top bg-white" x-show="loaded && activeList" x-cloak> 4424 <div class="list-status__share-panel border rounded-3 p-3 mb-3"> 4425 <div class="small fw-semibold mb-1">Shopper share link</div> 4426 <template x-if="activeList && activeList.isPublic"> 4427 <div> 4428 <div class="d-flex align-items-start gap-2"> 4429 <a class="list-status__share-link small text-break" 4430 :href="activeList.publicLinkUrl" 4431 target="_blank" 4432 rel="noopener" 4433 :tabindex="slideOutOpen ? 0 : -1" 4434 :aria-label="'Open shareable link for ' + activeList.title"
4435 x-text="activeList.publicLinkUrl"></a> 4436 <button class="btn btn-outline-secondary btn-sm flex-shrink-0" 4437 type="button" 4438 :disabled="copyingShareLink" 4439 :tabindex="slideOutOpen ? 0 : -1" 4440 x-on:click="copyShareLink()" 4441 title="Copy link" 4442 aria-label="Copy shareable link"> 4443 <span class="material-symbols-outlined notranslate fs-6">content_copy</span> 4444 </button> 4445 </div> 4446 <div class="text-success small mt-1" x-show="shareCopyMessage" x-cloak x-text="shareCopyMessage"></div> 4447 <div class="text-muted small mt-2">Anyone with the link can view this list.</div> 4448 </div> 4449 </template> 4450 <template x-if="activeList && !activeList.isPublic"> 4451 <div class="small text-muted"> 4452 Sharing is off for this list. Open Manage List to turn on a shopper share link. 4453 </div> 4454 </template> 4455 </div> 4456 <a class="btn btn-primary w-100" 4457 :href="viewListUrl(activeList)" 4458 :tabindex="slideOutOpen ? 0 : -1"> 4459 Manage List 4460 </a> 4461 </div> 4462 </div> 4463 </div> 4464</div> 4465<div id="compareTray" class="compare-tray" hidden role="region" aria-label="Product comparison"> 4466 <div class="compare-tray__inner"> 4467 <div class="compare-tray__top d-flex align-items-center justify-content-between mb-2"> 4468 <div class="font-sm"> 4469 <span class="compare-tray__title">Compare</span> 4470 <span class="compare-tray__count" data-compare-count aria-live="polite">0 selected</span> 4471 </div> 4472 <div class="compare-tray__right"> 4473 <button type="button" class="compare-tray__clear btn btn-outline-dark btn-sm me-2" data-compare-clear> 4474 Clear 4475 </button> 4476 <button type="button" class="compare-tray__go btn btn-primary btn-sm" data-compare-go disabled> 4477 Compare 4478 </button> 4479 </div> 4480 </div> 4481 <div class="compare-tray__items d-flex align-items-start" data-compare-items role="list"></div> 4482 </div> 4483</div>
4484<script type="text/javascript"> 4485/* <![CDATA[ */ 4486var google_conversion_id = 946043270; 4487var google_custom_params = window.google_tag_params; 4488var google_remarketing_only = true; 4489/* ]]> */ 4490</script>
vendor: 2 bytes, line 4490
4490
4491<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> 4492</script>
4492 4493<noscript> 4494<div style="display:inline;"> 4495<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/946043270/?value=0&guid=ON&script=0"/> 4496</div> 4497</noscript> 4498 <!-- START Netsertive GTM Code --> 4499<!-- January 2015 -->
vendor: 63 bytes, lines 4499-4500
4499 4500<noscript><iframe src="//www.googletagmanager.com/ns.html?id=
4500GTM-TLTMM9
vendor: 85 bytes, lines 4500-4501
4500" 4501height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
4502<script>
vendor: 325 bytes, lines 4502-4506
4502(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 4503new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4504j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 4505'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 4506})(window,document,'script','dataLayer','
4506GTM-TLTMM9
vendor: 3 bytes, line 4506
4506');
4506</script>
4506 4507<!-- END Netsertive GTM Code -->
4507<script defer src="https://connect.podium.com/widget.js#API_TOKEN=c3211afb-323b-4ac7-8979-2f8b981d9f5e" id="podium-widget" data-api-token="c3211afb-323b-4ac7-8979-2f8b981d9f5e"></script>
4507 4508
4508<script type="text/javascript" src="/js/libs/jquery.raty.min.js"></script>
4508 4509
4509<script type="text/javascript"> 4510 function initReviewRating($elements) 4511 { 4512 if (typeof $ === 'undefined' || !$.fn || typeof $.fn.raty !== 'function') { 4513 return; 4514 } 4515 $elements.each(function() { 4516 var $element = $(this); 4517 $element.empty(); 4518 $element.raty({ 4519 path: "https://images.furnituredealer.net/img/", 4520 width: 110, 4521 readOnly: true, 4522 score: $element.attr("rel"), 4523 }); 4524 }); 4525 } 4526 initReviewRating($('.rating')); 4527 </script>
4527 4528
4528<script> 4529 fdEvents.publish('view_item', {"currency":"USD","value":488.0,"items":[{"item_id":"1196898324","item_name":"Sofa","item_sku":"000004687250","item_mpn":"12503-3010","item_brand":"Peak Living","item_collection":"125","quantity":0,"price":488.0,"item_category":"Upholstry","item_category2":"Living Room","item_category3":"Sofas","item_category4":"Uph - Stationary Sofas","index":0}],"send_to":["all"]}); 4530 </script>
4530 4531 <div class="ltide-body-container"></div> 4532
4532<script src="/js/pages/item/item-15.js"></script>
4532 4533
4533<script src="/lib/glightbox/glightbox.js"></script>
4533 4534
4534<script> 4535 const itemPageUrl = "https://www.primebrothers.com/item/125-sofa/1196898324"; 4536 // Ashley 3D Model 4537 const has3dModelUrl = false; 4538 // General 3D Model (e.g., Marxent) 4539 const has3dModel = false; 4540 // General AR Model (e.g., Marxent) 4541 const hasArModel = false; 4542 window.onload = function () { 4543 window.setTimeout(function () { 4544 TrackEvent('Item Page', 'Read - Time', '1196898324', false); 4545 }, 25000); 4546 } 4547 $(function () { 4548 if (hasKlaviyo) { 4549 var kItem = {"ProductName":"125 Sofa","ProductId":"1196898324","SKU":"000004687250","Categories":["Uph - Stationary Sofas","Sofas","Living Room"],"URL":"https://www.primebrothers.com/item/125-sofa/1196898324","ImageURL":"https://images.furnituredealer.net/b/p/a1e18853-5f6b-4575-b42b-6c376b416583/assets/bf3ae5f5ca5441e5941d7819e3982c73.jpg","Brand":"Peak Living","Price":488.0}; 4550 klaviyo.track("Viewed Product", kItem); 4551 klaviyo.trackViewedItem({ 4552 "Title": kItem.ProductName, 4553 "ItemId": kItem.ProductID, 4554 "Categories": kItem.Categories, 4555 "ImageUrl": kItem.ImageURL, 4556 "Url": kItem.URL, 4557 "Metadata": { 4558 "Brand": kItem.Brand, 4559 "Price": kItem.Price 4560 } 4561 }); 4562 } 4563 }); 4564 window.fbPixel.done(function () { 4565 fetch(Utils.baseUrl + 'Item/api/TrackMetaViewContentEvent?gpid=' + '1196898324') 4566 .then(response => { 4567 //Fetch API does not reject on HTTP error status like 404, so we need to check the response.ok property. 4568 if (!response.ok) { 4569 throw new Error('Network response was not ok'); 4570 } 4571 return response.text(); 4572 }) 4573 .then(eventId => { 4574 if (eventId) { 4575 fbq('track', 'ViewContent', {"content_name":"Sofa","content_category":"Sofas","content_ids":["1196898324"],"content_type":"product","value":488.0,"currency":"USD","external_id":""}, { eventID: eventId }); 4576 } 4577 }) 4578 .catch(error => { 4579 //This catch block handles network errors or errors thrown in the .then() block. 4580 console.error('There was a problem getting FB metadata:', error); 4581 }); 4582 }); 4583 document.addEventListener('alpine:init', () => { 4584 Alpine.store('roomGroupStore', { 4585 items: [] 4586 }); 4587 }); 4588 function swiperComponent() { 4589 return { 4590 init() { 4591 this.initSwiper(); 4592 // Re-initialize Swiper on window resize 4593 window.addEventListener('resize', () => { 4594 //this.initSwiper(); 4595 }); 4596 }, 4597 swiper: null, 4598 showSwiper: false, 4599 useSwiperOnMobile: true, 4600 breakpoint: 768, 4601 initSwiper() { 4602 // If carousel display setting is enabled, and screen size is within mobile range, 4603 // initialize swiper; otherwise, destroy swiper 4604 if (this.useSwiperOnMobile && window.innerWidth <= this.breakpoint) { 4605 if (!this.showSwiper) { 4606 this.showSwiper = true; 4607 this.$nextTick(() => { 4608 const container = this.$refs.swiperContainer; 4609 const paginationEl = container.querySelector(':scope > .swiper-pagination'); 4610 this.swiper = new Swiper(container, { 4611 calculateHeight: true, 4612 preloadImages: false, 4613 slidesPerView: 2, 4614 spaceBetween: 0, 4615 watchOverflow: true, 4616 centerInsufficientSlides: false, 4617 ...(paginationEl ? { pagination: { el: paginationEl } } : {}), 4618 slidesPerGroup: 2 4619 }); 4620 }); 4621 } 4622 } else { 4623 this.showSwiper = false; 4624 if (this.swiper) { 4625 this.swiper.destroy(); 4626 } 4627 } 4628 } 4629 }; 4630 } 4631 </script>
4631 4632 </body> 4633</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.