1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>888 Brickell Resales | Dolce & Gabbana Residences | WIRE Miami</title> 7 <meta name="description" content="Developer-approved resale assignments at 888 Brickell by Dolce & Gabbana. Miami's tallest tower at 90 stories. Turnkey furnished residences by D&G...."> 8 <meta name="indexnow" content="65f798c67848757fc908ab30ab0ab1df"> 9 <meta name="keywords" content="888 Brickell resale, Dolce Gabbana Miami condo, 888 Brickell assignment, pre-construction resale Miami, Brickell luxury condo, JDS Development, Miami tallest tower, D&G residences, WIRE Miami"> 10 <meta name="robots" content="index, follow"> 11 <meta name="author" content="WIRE Miami - Adrian Sanchez"> 12 <link rel="canonical" href="https://888brickellresales.com/"> 13 14 <!-- Open Graph --> 15 <meta property="og:title" content="888 Brickell Resales | Dolce & Gabbana Residences"> 16 <meta property="og:description" content="Developer-approved resale assignments at Miami's tallest tower. Turnkey furnished residences by Dolce & Gabbana. Starting at $2.2M."> 17 <meta property="og:image" content="https://888brickellresales.com/hero.jpg"> 18 <meta property="og:url" content="https://888brickellresales.com/"> 19 <meta property="og:type" content="website"> 20 <meta property="og:site_name" content="888 Brickell Resales by WIRE Miami"> 21 22 <!-- Twitter Card --> 23 <meta name="twitter:card" content="summary_large_image"> 24 <meta name="twitter:title" content="888 Brickell Resales | Dolce & Gabbana Residences"> 25 <meta name="twitter:description" content="Developer-approved resale assignments at Miami's tallest tower. Turnkey furnished by D&G."> 26 <meta name="twitter:image" content="https://888brickellresales.com/hero.jpg"> 27 28 <!-- Favicon --> 29 <link rel="icon" type="image/x-icon" href="favicon.ico"> 30 <link rel="icon" type="image/png" href="favicon.png"> 31 <link rel="apple-touch-icon" href="apple-touch-icon.png"> 32 33 <!-- Google Ads Global Site Tag - deferred for performance --> 34
34<script> 35 window.addEventListener('load', function() { 36 var s = document.createElement('script'); 37 s.src = 'https://www.googletagmanager.com/gtag/js?id=AW-18210538452'; 38 s.async = true; 39 document.head.appendChild(s); 40 s.onload = function() { 41 window.dataLayer = window.dataLayer || []; 42 function gtag(){dataLayer.push(arguments);} 43 window.gtag = gtag; 44 gtag('js', new Date()); 45 gtag('config', 'AW-18210538452'); 46 }; 47 }); 48 </script>
48 49 50 <!-- Structured Data / Schema.org for LLM optimization --> 51
51<script type="application/ld+json"> 52{ 53 "@context": "https://schema.org", 54 "@type": "RealEstateAgent", 55 "name": "WIRE Miami - 888 Brickell Resales", 56 "description": "Developer-approved resale assignments at 888 Brickell by Dolce & Gabbana. Miami's tallest tower at 90 stories with turnkey furnished residences.", 57 "url": "https://888brickellresales.com", 58 "telephone": "+1-786-474-9627", 59 "email": "[email protected]", 60 "areaServed": { 61 "@type": "City", 62 "name": "Miami" 63 }, 64 "makesOffer": [ 65 { 66 "@type": "Offer", 67 "itemOffered": { 68 "@type": "Apartment", 69 "name": "Residence 56A - 3 Bedroom at 888 Brickell by Dolce & Gabbana", 70 "description": "Developer-approved resale. Floor 58, 3BR/3BA + powder room, 3,049 SF interior, 357 SF outdoor terrace. Southeast views of Biscayne Bay and Atlantic Ocean. Turnkey furnished by Dolce & Gabbana with 11-foot ceilings, loggia, and outdoor kitchen.", 71 "numberOfRooms": 3, 72 "floorSize": { 73 "@type": "QuantitativeValue", 74 "value": 3049, 75 "unitCode": "FTK" 76 } 77 }, 78 "price": "5250000", 79 "priceCurrency": "USD" 80 }, 81 { 82 "@type": "Offer", 83 "itemOffered": { 84 "@type": "Apartment", 85 "name": "Residence 44B - 2 Bedroom at 888 Brickell by Dolce & Gabbana", 86 "description": "Developer-approved resale. Floor 45, 2BR/2BA + powder room, 2,173 SF interior, 262 SF outdoor terrace. Northeast views of Biscayne Bay. Turnkey furnished by Dolce & Gabbana with 11-foot ceilings, loggia, and outdoor kitchen.", 87 "numberOfRooms": 2, 88 "floorSize": { 89 "@type": "QuantitativeValue", 90 "value": 2173, 91 "unitCode": "FTK" 92 } 93 }, 94 "price": "3500000", 95 "priceCurrency": "USD" 96 }, 97 { 98 "@type": "Offer", 99 "itemOffered": { 100 "@type": "Apartment", 101 "name": "Residence 29F - 1 Bedroom at 888 Brickell by Dolce & Gabbana", 102 "description": "Developer-approved resale. Floor 29, 1BR/1BA, 1,175 SF interior. Turnkey furnished by Dolce & Gabbana with 11-foot ceilings and private elevator.", 103 "numberOfRooms": 1, 104 "floorSize": { 105 "@type": "QuantitativeValue", 106 "value": 1175, 107 "unitCode": "FTK" 108 } 109 }, 110 "price": "2200000", 111 "priceCurrency": "USD" 112 } 113 ], 114 "knowsAbout": [ 115 "Pre-construction condominiums", 116 "Miami luxury real estate", 117 "Brickell pre-construction", 118 "Edgewater condos", 119 "Miami Beach pre-construction", 120 "Coconut Grove luxury condos", 121 "Miami River developments", 122 "Bay Harbor Islands luxury", 123 "Sunny Isles Beach pre-construction", 124 "North Miami waterfront", 125 "International real estate investment", 126 "New development sales" 127 ] 128} 129</script>
129 130 131 <!-- FAQ Schema for AI/LLM Search Optimization --> 132
132<script type="application/ld+json"> 133{ 134 "@context": "https://schema.org", 135 "@type": "FAQPage", 136 "mainEntity": [ 137 { 138 "@type": "Question", 139 "name": "What resale assignments are available at 888 Brickell by Dolce & Gabbana?", 140 "acceptedAnswer": { 141 "@type": "Answer", 142 "text": "Three developer-approved resale assignments are available through WIRE Miami: Residence 56A (3BR/3BA + powder room, 3,049 SF, Floor 58, $5,250,000), Residence 44B (2BR/2BA + powder room, 2,173 SF, Floor 45, $3,500,000), and Residence 29F (1BR/1BA, 1,175 SF, Floor 29, $2,200,000). All are turnkey furnished by Dolce & Gabbana with 11-foot ceilings and private elevator." 143 } 144 }, 145 { 146 "@type": "Question", 147 "name": "Who developed 888 Brickell and how tall is it?", 148 "acceptedAnswer": { 149 "@type": "Answer", 150 "text": "888 Brickell is developed by JDS Development Group (developer of Steinway Tower, NYC) and designed by Studio Sofield. At 90 stories and 1,049 feet, it is the tallest residential tower in Miami. It features only 259 residences, all turnkey furnished by Dolce & Gabbana, with a 5-star hotel operation." 151 } 152 }, 153 { 154 "@type": "Question", 155 "name": "What is the deposit structure for 888 Brickell assignments?", 156 "acceptedAnswer": { 157 "@type": "Answer", 158 "text": "The deposit structure is 10% at contract, 10% at a subsequent milestone, and 80% at closing. The developer receives 50% of the net profit from the assignment after the 6% brokerage commission. All assignments require developer approval from JDS Development Group." 159 } 160 }, 161 { 162 "@type": "Question", 163 "name": "What views do the available units at 888 Brickell have?", 164 "acceptedAnswer": { 165 "@type": "Answer", 166 "text": "Residence 56A on Floor 58 has southeast exposure with panoramic views of Biscayne Bay and the Atlantic Ocean. Residence 44B on Floor 45 has northeast exposure with views of Biscayne Bay and downtown Miami." 167 } 168 } 169 ] 170} 171</script>
171 172
173<script type="application/ld+json"> 174{ 175 "@context": "https://schema.org", 176 "@type": "Person", 177 "@id": "https://wiremiami.com/#adriansanchez", 178 "name": "Adrian Sanchez", 179 "jobTitle": "Founder & Managing Broker", 180 "worksFor": { 181 "@id": "https://wiremiami.com/#organization" 182 }, 183 "description": "Adrian Sanchez is the founder of WIRE Miami with over 20 years specializing exclusively in Miami's luxury pre-construction market. He represents buyers with direct developer relationships across Miami's most prestigious new developments.", 184 "telephone": "+1-786-474-9627", 185 "email": "[email protected]", 186 "url": "https://wiremiami.com" 187} 188</script>
vendor: 1 bytes, line 188
188
189<script type="application/ld+json"> 190{ 191 "@context": "https://schema.org", 192 "@type": "BreadcrumbList", 193 "itemListElement": [ 194 { 195 "@type": "ListItem", 196 "position": 1, 197 "name": "WIRE Miami", 198 "item": "https://wiremiami.com" 199 }, 200 { 201 "@type": "ListItem", 202 "position": 2, 203 "name": "888 Brickell Resales", 204 "item": "https://888brickellresales.com" 205 } 206 ] 207} 208</script>
vendor: 1 bytes, line 208
208
209<script type="application/ld+json"> 210{ 211 "@context": "https://schema.org", 212 "@type": "WebSite", 213 "name": "888 Brickell Resales by WIRE Miami", 214 "url": "https://888brickellresales.com", 215 "publisher": { 216 "@id": "https://wiremiami.com/#organization" 217 } 218} 219</script>
vendor: 1 bytes, line 219
219
220<script type="application/ld+json"> 221{ 222 "@context": "https://schema.org", 223 "@type": "Product", 224 "name": "888 Brickell by Dolce & Gabbana - Resale Assignments", 225 "description": "Developer-approved resale assignments at Miami's tallest tower. 90 stories, 259 turnkey furnished residences by Dolce & Gabbana.", 226 "brand": { 227 "@type": "Brand", 228 "name": "JDS Development Group" 229 }, 230 "offers": { 231 "@type": "AggregateOffer", 232 "priceCurrency": "USD", 233 "lowPrice": "2200000", 234 "highPrice": "5250000", 235 "offerCount": "3" 236 }, 237 "image": "https://888brickellresales.com/hero.jpg" 238} 239</script>
239 240 241 <link rel="preconnect" href="https://fonts.googleapis.com"> 242 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 243 <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 244 245 <style> 246 :root { 247 /* Dark-theme accent: light/white tokens for visibility on dark backgrounds. 248 Variable names retained for compatibility with existing rules. */ 249 --gold: #FAFAFA; 250 --gold-light: #FFFFFF; 251 --gold-pale: #BDBDBD; 252 --black: #0A0A0A; 253 --charcoal: #1A1A1A; 254 --dark-gray: #2A2A2A; 255 --medium-gray: #666666; 256 --light-gray: #999999; 257 --off-white: #FAFAFA; 258 --white: #FFFFFF; 259 --font-display: 'Cormorant Garamond', Georgia, serif; 260 --font-body: 'Montserrat', sans-serif; 261 } 262 263 * { margin: 0; padding: 0; box-sizing: border-box; } 264 265 html { scroll-behavior: smooth; } 266 267 body { 268 font-family: var(--font-body); 269 background: var(--black); 270 color: var(--off-white); 271 overflow-x: hidden; 272 } 273 274 /* ===== NAVIGATION ===== */ 275 .nav { 276 position: fixed; 277 top: 0; 278 left: 0; 279 right: 0; 280 z-index: 1000; 281 padding: 20px 40px; 282 display: flex; 283 justify-content: space-between; 284 align-items: center; 285 transition: background 0.4s, padding 0.4s; 286 } 287 .nav.scrolled { 288 background: rgba(10,10,10,0.95); 289 backdrop-filter: blur(20px); 290 padding: 12px 40px; 291 border-bottom: 1px solid rgba(33,33,33,0.2); 292 } 293 .nav-logo img { height: 28px; transition: height 0.4s; } 294 .nav.scrolled .nav-logo img { height: 28px; } 295 .nav-links { display: flex; gap: 32px; align-items: center; } 296 .nav-links a { 297 color: var(--off-white); 298 text-decoration: none; 299 font-family: var(--font-body); 300 font-size: 12px; 301 font-weight: 500; 302 letter-spacing: 2px; 303 text-transform: uppercase; 304 transition: color 0.3s; 305 } 306 .nav-links a:hover { color: var(--gold); } 307 .nav-cta { 308 background: var(--gold) !important; 309 color: var(--black) !important; 310 padding: 10px 24px !important; 311 font-weight: 600 !important; 312 letter-spacing: 1.5px !important; 313 transition: background 0.3s, transform 0.3s !important; 314 } 315 .nav-cta:hover { background: var(--gold-light) !important; transform: translateY(-1px); } 316 .mobile-toggle { display: none; cursor: pointer; flex-direction: column; gap: 5px; } 317 .mobile-toggle span { display: block; width: 24px; height: 2px; background: var(--off-white); transition: 0.3s; } 318 319 /* ===== HERO ===== */ 320 .hero { 321 position: relative; 322 height: 100vh; 323 min-height: 700px; 324 display: flex; 325 align-items: flex-end; 326 justify-content: flex-start; 327 overflow: hidden; 328 } 329 .hero-bg { 330 position: absolute; 331 inset: 0; 332 background: url('hero.jpg') center/cover no-repeat; 333 filter: brightness(0.55); 334 transform: scale(1.05); 335 animation: heroZoom 20s ease-in-out infinite alternate; 336 } 337 @keyframes heroZoom { 338 from { transform: scale(1.05); } 339 to { transform: scale(1.12); } 340 } 341 .hero-overlay { 342 position: absolute; 343 inset: 0; 344 background: linear-gradient(to top, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0.3) 40%, transparent 70%); 345 } 346 .hero-content { 347 position: relative; 348 z-index: 2; 349 padding: 0 60px 80px; 350 max-width: 800px; 351 } 352 .hero-tag { 353 font-family: var(--font-body); 354 font-size: 11px; 355 font-weight: 600; 356 letter-spacing: 4px; 357 text-transform: uppercase; 358 color: var(--gold); 359 margin-bottom: 20px; 360 opacity: 0; 361 animation: fadeUp 0.8s 0.3s forwards; 362 } 363 .hero-title { 364 font-family: var(--font-display); 365 font-size: clamp(42px, 6vw, 72px); 366 font-weight: 300; 367 line-height: 1.1; 368 margin-bottom: 20px; 369 opacity: 0; 370 animation: fadeUp 0.8s 0.5s forwards; 371 } 372 .hero-title em { font-style: italic; color: var(--gold-light); } 373 .hero-subtitle { 374 font-size: 16px; 375 font-weight: 300; 376 color: var(--light-gray); 377 line-height: 1.7; 378 margin-bottom: 32px; 379 max-width: 560px; 380 opacity: 0; 381 animation: fadeUp 0.8s 0.7s forwards; 382 } 383 .hero-btn { 384 display: inline-block; 385 padding: 16px 40px; 386 background: var(--gold); 387 color: var(--black); 388 text-decoration: none; 389 font-family: var(--font-body); 390 font-size: 12px; 391 font-weight: 600; 392 letter-spacing: 2px; 393 text-transform: uppercase; 394 transition: all 0.3s; 395 opacity: 0; 396 animation: fadeUp 0.8s 0.9s forwards; 397 } 398 .hero-btn:hover { background: var(--gold-light); transform: translateY(-2px); box-shadow: 0 8px 30px rgba(33,33,33,0.3); } 399 400 @keyframes fadeUp { 401 from { opacity: 0; transform: translateY(30px); } 402 to { opacity: 1; transform: translateY(0); } 403 } 404 405 /* ===== BADGE BAR ===== */ 406 .badge-bar { 407 background: var(--charcoal); 408 border-top: 1px solid rgba(33,33,33,0.15); 409 border-bottom: 1px solid rgba(33,33,33,0.15); 410 padding: 24px 60px; 411 display: flex; 412 justify-content: center; 413 gap: 60px; 414 flex-wrap: wrap; 415 } 416 .badge-item { 417 text-align: center; 418 } 419 .badge-number { 420 font-family: var(--font-display); 421 font-size: 28px; 422 font-weight: 300; 423 color: var(--gold); 424 } 425 .badge-label { 426 font-size: 10px; 427 font-weight: 600; 428 letter-spacing: 2px; 429 text-transform: uppercase; 430 color: var(--light-gray); 431 margin-top: 4px; 432 } 433 434 /* ===== SECTION STYLES ===== */ 435 .section { 436 padding: 100px 60px; 437 } 438 .section-tag { 439 font-family: var(--font-body); 440 font-size: 11px; 441 font-weight: 600; 442 letter-spacing: 4px; 443 text-transform: uppercase; 444 color: var(--gold); 445 margin-bottom: 16px; 446 } 447 .section-title { 448 font-family: var(--font-display); 449 font-size: clamp(32px, 4vw, 52px); 450 font-weight: 300; 451 line-height: 1.2; 452 margin-bottom: 24px; 453 } 454 .section-text { 455 font-size: 15px; 456 font-weight: 300; 457 color: var(--light-gray); 458 line-height: 1.8; 459 max-width: 680px; 460 } 461 462 /* ===== ABOUT / DEVELOPER APPROVED ===== */ 463 .about { background: var(--black); } 464 .about-grid { 465 display: grid; 466 grid-template-columns: 1fr 1fr; 467 gap: 80px; 468 align-items: center; 469 margin-top: 60px; 470 } 471 .about-image { 472 position: relative; 473 overflow: hidden; 474 } 475 .about-image img { 476 width: 100%; 477 height: 500px; 478 object-fit: cover; 479 filter: brightness(0.85); 480 } 481 .about-image::after { 482 content: ''; 483 position: absolute; 484 bottom: 0; 485 left: 0; 486 right: 0; 487 height: 100px; 488 background: linear-gradient(to top, var(--black), transparent); 489 } 490 .about-content .section-text { margin-bottom: 20px; } 491 .gold-divider { 492 width: 60px; 493 height: 1px; 494 background: var(--gold); 495 margin: 30px 0; 496 } 497 .about-detail { 498 font-size: 13px; 499 font-weight: 400; 500 color: var(--medium-gray); 501 line-height: 1.8; 502 } 503 .about-detail strong { color: var(--gold-light); font-weight: 500; } 504 505 /* ===== UNIT CARDS ===== */ 506 .units { background: var(--charcoal); } 507 .units-grid { 508 display: grid; 509 grid-template-columns: 1fr 1fr; 510 gap: 40px; 511 margin-top: 60px; 512 } 513 .unit-card { 514 background: var(--dark-gray); 515 border: 1px solid rgba(33,33,33,0.15); 516 overflow: hidden; 517 transition: border-color 0.4s, transform 0.3s; 518 } 519 .unit-card:hover { border-color: var(--gold); transform: translateY(-4px); } 520 .unit-card-image { 521 position: relative; 522 height: 280px; 523 overflow: hidden; 524 } 525 .unit-card-image img { 526 width: 100%; 527 height: 100%; 528 object-fit: cover; 529 transition: transform 0.6s; 530 } 531 .unit-card:hover .unit-card-image img { transform: scale(1.05); } 532 .unit-card-badge { 533 position: absolute; 534 top: 20px; 535 left: 20px; 536 background: var(--gold); 537 color: var(--black); 538 font-size: 10px; 539 font-weight: 700; 540 letter-spacing: 2px; 541 text-transform: uppercase; 542 padding: 6px 16px; 543 } 544 .unit-card-body { padding: 32px; } 545 .unit-card-name { 546 font-family: var(--font-display); 547 font-size: 28px; 548 font-weight: 400; 549 margin-bottom: 4px; 550 } 551 .unit-card-floor { 552 font-size: 12px; 553 color: var(--gold); 554 letter-spacing: 2px; 555 text-transform: uppercase; 556 font-weight: 500; 557 margin-bottom: 20px; 558 } 559 .unit-card-specs { 560 display: grid; 561 grid-template-columns: 1fr 1fr; 562 gap: 16px; 563 margin-bottom: 24px; 564 } 565 .spec-item {} 566 .spec-label { 567 font-size: 10px; 568 font-weight: 600; 569 letter-spacing: 1.5px; 570 text-transform: uppercase; 571 color: var(--medium-gray); 572 } 573 .spec-value { 574 font-family: var(--font-display); 575 font-size: 20px; 576 font-weight: 400; 577 color: var(--off-white); 578 margin-top: 2px; 579 } 580 .unit-card-features { 581 border-top: 1px solid rgba(255,255,255,0.08); 582 padding-top: 20px; 583 margin-bottom: 24px; 584 } 585 .unit-card-features p { 586 font-size: 13px; 587 color: var(--light-gray); 588 line-height: 1.8; 589 } 590 .unit-card-price { 591 font-family: var(--font-display); 592 font-size: 36px; 593 font-weight: 400; 594 color: var(--gold); 595 margin-bottom: 20px; 596 } 597 .unit-card-btn { 598 display: block; 599 text-align: center; 600 padding: 14px 32px; 601 border: 1px solid var(--gold); 602 color: var(--gold); 603 text-decoration: none; 604 font-size: 11px; 605 font-weight: 600; 606 letter-spacing: 2px; 607 text-transform: uppercase; 608 transition: all 0.3s; 609 } 610 .unit-card-btn:hover { background: var(--gold); color: var(--black); } 611 612 /* ===== VIEWS SECTION ===== */ 613 .views { background: var(--black); } 614 .views-unit { 615 margin-top: 60px; 616 margin-bottom: 80px; 617 } 618 .views-unit-title { 619 font-family: var(--font-display); 620 font-size: 32px; 621 font-weight: 400; 622 margin-bottom: 24px; 623 padding-bottom: 16px; 624 border-bottom: 1px solid rgba(33,33,33,0.2); 625 } 626 .views-grid { 627 display: grid; 628 grid-template-columns: 1fr 1fr; 629 gap: 24px; 630 } 631 .view-item { 632 position: relative; 633 overflow: hidden; 634 cursor: pointer; 635 } 636 .view-item img { 637 width: 100%; 638 height: 320px; 639 object-fit: cover; 640 transition: transform 0.6s; 641 } 642 .view-item:hover img { transform: scale(1.05); } 643 .view-label { 644 position: absolute; 645 bottom: 0; 646 left: 0; 647 right: 0; 648 padding: 16px 20px; 649 background: linear-gradient(to top, rgba(10,10,10,0.9), transparent); 650 font-size: 12px; 651 font-weight: 600; 652 letter-spacing: 2px; 653 text-transform: uppercase; 654 color: var(--gold-pale); 655 } 656 657 /* ===== AMENITIES ===== */ 658 .amenities { background: var(--charcoal); } 659 .amenities-grid { 660 display: grid; 661 grid-template-columns: repeat(3, 1fr); 662 gap: 32px; 663 margin-top: 60px; 664 } 665 .amenity-card { 666 position: relative; 667 height: 300px; 668 overflow: hidden; 669 } 670 .amenity-card img { 671 width: 100%; 672 height: 100%; 673 object-fit: cover; 674 filter: brightness(0.5); 675 transition: transform 0.6s, filter 0.6s; 676 } 677 .amenity-card:hover img { transform: scale(1.08); filter: brightness(0.65); } 678 .amenity-card-content { 679 position: absolute; 680 bottom: 0; 681 left: 0; 682 right: 0; 683 padding: 24px; 684 } 685 .amenity-card-title { 686 font-family: var(--font-display); 687 font-size: 22px; 688 font-weight: 400; 689 margin-bottom: 8px; 690 } 691 .amenity-card-text { 692 font-size: 13px; 693 color: var(--light-gray); 694 line-height: 1.6; 695 } 696 697 /* ===== ADVISOR / AGENT ===== */ 698 .advisor { background: var(--black); } 699 .advisor-grid { 700 display: grid; 701 grid-template-columns: 300px 1fr; 702 gap: 60px; 703 align-items: start; 704 margin-top: 60px; 705 } 706 .advisor-photo { 707 position: relative; 708 } 709 .advisor-photo img { 710 width: 100%; 711 height: 380px; 712 object-fit: cover; 713 object-position: top; 714 filter: grayscale(20%); 715 } 716 .advisor-photo::after { 717 content: ''; 718 position: absolute; 719 bottom: 0; 720 left: 0; 721 right: 0; 722 height: 4px; 723 background: var(--gold); 724 } 725 .advisor-name { 726 font-family: var(--font-display); 727 font-size: 32px; 728 font-weight: 400; 729 margin-bottom: 4px; 730 } 731 .advisor-title-text { 732 font-size: 12px; 733 font-weight: 600; 734 letter-spacing: 2px; 735 text-transform: uppercase; 736 color: var(--gold); 737 margin-bottom: 24px; 738 } 739 .advisor-bio { 740 font-size: 15px; 741 font-weight: 300; 742 color: var(--light-gray); 743 line-height: 1.8; 744 margin-bottom: 24px; 745 } 746 .advisor-creds { 747 border-top: 1px solid rgba(255,255,255,0.08); 748 padding-top: 20px; 749 } 750 .advisor-creds p { 751 font-size: 13px; 752 color: var(--medium-gray); 753 margin-bottom: 8px; 754 } 755 .advisor-creds strong { color: var(--off-white); font-weight: 500; } 756 757 /* ===== QUALIFICATION FORM ===== */ 758 .qualify { 759 background: linear-gradient(135deg, var(--charcoal) 0%, var(--dark-gray) 100%);
759 760 border-top: 1px solid rgba(33,33,33,0.15); 761 } 762 .qualify-container { 763 max-width: 640px; 764 margin: 0 auto; 765 text-align: center; 766 } 767 .qualify .section-tag, 768 .qualify .section-title { text-align: center; } 769 .qualify .section-text { text-align: center; margin: 0 auto 40px; } 770 .form-group { margin-bottom: 20px; text-align: left; } 771 .form-label { 772 display: block; 773 font-size: 11px; 774 font-weight: 600; 775 letter-spacing: 1.5px; 776 text-transform: uppercase; 777 color: var(--light-gray); 778 margin-bottom: 8px; 779 } 780 .form-input, 781 .form-select, 782 .form-textarea { 783 width: 100%; 784 padding: 14px 16px; 785 background: var(--black); 786 border: 1px solid rgba(255,255,255,0.12); 787 color: var(--off-white); 788 font-family: var(--font-body); 789 font-size: 14px; 790 transition: border-color 0.3s; 791 outline: none; 792 } 793 .form-input:focus, 794 .form-select:focus, 795 .form-textarea:focus { border-color: var(--gold); } 796 .form-select { appearance: none; cursor: pointer; } 797 .form-textarea { resize: vertical; min-height: 100px; } 798 .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } 799 .form-submit { 800 display: block; 801 width: 100%; 802 padding: 16px; 803 background: var(--gold); 804 color: var(--black); 805 border: none; 806 font-family: var(--font-body); 807 font-size: 12px; 808 font-weight: 700; 809 letter-spacing: 2px; 810 text-transform: uppercase; 811 cursor: pointer; 812 transition: background 0.3s; 813 margin-top: 8px; 814 } 815 .form-submit:hover { background: var(--gold-light); } 816 .form-disclaimer { 817 font-size: 11px; 818 color: var(--medium-gray); 819 margin-top: 16px; 820 line-height: 1.6; 821 } 822 .form-success { 823 display: none; 824 text-align: center; 825 padding: 60px 20px; 826 } 827 .form-success.active { display: block; } 828 .form-success h3 { 829 font-family: var(--heading); 830 font-size: 28px; 831 color: var(--gold); 832 margin-bottom: 16px; 833 } 834 .form-success p { 835 color: var(--medium-gray); 836 font-size: 16px; 837 line-height: 1.6; 838 } 839 840 /* ===== GATE OVERLAY ===== */ 841 .gate-overlay { 842 position: fixed; 843 inset: 0; 844 z-index: 9999; 845 background: var(--black); 846 overflow-y: auto; 847 padding: 48px 24px 80px; 848 } 849 .gate-overlay.hidden { display: none; } 850 .gate-container { 851 max-width: 480px; 852 margin: 0 auto; 853 text-align: center; 854 } 855 .gate-logo { margin-bottom: 40px; } 856 .gate-logo img { height: 60px; width: auto; filter: invert(1); mix-blend-mode: screen; } 857 .gate-tabs { 858 display: flex; 859 gap: 0; 860 margin-bottom: 32px; 861 background: rgba(255,255,255,0.06); 862 border-radius: 6px; 863 padding: 4px; 864 } 865 .gate-tab { 866 flex: 1; 867 padding: 14px 12px; 868 background: none; 869 border: none; 870 color: rgba(255,255,255,0.5); 871 font-family: var(--font-body); 872 font-size: 13px; 873 letter-spacing: 1.5px; 874 text-transform: uppercase; 875 cursor: pointer; 876 transition: all 0.3s ease; 877 border-radius: 4px; 878 } 879 .gate-tab.active { 880 color: var(--off-white); 881 background: rgba(255,255,255,0.12); 882 } 883 .gate-panel { display: none; } 884 .gate-panel.active { display: block; } 885 .gate-title { 886 font-family: var(--font-display); 887 font-size: 28px; 888 font-weight: 300; 889 color: var(--off-white); 890 margin-bottom: 12px; 891 } 892 .gate-subtitle { 893 font-size: 14px; 894 color: rgba(255,255,255,0.5); 895 margin-bottom: 32px; 896 line-height: 1.7; 897 } 898 .gate-form .form-row { margin-bottom: 16px; } 899 .gate-form input, 900 .gate-form select, 901 .gate-form textarea { 902 width: 100%; 903 padding: 14px 16px; 904 background: rgba(255,255,255,0.06); 905 border: 1px solid rgba(255,255,255,0.12); 906 color: var(--off-white); 907 font-family: var(--font-body); 908 font-size: 14px; 909 border-radius: 4px; 910 transition: border-color 0.3s ease; 911 } 912 .gate-form input::placeholder, 913 .gate-form textarea::placeholder { 914 color: rgba(255,255,255,0.3); 915 } 916 .gate-form input:focus, 917 .gate-form select:focus, 918 .gate-form textarea:focus { 919 outline: none; 920 border-color: var(--gold); 921 } 922 .gate-form select option { 923 background: var(--black); 924 color: var(--off-white); 925 } 926 .gate-form label { 927 display: block; 928 text-align: left; 929 font-size: 11px; 930 letter-spacing: 1px; 931 text-transform: uppercase; 932 color: rgba(255,255,255,0.4); 933 margin-bottom: 6px; 934 } 935 .gate-btn { 936 width: 100%; 937 padding: 16px; 938 background: var(--gold); 939 border: none; 940 color: var(--black); 941 font-family: var(--font-body); 942 font-size: 13px; 943 font-weight: 700; 944 letter-spacing: 2px; 945 text-transform: uppercase; 946 cursor: pointer; 947 border-radius: 4px; 948 margin-top: 8px; 949 transition: background 0.3s ease; 950 } 951 .gate-btn:hover { background: var(--gold-light); } 952 .gate-success { 953 display: none; 954 padding: 40px 0; 955 } 956 .gate-success .success-icon { 957 width: 64px; 958 height: 64px; 959 border: 2px solid var(--gold); 960 border-radius: 50%; 961 display: flex; 962 align-items: center; 963 justify-content: center; 964 margin: 0 auto 24px; 965 font-size: 28px; 966 color: var(--gold); 967 } 968 .gate-success h3 { 969 font-family: var(--font-display); 970 font-size: 24px; 971 font-weight: 400; 972 color: var(--off-white); 973 margin-bottom: 12px; 974 } 975 .gate-success p { 976 font-size: 14px; 977 color: rgba(255,255,255,0.5); 978 line-height: 1.7; 979 } 980 .pw-toggle { 981 position: absolute; 982 right: 14px; 983 top: 50%; 984 transform: translateY(-50%); 985 background: none; 986 border: none; 987 color: rgba(255,255,255,0.3); 988 cursor: pointer; 989 font-size: 12px; 990 } 991 .pw-error { 992 color: #757575; 993 font-size: 13px; 994 margin-top: 8px; 995 display: none; 996 } 997 @media (max-width: 768px) { 998 .gate-overlay { padding: 32px 20px 100px; } 999 .gate-title { font-size: 24px; } 1000 } 1001 1002 /* ===== FOOTER ===== */ 1003 .footer { 1004 background: var(--charcoal); 1005 padding: 60px; 1006 border-top: 1px solid rgba(33,33,33,0.15); 1007 } 1008 .footer-top { 1009 display: flex; 1010 justify-content: space-between; 1011 align-items: start; 1012 margin-bottom: 40px; 1013 flex-wrap: wrap; 1014 gap: 40px; 1015 } 1016 .footer-brand img { height: 28px; margin-bottom: 16px; } 1017 .footer-brand p { font-size: 13px; color: var(--medium-gray); max-width: 320px; line-height: 1.7; } 1018 .footer-links { display: flex; gap: 40px; } 1019 .footer-col h4 { 1020 font-size: 11px; 1021 font-weight: 600; 1022 letter-spacing: 2px; 1023 text-transform: uppercase; 1024 color: var(--gold); 1025 margin-bottom: 16px; 1026 } 1027 .footer-col a { 1028 display: block; 1029 color: var(--light-gray); 1030 text-decoration: none; 1031 font-size: 13px; 1032 margin-bottom: 10px; 1033 transition: color 0.3s; 1034 } 1035 .footer-col a:hover { color: var(--off-white); } 1036 .footer-bottom { 1037 border-top: 1px solid rgba(255,255,255,0.06); 1038 padding-top: 24px; 1039 display: flex; 1040 justify-content: space-between; 1041 flex-wrap: wrap; 1042 gap: 16px; 1043 } 1044 .footer-bottom p, .footer-bottom a { 1045 font-size: 11px; 1046 color: var(--medium-gray); 1047 text-decoration: none; 1048 } 1049 .footer-bottom a:hover { color: var(--off-white); } 1050 .footer-legal-links { display: flex; gap: 24px; } 1051 1052 /* ===== LIGHTBOX ===== */ 1053 .lightbox { 1054 display: none; 1055 position: fixed; 1056 inset: 0; 1057 z-index: 8000; 1058 background: rgba(0,0,0,0.95); 1059 align-items: center; 1060 justify-content: center; 1061 cursor: pointer; 1062 } 1063 .lightbox.active { display: flex; } 1064 .lightbox img { max-width: 90%; max-height: 90vh; object-fit: contain; } 1065 .lightbox-close { 1066 position: absolute; 1067 top: 24px; 1068 right: 32px; 1069 font-size: 32px; 1070 color: var(--off-white); 1071 cursor: pointer; 1072 font-weight: 300; 1073 } 1074 1075 /* ===== RESPONSIVE ===== */ 1076 @media (max-width: 1024px) { 1077 .section { padding: 80px 32px; } 1078 .hero-content { padding: 0 32px 60px; } 1079 .about-grid { grid-template-columns: 1fr; gap: 40px; } 1080 .units-grid { grid-template-columns: 1fr; } 1081 .amenities-grid { grid-template-columns: 1fr 1fr; } 1082 .advisor-grid { grid-template-columns: 1fr; } 1083 .badge-bar { padding: 24px 32px; gap: 32px; } 1084 } 1085 @media (max-width: 768px) { 1086 .nav { padding: 16px 20px; } 1087 .nav-links { display: none; } 1088 .nav-links.open { 1089 display: flex; 1090 flex-direction: column; 1091 position: absolute; 1092 top: 100%; 1093 left: 0; 1094 right: 0; 1095 background: rgba(10,10,10,0.98); 1096 padding: 24px; 1097 gap: 20px; 1098 border-bottom: 1px solid rgba(33,33,33,0.2); 1099 } 1100 .mobile-toggle { display: flex; } 1101 .section { padding: 60px 20px; } 1102 .hero-content { padding: 0 20px 48px; } 1103 .form-row { grid-template-columns: 1fr; } 1104 .views-grid { grid-template-columns: 1fr; } 1105 .amenities-grid { grid-template-columns: 1fr; } 1106 .footer { padding: 40px 20px; } 1107 .footer-top { flex-direction: column; } 1108 .footer-links { flex-direction: column; gap: 24px; } 1109 .badge-bar { gap: 20px; padding: 20px; } 1110 } 1111 </style> 1112 1113<!-- WIRE Miami Chatbot Style Override --> 1114 1115 1116<style id="wire-chatbot-overrides"> 1117#wc-bubble{border-radius:0!important;background:#2A2A2A!important;box-shadow:0 4px 20px rgba(0,0,0,.3)!important;width:48px!important;height:48px!important} 1118#wc-bubble:hover{transform:none!important;background:#333!important} 1119#wc-drawer{border-radius:0!important;background:#1A1A1A!important} 1120#wc-header{background:#1A1A1A!important;border-bottom:1px solid rgba(255,255,255,.08)!important} 1121#wc-header-avatar{border-radius:0!important;background:#2A2A2A!important} 1122#wc-header-name{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:16px!important;font-weight:400!important} 1123#wc-header-sub{font-family:'Instrument Sans',sans-serif!important;font-size:11px!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:#888!important} 1124#wc-header-disclaimer{color:#555!important;border-top-color:#333!important} 1125#wc-messages{background:#1A1A1A!important} 1126.wc-msg{border-radius:0!important;font-family:'Instrument Sans',sans-serif!important} 1127.wc-msg.wc-bot{background:#2A2A2A!important;color:#F0EDE8!important;border-bottom-left-radius:0!important} 1128.wc-msg.wc-user{background:#333!important;color:#fff!important;border:none!important;border-bottom-right-radius:0!important} 1129#wc-typing{border-radius:0!important;background:#2A2A2A!important} 1130.wc-dot{background:#666!important;border-radius:0!important} 1131#wc-input-area{background:#1A1A1A!important;border-top:1px solid rgba(255,255,255,.08)!important} 1132#wc-input{border-radius:0!important;background:#2A2A2A!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;font-family:'Instrument Sans',sans-serif!important} 1133#wc-input:focus{border-color:var(--gold,#B8956E)!important} 1134#wc-input::placeholder{color:#666!important} 1135#wc-send{border-radius:0!important;background:var(--gold,#B8956E)!important} 1136#wc-send:hover{background:var(--gold-dark,#9A7A5A)!important} 1137.wc-site-link{color:var(--gold,#B8956E)!important} 1138.wc-time{color:#555!important} 1139#wc-badge{border-radius:0!important} 1140@media(max-width:480px){#wc-drawer{border-radius:0!important}} 1141</style> 1142<style>/* Premium micro-interactions */ 1143.residence-card,.amenity-card,.gallery-item,.fp-card{transition:box-sha
1143dow .3s ease} 1144.residence-card:hover,.amenity-card:hover,.fp-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.08)} 1145.gallery-item{overflow:hidden}.gallery-item img{transition:transform .4s ease} 1146.gallery-item:hover img{transform:scale(1.03)} 1147.nav-links a,.footer-links a,.faq-question{transition:color .3s ease} 1148.nav-links a:hover,.footer-links a:hover,.faq-question:hover{color:var(--gold,#9E9E9E)} 1149.btn-primary,.btn-gold{transition:background .3s ease,box-shadow .3s ease} 1150.btn-primary:hover,.btn-gold:hover{box-shadow:0 8px 24px rgba(0,0,0,.12)} 1151/* Scroll reveals */ 1152.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease} 1153.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)} 1154@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none;transition:none}} 1155/* Gallery grid */ 1156.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px} 1157.gallery-item{aspect-ratio:16/9;overflow:hidden} 1158.gallery-item img{width:100%;height:100%;object-fit:cover} 1159@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr)}} 1160/* Nav blur */ 1161header,nav{transition:background .3s ease,backdrop-filter .3s ease} 1162header.scrolled,nav.scrolled{background:rgba(42,42,42,.92)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}</style> 1163</head> 1164<body> 1165 1166 <!-- GATE OVERLAY --> 1167 <div class="gate-overlay" id="gateOverlay"> 1168 <div class="gate-container"> 1169 <div class="gate-logo"> 1170 <img src="logowiremiami2026.png" alt="WIRE Miami" style="height:60px;width:auto;filter:invert(1);mix-blend-mode:screen;"> 1171 </div> 1172 1173 <div class="gate-tabs"> 1174 <button class="gate-tab active" onclick="switchTab('register')">Request Access</button> 1175 <button class="gate-tab" onclick="switchTab('password')">Enter Code</button> 1176 </div> 1177 1178 <!-- Register Panel --> 1179 <div class="gate-panel active" id="panelRegister"> 1180 <h2 class="gate-title">Exclusive Resale Opportunities</h2> 1181 <p class="gate-subtitle">888 Brickell by Dolce & Gabbana is Miami’s tallest residential tower at 90 stories. We represent select developer-approved resale assignments in this iconic building. Register below and a member of our team will reach out with access details.</p> 1182 1183 <form class="gate-form" id="gateForm" onsubmit="handleGateSubmit(event)"> 1184 <input type="hidden" name="source" value="888brickellresales.com"> 1185 <input type="hidden" name="property" value="888 Brickell DG - Resale"> 1186 1187 <div class="form-row"> 1188 <label for="gateName">Full Name *</label> 1189 <input type="text" id="gateName" name="personName" required placeholder="Your full name"> 1190 </div> 1191 <div class="form-row"> 1192 <label for="gateEmail">Email *</label> 1193 <input type="email" id="gateEmail" name="personEmail" required placeholder="[email protected]"> 1194 </div> 1195 <div class="form-row"> 1196 <label for="gatePhone">Phone *</label> 1197 <input type="tel" id="gatePhone" name="personPhone" required placeholder="+1 (555) 000-0000"> 1198 </div> 1199 <div class="form-row"> 1200 <label for="gateBudget">Budget Range</label> 1201 <select id="gateBudget" name="budget"> 1202 <option value="">Select your budget range</option> 1203 <option value="$2M-$4M">$2,000,000 to $4,000,000</option> 1204 <option value="$4M-$6M">$4,000,000 to $6,000,000</option> 1205 <option value="$6M-$8M">$6,000,000 to $8,000,000</option> 1206 <option value="$8M+">$8,000,000+</option> 1207 </select> 1208 </div> 1209 <div class="form-row"> 1210 <label for="gateTimeline">Purchase Timeline</label> 1211 <select id="gateTimeline" name="timeline"> 1212 <option value="">When are you looking to purchase?</option> 1213 <option value="Immediately">Immediately</option> 1214 <option value="1-3 months">1 to 3 months</option> 1215 <option value="3-6 months">3 to 6 months</option> 1216 <option value="Just exploring">Just exploring</option> 1217 </select> 1218 </div> 1219 <div class="form-row"> 1220 <label for="gateRep">Are you working with a real estate agent?</label> 1221 <select id="gateRep" name="hasAgent"> 1222 <option value="">Select</option> 1223 <option value="No">No</option> 1224 <option value="Yes">Yes</option> 1225 </select> 1226 </div> 1227 1228 <p style="font-size:11px;color:rgba(255,255,255,0.35);margin-top:12px;line-height:1.6;text-align:left;">By submitting this form, you consent to be contacted by WIRE Miami via phone, email, and text message regarding real estate opportunities. Message & data rates may apply. You may opt out at any time. See our <a href='/privacy-policy' style='color:var(--gold);'>Privacy Policy</a>.</p> 1229 1230 <button type="submit" class="gate-btn">Request Access</button> 1231 </form> 1232 1233 <div class="gate-success" id="gateSuccess"> 1234 <div class="success-icon">✓</div> 1235 <h3>Request Received</h3> 1236 <p>Thank you for your interest. Adrian will review your inquiry and provide access credentials within 24 hours. Keep an eye on your inbox.</p> 1237 </div> 1238 </div> 1239 1240 <!-- Password Panel --> 1241 <div class="gate-panel" id="panelPassword"> 1242 <h2 class="gate-title">Welcome Back</h2> 1243 <p class="gate-subtitle">Enter the access code provided by your advisor to view the exclusive inventory.</p> 1244 1245 <form class="gate-form" onsubmit="handlePasswordSubmit(event)"> 1246 <div class="form-row"> 1247 <label for="accessPassword">Access Code</label> 1248 <div class="password-input-wrap"> 1249 <input type="password" id="accessPassword" placeholder="Enter your access code" required> 1250 <button type="button" class="pw-toggle" onclick="togglePwVisibility()">SHOW</button> 1251 </div> 1252 <p class="pw-error" id="pwError">
1252Incorrect code. Please try again or contact Adrian at 786-474-9627.</p> 1253 </div> 1254 <button type="submit" class="gate-btn">Access Inventory</button> 1255 </form> 1256 </div> 1257 </div> 1258 </div> 1259 1260 <!-- Gate Script --> 1261
1261<script> 1262 const SITE_PASSWORD = '888TEAMUSA'; 1263 1264 if (sessionStorage.getItem('888_auth') === 'true') { 1265 document.getElementById('gateOverlay').classList.add('hidden'); 1266 } 1267 1268 function switchTab(tab) { 1269 document.querySelectorAll('.gate-tab').forEach(function(t) { t.classList.remove('active'); }); 1270 document.querySelectorAll('.gate-panel').forEach(function(p) { p.classList.remove('active'); }); 1271 if (tab === 'register') { 1272 document.querySelectorAll('.gate-tab')[0].classList.add('active'); 1273 document.getElementById('panelRegister').classList.add('active'); 1274 } else { 1275 document.querySelectorAll('.gate-tab')[1].classList.add('active'); 1276 document.getElementById('panelPassword').classList.add('active'); 1277 } 1278 } 1279 1280 function handleGateSubmit(e) { 1281 e.preventDefault(); 1282 var form = e.target; 1283 var formData = new FormData(form); 1284 var fullName = formData.get('personName') || ''; 1285 var firstName = fullName.split(' ')[0]; 1286 var lastName = fullName.split(' ').slice(1).join(' '); 1287 1288 if (typeof wireSubmitToFUB === 'function') { 1289 wireSubmitToFUB({ 1290 firstName: firstName, 1291 lastName: lastName, 1292 email: formData.get('personEmail'), 1293 phone: formData.get('personPhone'), 1294 contactType: 'buyer', 1295 income: formData.get('budget') || '', 1296 timeline: formData.get('timeline') || '', 1297 message: 'Access gate request. Working with agent: ' + (formData.get('hasAgent') || 'N/A') 1298 }, 'General Registration'); 1299 } 1300 1301 // Google Ads Conversion 1302 if (typeof gtag !== 'undefined') { 1303 gtag('event', 'conversion', { 1304 'send_to': (window.WIRE && window.WIRE.tracking ? window.WIRE.tracking.googleAdsConversion : 'AW-18210538452/YyWPCLr8oL0cENSHu-tD'), 1305 'value': 1.0, 1306 'currency': 'USD' 1307 }); 1308 } 1309 1310 form.style.display = 'none'; 1311 document.getElementById('gateSuccess').style.display = 'block'; 1312 } 1313 1314 function handlePasswordSubmit(e) { 1315 e.preventDefault(); 1316 var pw = document.getElementById('accessPassword').value; 1317 if (pw.toUpperCase() === SITE_PASSWORD) { 1318 sessionStorage.setItem('888_auth', 'true'); 1319 document.getElementById('gateOverlay').classList.add('hidden'); 1320 } else { 1321 document.getElementById('pwError').style.display = 'block'; 1322 } 1323 } 1324 1325 function togglePwVisibility() { 1326 var input = document.getElementById('accessPassword'); 1327 var btn = input.nextElementSibling; 1328 if (input.type === 'password') { 1329 input.type = 'text'; 1330 btn.textContent = 'HIDE'; 1331 } else { 1332 input.type = 'password'; 1333 btn.textContent = 'SHOW'; 1334 } 1335 } 1336 </script>
1336 1337 1338 <!-- LIGHTBOX --> 1339 <div class="lightbox" id="lightbox"> 1340 <span class="lightbox-close" role="button" aria-label="Close lightbox" tabindex="0">×</span> 1341 <img id="lightboxImg" src="" alt=""> 1342 </div> 1343 1344 <!-- NAVIGATION --> 1345 <a href="#main" class="sr-only" style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10000;padding:12px;background:var(--gold);color:var(--black);font-size:14px;" onfocus="this.style.left='16px';this.style.width='auto';this.style.height='auto';" onblur="this.style.left='-9999px';this.style.width='1px';this.style.height='1px';">Skip to main content</a> 1346 <nav class="nav" id="nav" role="navigation" aria-label="Main navigation"> 1347 <div class="nav-logo"> 1348 <a href="https://wiremiami.com" target="_blank" rel="noopener noreferrer" aria-label="WIRE Miami Home"><img src="logowiremiami2026-white.png" alt="WIRE Miami"></a> 1349 </div> 1350 <div class="nav-links" id="navLinks"> 1351 <a href="#units">Residences</a> 1352 <a href="#views">Views</a> 1353 <a href='/floorplans'>Floor Plans</a> 1354 <a href="#amenities">Amenities</a> 1355 <a href='/blog/'>Insights</a> 1356 <a href="#qualify" class="nav-cta">Get Qualified</a> 1357 </div> 1358 <div class="mobile-toggle" id="mobileToggle" role="button" aria-label="Open navigation menu" tabindex="0"> 1359 <span></span><span></span><span></span> 1360 </div> 1361 </nav> 1362 1363 <!-- HERO --> 1364 <main id="main" role="main"> 1365 <section class="hero" id="hero"> 1366 <div class="hero-bg"></div> 1367 <div class="hero-overlay"></div> 1368 <div class="hero-content"> 1369 <p class="hero-tag">Developer-Approved Resale Assignments</p> 1370 <h1 class="hero-title">888 Brickell by<br><em>Dolce & Gabbana</em></h1> 1371 <p class="hero-subtitle">Miami's tallest tower at 90 stories. Turnkey furnished residences designed by Dolce & Gabbana. Three exclusive pre-construction assignments available through WIRE Miami.</p> 1372 <a href="#units" class="hero-btn">View Available Residences</a> 1373 </div> 1374 </section> 1375 1376 <!-- BADGE BAR --> 1377 <div class="badge-bar"> 1378 <div class="badge-item"> 1379 <div class="badge-number">90</div> 1380 <div class="badge-label">Stories</div> 1381 </div> 1382 <div class="badge-item"> 1383 <div class="badge-number">1,049'</div> 1384 <div class="badge-label">Height</div> 1385 </div> 1386 <div class="badge-item"> 1387 <div class="badge-number">259</div> 1388 <div class="badge-label">Residences</div> 1389 </div> 1390 <div class="badge-item"> 1391 <div class="badge-number">5★</div> 1392 <div class="badge-label">Hotel Service</div> 1393 </div> 1394 <div class="badge-item"> 1395 <div class="badge-number">D&G</div> 1396 <div class="badge-label">Turnkey Design</div> 1397 </div> 1398 </div> 1399 1400 <!-- ABOUT / DEVELOPER APPROVED --> 1401 <section class="reveal-on-scroll section about" id="about"> 1402 <p class="section-tag">Developer-Approved Assignments</p> 1403 <h2 class="section-title">A Rare Opportunity at<br>Miami's Most Iconic New Tower</h2> 1404 <div class="about-grid"> 1405 <div class="about-image"> 1406 <img src="images/888 Facade.jpg" alt="888 Brickell Facade by Dolce and Gabbana"> 1407 </div> 1408 <div class="about-content"> 1409 <p class="section-text">These are not unauthorized contract flips. These are developer-approved resale assignments at 888 Brickell by Dolce & Gabbana, sanctioned by JDS Development Group. WIRE Miami has been authorized to market these exclusive residences on behalf of current contract holders.</p> 1410 <p class="section-text">888 Brickell is the tallest tower in Miami at 90 stories and 1,049 feet, designed by Studio Sofield with every residence furnished turnkey by Dolce & Gabbana. The building features a 5-star hotel operation, world-class dining, and an amenity program that rivals any luxury resort on earth.</p> 1411 <div class="gold-divider"></div> 1412 <p class="about-detail"><strong>Developer:</strong> JDS Development Group (Steinway Tower, NYC)<br><strong>Architecture:</strong>
1412 Studio Sofield<br><strong>Interior Design:</strong> Dolce & Gabbana<br><strong>Sales & Marketing:</strong> ONE Sotheby's International Realty<br><strong>Resale Agent:</strong> WIRE Miami: Adrian Sanchez</p> 1413 </div> 1414 </div> 1415 </section> 1416 1417 <!-- AVAILABLE UNITS --> 1418 <section class="reveal-on-scroll section units" id="units"> 1419 <p class="section-tag">Available Residences</p> 1420 <h2 class="section-title">Three Developer-Approved Assignments</h2> 1421 <p class="section-text">Each residence is delivered turnkey, fully furnished and designed by Dolce & Gabbana. Custom kitchens, bathrooms, closets, and furniture included. Your client walks in with nothing but their keys.</p> 1422 <div class="units-grid"> 1423 <!-- UNIT 56A --> 1424 <div class="unit-card"> 1425 <div class="unit-card-image"> 1426 <img src="images/888 Brickell, Dolce&Gabbana, Typical LR, JDS Development Group by LL&Co.jpg" alt="888 Brickell Residence 56A Living Room"> 1427 <div class="unit-card-badge">3 Bedroom</div> 1428 </div> 1429 <div class="unit-card-body"> 1430 <h3 class="unit-card-name">Residence 56A</h3> 1431 <p class="unit-card-floor">Floor 58 • Line A • Southeast Exposure</p> 1432 <div class="unit-card-specs"> 1433 <div class="spec-item"> 1434 <p class="spec-label">Bedrooms</p> 1435 <p class="spec-value">3 Bed / 3 Bath</p> 1436 </div> 1437 <div class="spec-item"> 1438 <p class="spec-label">Interior</p> 1439 <p class="spec-value">3,049 SF</p> 1440 </div> 1441 <div class="spec-item"> 1442 <p class="spec-label">Outdoor</p> 1443 <p class="spec-value">357 SF</p> 1444 </div> 1445 <div class="spec-item"> 1446 <p class="spec-label">Total</p> 1447 <p class="spec-value">3,406 SF</p> 1448 </div> 1449 </div> 1450 <div class="unit-card-features"> 1451 <p>888 Suite & 888 Room configuration • Furniture by D&G • 11' Ceiling Height • Loggia & Outdoor Kitchen • Private Elevator • Powder Room • Views: Biscayne Bay & Atlantic Ocean</p> 1452 </div> 1453 <p class="unit-card-price">$5,250,000</p> 1454 <a href="#qualify" class="unit-card-btn">Inquire About This Residence</a> 1455 </div> 1456 </div> 1457 <!-- UNIT 44B --> 1458 <div class="unit-card"> 1459 <div class="unit-card-image"> 1460 <img src="images/888 Brickell, Dolce&Gabbana, Living Room, JDS Development Group, by LL&Co.jpg" alt="888 Brickell Residence 44B Living Room"> 1461 <div class="unit-card-badge">2 Bedroom</div> 1462 </div> 1463 <div class="unit-card-body"> 1464 <h3 class="unit-card-name">Residence 44B</h3> 1465 <p class="unit-card-floor">Floor 45 • Line B • Northeast Exposure</p> 1466 <div class="unit-card-specs"> 1467 <div class="spec-item"> 1468 <p class="spec-label">Bedrooms</p> 1469 <p class="spec-value">2 Bed / 2 Bath</p> 1470 </div> 1471 <div class="spec-item"> 1472 <p class="spec-label">Interior</p> 1473 <p class="spec-value">2,173 SF</p> 1474 </div> 1475 <div class="spec-item"> 1476 <p class="spec-label">Outdoor</p> 1477 <p class="spec-value">262 SF</p> 1478 </div> 1479 <div class="spec-item"> 1480 <p class="spec-label">Total</p> 1481 <p class="spec-value">2,435 SF</p> 1482 </div> 1483 </div> 1484 <div class="unit-card-features"> 1485 <p>888 Suite & 888 Room configuration • Furniture by D&G • 11' Ceiling Height • Loggia & Outdoor Kitchen • Private Elevator • Powder Room • Views: Biscayne Bay</p> 1486 </div> 1487 <p class="unit-card-price">$3,500,000</p> 1488 <a href="#qualify" class="unit-card-btn">Inquire About This Residence</a> 1489 </div> 1490 </div> 1491 <!-- UNIT 29F --> 1492 <div class="unit-card"> 1493 <div class="unit-card-image"> 1494 <img src="images/bedroom.jpg" alt="888 Brickell Residence 29F Bedroom"> 1495 <div class="unit-card-badge">1 Bedroom</div> 1496 </div> 1497 <div class="unit-card-body"> 1498 <h3 class="unit-card-name">Residence 29F</h3> 1499 <p class="unit-card-floor">Floor 29 • Line F</p> 1500 <div class="unit-card-specs"> 1501 <div class="spec-item"> 1502 <p class="spec-label">Bedrooms</p> 1503 <p class="spec-value">1 Bed / 1 Bath</p> 1504 </div> 1505 <div class="spec-item"> 1506 <p class="spec-label">Interior</p> 1507 <p class="spec-value">1,175 SF</p> 1508 </div> 1509 <div class="spec-item"> 1510 <p class="spec-label">Outdoor</p> 1511 <p class="spec-value">-</p> 1512 </div> 1513 <div class="spec-item"> 1514 <p class="spec-label">Total</p> 1515 <p class="spec-value">1,175 SF</p> 1516 </div> 1517 </div> 1518 <div class="unit-card-features"> 1519 <p>Furniture by D&G • 11' Ceiling Height • Turnkey Furnished •
1519 Private Elevator</p> 1520 </div> 1521 <p class="unit-card-price">$2,200,000</p> 1522 <a href="#qualify" class="unit-card-btn">Inquire About This Residence</a> 1523 </div> 1524 </div> 1525 </div> 1526 </section> 1527 1528 <!-- VIEWS --> 1529 <section class="reveal-on-scroll section views" id="views"> 1530 <p class="section-tag">Actual View Photography</p> 1531 <h2 class="section-title">Views From Your Residence</h2> 1532 <p class="section-text">Captured from the actual floors at 888 Brickell. At 29, 45 and 58 stories, these residences command unobstructed panoramas of Biscayne Bay, the Atlantic Ocean, Downtown Miami, and Miami Beach.</p> 1533 1534 <div class="views-unit"> 1535 <h3 class="views-unit-title">Residence 56A: Floor 58</h3> 1536 <div class="views-grid"> 1537 <div class="view-item" onclick="openLightbox(this)"> 1538 <img src="views/56a-east.jpg" alt="888 Brickell Unit 56A East View - Biscayne Bay and Atlantic Ocean from Floor 58" loading="lazy" decoding="async"> 1539 <div class="view-label">East: Biscayne Bay & Atlantic Ocean</div> 1540 </div> 1541 <div class="view-item" onclick="openLightbox(this)"> 1542 <img src="views/56a-south.jpg" alt="888 Brickell Unit 56A South View - Downtown Miami from Floor 58" loading="lazy" decoding="async"> 1543 <div class="view-label">South: Downtown Miami & Brickell</div> 1544 </div> 1545 </div> 1546 </div> 1547 1548 <div class="views-unit"> 1549 <h3 class="views-unit-title">Residence 44B: Floor 45</h3> 1550 <div class="views-grid"> 1551 <div class="view-item" onclick="openLightbox(this)"> 1552 <img src="views/44b-east.jpg" alt="888 Brickell Unit 44B East View - Biscayne Bay from Floor 45" loading="lazy" decoding="async"> 1553 <div class="view-label">East: Biscayne Bay</div> 1554 </div> 1555 <div class="view-item" onclick="openLightbox(this)"> 1556 <img src="views/44b-north.jpg" alt="888 Brickell Unit 44B North View - Downtown and Midtown from Floor 45" loading="lazy" decoding="async"> 1557 <div class="view-label">North: Downtown & Midtown</div> 1558 </div> 1559 </div> 1560 </div> 1561 1562 <div class="views-unit"> 1563 <h3 class="views-unit-title">Residence 29F: Floor 29</h3> 1564 <div class="views-grid"> 1565 <div class="view-item" onclick="openLightbox(this)"> 1566 <img src="views/29F-SOUTH.jpg" alt="888 Brickell Unit 29F South View - Downtown Miami, Brickell and Biscayne Bay from Floor 29" loading="lazy" decoding="async"> 1567 <div class="view-label">South: Downtown Miami, Brickell & Biscayne Bay</div> 1568 </div> 1569 </div> 1570 </div> 1571 </section> 1572 1573 <!-- AMENITIES --> 1574 <section class="reveal-on-scroll section amenities" id="amenities"> 1575 <p class="section-tag">Five-Star Living</p> 1576 <h2 class="section-title">World-Class Amenities by Dolce & Gabbana</h2> 1577 <p class="section-text">Every amenity is an extension of your home. 5-star hotel services, Rolls Royce house car, signature restaurants, and a wellness program that rivals any luxury resort.</p> 1578 <div class="amenities-grid"> 1579 <div class="amenity-card"> 1580 <img src="images/Pool 888 Brickell JDS.jpg" alt="888 Brickell D&G Pool Club" loading="lazy" decoding="async"> 1581 <div class="amenity-card-content"> 1582 <h4 class="amenity-card-title">The D&G Pool Club</h4> 1583 <p class="amenity-card-text">3,800 SF pool, 2 poolside bars, Gelateria Italiana, private cabanas, pool deck restaurant.</p> 1584 </div> 1585 </div> 1586 <div class="amenity-card"> 1587 <img src="images/888 Brickell, Dolce&Gabbana, Lobby, JDS Development Group.jpg" alt="888 Brickell Lobby and Arrival" loading="lazy" decoding="async"> 1588 <div class="amenity-card-content"> 1589 <h4 class="amenity-card-title">Grand Arrival</h4> 1590 <p class="amenity-card-text">Porte Cochère, custom Murano chandeliers, Rolls Royce house car, double-height residential lobby.</p> 1591 </div> 1592 </div> 1593 <div class="amenity-card"> 1594 <img src="images/888 Brickell, Dolce & Gabbana, Lounge Bar, JDS Development Group.jpg" alt="888 Brickell Lounge Bar" loading="lazy" decoding="async"> 1595 <div class="amenity-card-content"> 1596 <h4 class="amenity-card-title">Signature Dining</h4> 1597 <p class="amenity-card-text">Ground floor restaurant & bar, pool club dining, chef's kitchen, wine cellar, private dining.</p> 1598 </div> 1599 </div> 1600 <div class="amenity-card"> 1601 <img src="images/888 Brickell, Dolce&Gabbana, Ballroom, JDS Development Group.jpg" alt="888 Brickell Event Space" loading="lazy" decoding="async"> 1602 <div class="amenity-card-content"> 1603 <h4 class="amenity-card-title">Event Space</h4> 1604 <p class="amenity-card-text">5,000 SF with stage, private terrace, D&G Salon by appointment, industrial kitchen.</p> 1605 </div> 1606 </div> 1607 <div class="amenity-card"> 1608 <img src="images/Master Bath.jpg" alt="888 Brickell D&G Wellness Spa" loading="lazy" decoding="async"> 1609 <div class="amenity-card-content"> 1610 <h4 class="amenity-card-title">Wellness & Recovery</h4> 1611 <p class="amenity-card-text">Padel court, fitness center, plunge pools, IV therapy, salon, barber shop, tailor shop.</p> 1612 </div> 1613 </div> 1614 <div class="amenity-card"> 1615 <img src="images/Terrace 888 Brickell JDS.jpg" alt="888 Brickell Private Terrace" loading="lazy" decoding="async"> 1616 <div class="amenity-card-content"> 1617 <h4 class="amenity-card-title">Resident-Only Luxuries</h4> 1618 <p class="amenity-card-text">Private 44' lap pool, theater, creative workspace, meeting suites, billiards, kids' room.</p> 1619 </div> 1620 </div> 1621 </div> 1622 </section> 1623 1624 <!-- ADVISOR --> 1625 <section class="reveal-on-scroll section advisor" id="advisor"> 1626 <p class="section-tag">Your Advisor</p> 1627 <h2 class="section-title">Work With Miami's Pre-Construction Expert</h2> 1628 <div class="advisor-grid"> 1629 <div class="advisor-photo"> 1630 <video src="Bio Video.mp4" autoplay muted loop playsinline poster="headshot.png" style="width:100%;height:100%;object-fit:cover;" aria-label="Adrian Sanchez - WIRE Miami CEO and Founder"></video> 1631 </div> 1632 <div class="advisor-info"> 1633 <h3 class="advisor-name">Adrian Sanchez</h3> 1634 <p class="advisor-title-text">Founder & CEO: WIRE Miami</p> 1635 <p class="advisor-bio">With over 20 years in Miami real estate and close to 100 units s
1635old as an outside broker for developers including PMG, JDS, and SWIRE, Adrian specializes in pre-construction sales for Miami's most coveted luxury projects. His portfolio includes Residences at Mandarin Oriental Brickell, E11EVEN Club Hotel & Residences, Nobu at 619 Brickell, Faena Brickell, and now 888 Brickell by Dolce & Gabbana.</p> 1636 <p class="advisor-bio">Adrian sold JDS Development the land where they're building Mercedes-Benz Places in Brickell. His relationship with the developer is what enables these exclusive, developer-approved resale assignments. He is also licensed in New York.</p> 1637 <div class="advisor-creds"> 1638 <p><strong>Projects:</strong> 888 Brickell D&G, Mandarin Oriental, E11EVEN, Nobu 619, Faena, Perigon, 1428 Brickell, Mercedes-Benz Places</p> 1639 <p><strong>Brokerage:</strong> WIRE Miami • Licensed in FL & NY</p> 1640 <p><strong>Contact:</strong> <span id="contactEmail"></span> | <a href="tel:+17864749627" style="color: var(--gold);">786-474-9627</a></p> 1641 </div> 1642 </div> 1643 </div> 1644 </section> 1645 1646 <!-- QUALIFICATION FORM --> 1647 <section class="reveal-on-scroll section qualify" id="qualify"> 1648 <div class="qualify-container"> 1649 <p class="section-tag">Get Qualified</p> 1650 <h2 class="section-title">Request Access to These Residences</h2> 1651 <p class="section-text">
1651Complete the form below and a member of our team will contact you within 24 hours. These assignments require proof of funds and are subject to developer approval.</p> 1652 1653 <div id="formContainer"> 1654 <form class="contact-form" id="inquiry-form" novalidate> 1655 <div class="form-row"> 1656 <div class="form-group"> 1657 <label class="form-label" for="first-name">First Name *</label> 1658 <input type="text" class="form-input" id="first-name" name="firstName" placeholder="First Name" required autocomplete="given-name"> 1659 </div> 1660 <div class="form-group"> 1661 <label class="form-label" for="last-name">Last Name *</label> 1662 <input type="text" class="form-input" id="last-name" name="lastName" placeholder="Last Name" required autocomplete="family-name"> 1663 </div> 1664 </div> 1665 <div class="form-row"> 1666 <div class="form-group"> 1667 <label class="form-label" for="email">Email *</label> 1668 <input type="email" class="form-input" id="email" name="email" placeholder="Email Address" required autocomplete="email"> 1669 </div> 1670 <div class="form-group"> 1671 <label class="form-label" for="phone">Phone *</label> 1672 <input type="tel" class="form-input" id="phone" name="phone" placeholder="Phone Number" required autocomplete="tel"> 1673 </div> 1674 </div> 1675 <div class="form-group"> 1676 <label class="form-label" for="buyer-type">Are you a buyer or an agent? *</label> 1677 <select class="form-select" id="buyer-type" name="buyerType" required> 1678 <option value="">Select one</option> 1679 <option value="buyer">I'm a buyer</option> 1680 <option value="agent">I'm a real estate agent</option> 1681 </select> 1682 </div> 1683 <div class="form-group"> 1684 <label class="form-label" for="income">Household Income (optional)</label> 1685 <select class="form-select" id="income" name="income"> 1686 <option value="">Select range</option> 1687 <option value="$500K-$1M">$500K to $1M</option> 1688 <option value="$1M-$2.5M">$1M to $2.5M</option> 1689 <option value="$2.5M-$5M">$2.5M to $5M</option> 1690 <option value="$5M+">$5M+</option> 1691 </select> 1692 </div> 1693 <div class="form-group"> 1694 <label class="form-label" for="bedrooms">Residence of Interest (optional)</label> 1695 <select class="form-select" id="bedrooms" name="bedrooms"> 1696 <option value="">Select</option> 1697 <option value="2">2 Bedrooms (Residence 44B)</option> 1698 <option value="3">3 Bedrooms (Residence 56A)</option> 1699 <option value="Either">Interested in Either</option> 1700 </select> 1701 </div> 1702 <div class="form-group"> 1703 <label class="form-label" for="price-point">Price Point (optional)</label> 1704 <select class="form-select" id="price-point" name="pricePoint"> 1705 <option value="">Select range</option> 1706 <option value="$3M-$4M">$3M to $4M</option> 1707 <option value="$4M-$5.5M">$4M to $5.5M</option> 1708 <option value="$5.5M+">$5.5M+</option> 1709 </select> 1710 </div> 1711 <div class="form-group"> 1712 <label class="form-label" for="timeline">Purchase Timeline (optional)</label> 1713 <select class="form-select" id="timeline" name="timeline"> 1714 <option value="">Select timeline</option> 1715 <option value="Now">Immediate</option> 1716 <option value="In 6 months">Within 6 months</option> 1717 <option value="In a year">Within a year</option> 1718 <option value="Just browsing">Just exploring</option> 1719 </select> 1720 </div> 1721 <div class="form-group"> 1722 <label class="form-label" for="message">Additional Notes (optional)</label> 1723 <textarea class="form-textarea" id="message" name="message" placeholder="Anything else we should know, including proof of funds or broker representation."></textarea> 1724 </div> 1725 <button type="submit" class="form-submit">Submit & Get Qualified</button> 1726 </form> 1727 <div id="form-success" style="display:none;"> 1728 <p>Thank you. A WIRE Miami advisor will contact you shortly regarding 888 Brickell.</p> 1729 </div> 1730 </div> 1731 1732 <div class="form-success" id="formSuccess"> 1733 <h3>Thank You for Your Inquiry</h3> 1734 <p>A member of the WIRE Miami team will be in touch within 24 hours with access to these developer-approved assignments at 888 Brickell by Dolce & Gabbana.</p> 1735 </div> 1736 1737 <iframe name="hidden_iframe" style="display:none;"></iframe> 1738 </div> 1739 </section> 1740 1741 </main> 1742 1743 <!-- FOOTER --> 1744 <footer class="footer" role="contentinfo"> 1745 <div class="footer-top"> 1746 <div class="footer-brand"> 1747 <a href="https://wiremiami.com" target="_blank" rel="noopener noreferrer"><img src="logowiremiami2026-white.png" alt="WIRE Miami"></a> 1748 <p>WIRE Miami specializes in pre-construction luxury real estate in Miami. Developer-approved resale assignments at 888 Brickell by Dolce & Gabbana.</p> 1749 </div> 1750 <div class="footer-links"> 1751 <div class="footer-col"> 1752 <h4>Property</h4> 1753 <a href="#units">Available Units</a> 1754 <a href='/floorplans'>Floor Plans</a> 1755 <a href="#views">Views</a> 1756 <a href="#amenities">Amenities</a> 1757 </div> 1758 <div class="footer-col"> 1759 <h4>Resources</h4> 1760 <a href='/blog/'>Market Insights</a> 1761 <a href="#qualify">Get Qualified</a> 1762 <a href="#advisor">Contact Agent</a> 1763 </div> 1764 <div class="footer-col"> 1765 <h4>Legal</h4> 1766 <a href='/privacy-policy'>Privacy Policy</a> 1767 <a href='/terms-of-use'>Terms of Service</a> 1768 <a href='/accessibility'>Accessibility</a> 1769 </div> 1770 <div class="footer-col"> 1771 <h4>WIRE Miami</h4> 1772 <a href="https://wiremiami.com/wire-hub.html" target="_blank" rel="noopener noreferrer">View All Properties</a> 1773 <a href="https://wiremiami.com" target="_blank" rel="noopener noreferrer">wiremiami.com</a> 1774 </div> 1775 </div> 1776 </div> 1777 <div class="footer-bottom"> 1778 <p>© 2026 WIRE Miami. All rights reserved. 888 Brickell Avenue, Miami, FL 33131.</p> 1779 <div class="footer-legal-links"> 1780 <a href='/privacy-policy'>Privacy</a> 1781 <a href='/terms-of-use'>Terms of Service</a> 1782 <a href='/accessibility'>Accessibility</a> 1783 </div> 1784 </div> 1785 <p style="font-size: 10px; color: var(--medium-gray); margin-top: 20px; line-height: 1.6;"> 1786 Oral representations cannot be relied upon as correctly stating the representations of the developer. For correct representations, make reference to the documents required by Section 718.503, Florida Statutes. The condominium is not owned, developed, or sold by Dolce & Gabbana S.r.l. or any of its affiliates. Developer uses Dolce & Gabbana marks pursuant to a license agreement. The brand assumes no responsibility or liability in connection with the project. All pricing is for informational purposes and subject to change without notice. 1787 </p> 1788 <p style="font-size: 10px; color: var(--medium-gray); margin-top: 12px; line-height: 1.6; display: flex; align-items: center; justify-content: center; gap: 8px;"> 1789 1790 Equal Housing Opportunity. WIRE Miami is committed to compliance with all federal, state, and local fair housing laws. 1791 </p> 1792 </footer> 1793 1794 <!-- SCRIPTS --> 1795
1795<script src="cookie-consent.js"></script>
1795 1796
1796<script src="accessibility-widget.js"></script>
1796 1797
1797<script> 1798 // Form Submit with FUB + Google Ads Conversion 1799 // handleSubmit removed: leadForm now handled by wire-contact-form.js (kit) 1800 1801 // Email render (prevents Cloudflare obfuscation) 1802 var ce = document.getElementById('contactEmail'); 1803 if (ce) ce.innerHTML = '<a href="mai' + 'lto:info' + '@wire' + 'miami.com" style="color:var(--gold)">info' + '@wire' + 'miami.com</a>'; 1804 1805 // Nav scroll 1806 const nav = document.getElementById('nav'); 1807 window.addEventListener('scroll', () => { 1808 nav.classList.toggle('scrolled', window.scrollY > 80); 1809 }); 1810 1811 // Mobile menu 1812 document.getElementById('mobileToggle').addEventListener('click', () => { 1813 document.getElementById('navLinks').classList.toggle('open'); 1814 }); 1815 1816 // Lightbox 1817 function openLightbox(el) { 1818 const img = el.querySelector('img'); 1819 document.getElementById('lightboxImg').src = img.src; 1820 document.getElementById('lightbox').classList.add('active'); 1821 } 1822 document.getElementById('lightbox').addEventListener('click', () => { 1823 document.getElementById('lightbox').classList.remove('active'); 1824 }); 1825 1826 // Scroll animations 1827 const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }; 1828 const observer = new IntersectionObserver((entries) => { 1829 entries.forEach(entry => { 1830 if (entry.isIntersecting) { 1831 entry.target.style.opacity = '1'; 1832 entry.target.style.transform = 'translateY(0)'; 1833 entry.target.classList.add('revealed'); 1834 observer.unobserve(entry.target); 1835 } 1836 }); 1837 }, observerOptions); 1838 1839 document.querySelectorAll('.unit-card, .amenity-card, .view-item, .reveal-on-scroll').forEach(el => { 1840 observer.observe(el); 1841 }); 1842 1843 // Fallback: if IntersectionObserver fails or anything is still hidden after 1844 // a brief moment, reveal everything so content never stays invisible. 1845 window.addEventListener('load', () => { 1846 setTimeout(() => { 1847 document.querySelectorAll('.reveal-on-scroll').forEach(el => { 1848 el.classList.add('revealed'); 1849 }); 1850 }, 800); 1851 }); 1852 </script>
1852 1853 <!-- WIRE Concierge Widget --> 1854 <!-- WIRE kit (lead-capture intentionally omitted: site uses a custom registration + password gate) --> 1855
1855<script src="wire-config.js"></script>
1855 1856
1856<script src="wire-tracking.js" defer></script>
1856 1857
1857<script src="wire-contact-form.js" defer></script>
1857 1858
1858<script src="wire-mobile-cta.js" defer></script>
1858 1859 1860
1860<script src="https://wire-concierge-production.up.railway.app/widget/wire-concierge.js" 1861 data-server-url="https://wire-concierge-production.up.railway.app" 1862 defer></script>
1862 1863 1864<!-- WIRE Miami Lead Alert System -->
1865<script id="wire-lead-alert"> 1866(function() { 1867 'use strict'; 1868 1869 // ââ Configuration ââââââââââââââââââââââââââââââââââââââ 1870 var ALERT_ENDPOINT = 'https://wire-concierge-production.up.railway.app/api/lead-alert'; 1871 var SITE_NAME = document.title || window.location.hostname; 1872 var SESSION_KEY = 'wire_lead_alerted'; 1873 var alreadyAlerted = false; 1874 var messageCount = 0; 1875 var conversationLog = []; 1876 1877 // ââ Buying signal keywords ââââââââââââââââââââââââââââââ 1878 var PRICE_PATTERNS = [ 1879 /pric(e|ing|ed)/i, /cost[s]?/i, /how much/i, /affordable/i, 1880 /budget/i, /starting (at|from)/i, /\$[\d,]+/i 1881 ]; 1882 var AVAILABILITY_PATTERNS = [ 1883 /availab(le|ility)/i, /unit[s]?\s*(available|left)/i, /inventory/i, 1884 /floor\s*plan/i, /which\s*(units?|floors?)/i, /still\s*(have|selling)/i 1885 ]; 1886 var TOUR_PATTERNS = [ 1887 /tour/i, /viewing/i, /visit/i, /see\s*the\s*(unit|property|building)/i, 1888 /schedule/i, /appointment/i, /show\s*(me|room|ing)/i 1889 ]; 1890 var AGENT_PATTERNS = [ 1891 /speak\s*(with|to)\s*(an?\s*)?(agent|broker|advisor|person|human|someone)/i, 1892 /talk\s*(to|with)/i, /connect\s*me/i, /real\s*person/i, /call\s*(me|you)/i, 1893 /phone\s*(number|call)/i, /can\s*I\s*(call|reach)/i 1894 ]; 1895 var CONTACT_PATTERNS = [ 1896 /�[\w.+-]+@[\w-]+\.[a-z]{2,}�/i, // email 1897 /�(\+?1[-.\s]?)?\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}�/ // phone 1898 ]; 1899 var FINANCE_PATTERNS = [ 1900 /financ(e|ing|ial)/i, /mortgage/i, /closing\s*cost/i, /down\s*payment/i, 1901 /loan/i, /pre[\s-]?approv/i, /offer/i, /make\s*(an?\s*)?offer/i, 1902 /contract/i, /deposit/i, /cash\s*(buyer|purchase)/i 1903 ]; 1904 1905 // ââ Detect trigger type ââââââââââââââââââââââââââââââââââ 1906 function detectTrigger(text) { 1907 for (var i = 0; i < PRICE_PATTERNS.length; i++) 1908 if (PRICE_PATTERNS[i].test(text)) return 'pricing_inquiry'; 1909 for (var i = 0; i < AVAILABILITY_PATTERNS.length; i++) 1910 if (AVAILABILITY_PATTERNS[i].test(text)) return 'availability_inquiry'; 1911 for (var i = 0; i < TOUR_PATTERNS.length; i++) 1912 if (TOUR_PATTERNS[i].test(text)) return 'tour_request'; 1913 for (var i = 0; i < AGENT_PATTERNS.length; i++) 1914 if (AGENT_PATTERNS[i].test(text)) return 'agent_request'; 1915 for (var i = 0; i < CONTACT_PATTERNS.length; i++) 1916 if (CONTACT_PATTERNS[i].test(text)) return 'contact_provided'; 1917 for (var i = 0; i < FINANCE_PATTERNS.length; i++) 1918 if (FINANCE_PATTERNS[i].test(text)) return 'financing_inquiry'; 1919 if (messageCount >= 5) return 'high_engagement'; 1920 return null; 1921 } 1922 1923 // ââ Fire alert ââââââââââââââââââââââââââââââââââââââââââââ 1924 function fireAlert(trigger, transcript) { 1925 if (alreadyAlerted) return; 1926 alreadyAlerted = true; 1927 1928 var payload = { 1929 site: SITE_NAME, 1930 url: window.location.href, 1931 trigger: trigger, 1932 transcript: transcript, 1933 timestamp: new Date().toISOString(), 1934 userAgent: navigator.userAgent 1935 }; 1936 1937 // POST to webhook 1938 try { 1939 fetch(ALERT_ENDPOINT, { 1940 method: 'POST', 1941 headers: { 'Content-Type': 'application/json' }, 1942 body: JSON.stringify(payload) 1943 }).catch(function(e) { console.warn('[WIRE Alert] webhook error:', e); }); 1944 } catch(e) { 1945 // Fallback: XMLHttpRequest 1946 try { 1947 var xhr = new XMLHttpRequest(); 1948 xhr.open('POST', ALERT_ENDPOINT, true); 1949 xhr.setRequestHeader('Content-Type', 'application/json'); 1950 xhr.send(JSON.stringify(payload)); 1951 } catch(e2) { /* silent fail */ } 1952 } 1953 1954 // Show visual indicator in chat 1955 showAdvisorNotification(); 1956 console.log('[WIRE Alert] Lead alert fired. Trigger:', trigger); 1957 } 1958 1959 // ââ Visual notification ââââââââââââââââââââââââââââââââââ 1960 function showAdvisorNotification() { 1961 // Try to inject into known chat window containers 1962 var selectors = [ 1963 '#wire-concierge-window', 1964 '.wire-chat-window', 1965 '[class*="chat-messages"]', 1966 '[class*="message-list"]', 1967 '[class*="chat-body"]', 1968 '[class*="chatbot-body"]', 1969 '[class*="conversation"]' 1970 ]; 1971 var container = null; 1972 for (var i = 0; i < selectors.length; i++) { 1973 container = document.querySelector(selectors[i]); 1974 if (container) break; 1975 } 1976 1977 var banner = document.createElement('div'); 1978 banner.className = 'wire-advisor-notified'; 1979 banner.setAttribute('role', 'status'); 1980 banner.innerHTML = '✓ A WIRE Miami advisor has been notified and may join shortly.'; 1981 1982 if (container) { 1983 container.appendChild(banner); 1984 } else { 1985 // Fallback: append to body as floating banner 1986 banner.style.cssText = [ 1987 'position:fixed', 1988 'bottom:90px', 1989 'right:20px', 1990 'z-index:999999', 1991 'background:rgba(42,42,42,0.95)', 1992 'border-left:3px solid #212121', 1993 'color:#212121', 1994 'font-family:Cormorant Garamond,serif', 1995 'font-size:13px', 1996 'letter-spacing:0.1em', 1997 'text-transform:uppercase', 1998 'padding:10px 16px', 1999 'max-width:280px', 2000 'box-shadow:0 4px 20px rgba(0,0,0,0.5)' 2001 ].join(';'); 2002 document.body.appendChild(banner); 2003 // Auto-remove after 8 seconds 2004 setTimeout(function() { 2005 if (banner.parentNode) banner.parentNode.removeChild(banner); 2006 }, 8000); 2007 } 2008 } 2009 2010 // ââ Monitor chat via MutationObserver âââââââââââââââââââ 2011 function observeChatMessages() { 2012 var observer = new MutationObserver(function(mutations) { 2013 mutations.forEach(function(mutation) {
2014 mutation.addedNodes.forEach(function(node) { 2015 if (node.nodeType !== 1) return; // elements only 2016 2017 // Try to extract text from added node 2018 var text = (node.textContent || node.innerText || '').trim(); 2019 if (!text || text.length < 3) return; 2020 2021 // Heuristic: if it's a chat message node (has message-like class) 2022 var cl = (node.className || '').toLowerCase(); 2023 var isMessage = /message|bubble|chat|user|visitor|human|response/i.test(cl) || 2024 /message|bubble|chat/i.test(node.id || ''); 2025 2026 if (isMessage || node.querySelector('[class*="message"]')) { 2027 messageCount++; 2028 conversationLog.push({ role: 'unknown', text: text, ts: Date.now() }); 2029 2030 var trigger = detectTrigger(text); 2031 if (trigger && !alreadyAlerted) { 2032 fireAlert(trigger, conversationLog.slice()); 2033 } 2034 } 2035 }); 2036 }); 2037 }); 2038 2039 observer.observe(document.body, { 2040 childList: true, 2041 subtree: true 2042 }); 2043 return observer; 2044 } 2045 2046 // ââ Listen for postMessage events from widget iframe âââââ 2047 function listenForWidgetMessages() { 2048 window.addEventListener('message', function(e) { 2049 if (!e.data) return; 2050 var d = e.data; 2051 2052 // Accept common wire-concierge message formats 2053 if (typeof d === 'object') { 2054 var text = d.text || d.message || d.content || d.userMessage || ''; 2055 var isUser = d.role === 'user' || d.type === 'user_message' || 2056 d.sender === 'user' || d.from === 'user'; 2057 2058 if (text && isUser) { 2059 messageCount++; 2060 conversationLog.push({ role: 'user', text: text, ts: Date.now() }); 2061 var trigger = detectTrigger(text); 2062 if (trigger && !alreadyAlerted) { 2063 fireAlert(trigger, conversationLog.slice()); 2064 } 2065 } else if (text) { 2066 // Bot message: just log 2067 conversationLog.push({ role: 'bot', text: text, ts: Date.now() }); 2068 // Still check high-engagement 2069 if (messageCount >= 5 && !alreadyAlerted) { 2070 fireAlert('high_engagement', conversationLog.slice()); 2071 } 2072 } 2073 } 2074 }, false); 2075 } 2076 2077 // ââ Wire-concierge specific event listener ââââââââââââââ 2078 function listenForWireEvents() { 2079 // The wire-concierge widget may dispatch custom DOM events 2080 document.addEventListener('wire:message', function(e) { 2081 var detail = e.detail || {}; 2082 var text = detail.text || detail.message || ''; 2083 var role = detail.role || detail.sender || 'unknown'; 2084 2085 if (text) { 2086 messageCount++; 2087 conversationLog.push({ role: role, text: text, ts: Date.now() }); 2088 if (role === 'user' || role === 'visitor') { 2089 var trigger = detectTrigger(text); 2090 if (trigger && !alreadyAlerted) { 2091 fireAlert(trigger, conversationLog.slice()); 2092 } 2093 } else if (messageCount >= 5 && !alreadyAlerted) { 2094 fireAlert('high_engagement', conversationLog.slice()); 2095 } 2096 } 2097 }); 2098 2099 document.addEventListener('wire:lead', function(e) { 2100 var detail = e.detail || {}; 2101 fireAlert('wire_lead_event', conversationLog.slice().concat([detail])); 2102 }); 2103 } 2104 2105 // ââ Initialize âââââââââââââââââââââââââââââââââââââââââââ 2106 function init() { 2107 observeChatMessages(); 2108 listenForWidgetMessages(); 2109 listenForWireEvents(); 2110 } 2111 2112 if (document.readyState === 'loading') { 2113 document.addEventListener('DOMContentLoaded', init); 2114 } else { 2115 init(); 2116 } 2117 2118})(); 2119</script>
2119 2120 2121<!-- WIRE Hub Portfolio Link --> 2122<style> 2123.wire-hub-btn { 2124 position: fixed; 2125 bottom: 20px; 2126 left: 20px; 2127 z-index: 9998; 2128 background:#212121; 2129 border:1px solid rgba(255,255,255,0.25); 2130 color:#FFFFFF; 2131 font-family: 'Instrument Sans', sans-serif; 2132 font-size: 0.6rem; 2133 letter-spacing: 0.15em; 2134 text-transform: uppercase; 2135 text-decoration: none; 2136 padding: 9px 16px; 2137 display: flex; 2138 align-items: center; 2139 gap: 8px; 2140 transition: background 0.2s; 2141} 2142.wire-hub-btn:hover { background:#424242; } 2143.wire-hub-btn svg { width: 12px; height: 12px; flex-shrink: 0; } 2144</style> 2145<a class='wire-hub-btn' href='https://wiremiami.com/wire-hub.html' title='WIRE Miami Full Portfolio' target="_blank" rel="noopener noreferrer"> 2146 2147 View All Properties 2148</a>
2149<script src="wire-botguard.js" defer></script>
2149 2150</body> 2151</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.