</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Analytics Setup --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-G6YVB7Y1Q5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); // GA4 aggregate target gtag('config', 'G-G6YVB7Y1Q5', {"board": [5108], "content_page_property_lead_capture": true, "lead_capture_on_property": 1, "site_domain": "www.realestatejw.com", "rg_template": "anna-modern"}); // client tags </script> <header class="sticky top-nav left-0 right-0 z-10"> <nav aria-label="primary navigation" class="relative"> <div class="absolute inset-0 opacity-palette-navigationBackground-opacity bg-palette-navigationBackground-color"></div> <div class="mx-0 pr-2 pl-6 lg:px-8"> <div class="relative flex items-center justify-between h-24"> <div class="absolute inset-y-0 left-0 flex items-center sm:hidden"></div> <!-- Desktop nav --> <div class="flex-1 flex items-center justify-start h-full"> <!-- Header Logo --> <div id="nav-logo" class="min-w-max h-4/6 sm:h-5/6 flex-shrink-0"> <a href="https://www.realestatejw.com" class="w-full h-full flex items-center"> <img class="block h-full w-auto" src="https://t2.realgeeks.media/thumbnail/tRbSAmmrIybRWu7NYbIdI-PU1Fk=/fit-in/400x86/filters:format(png)/u.realgeeks.media/realestatejw/93139b3a9991-65abe2f9_17d1_45d9_a576_280ad7e857fa_2-removebg-preview_(1).png" srcset="https://t2.realgeeks.media/thumbnail/tRbSAmmrIybRWu7NYbIdI-PU1Fk=/fit-in/400x86/filters:format(png)/u.realgeeks.media/realestatejw/93139b3a9991-65abe2f9_17d1_45d9_a576_280ad7e857fa_2-removebg-preview_(1).png 1x, https://t2.realgeeks.media/thumbnail/9sx3uxvV1Oaq3138KqyEtLkH0H0=/fit-in/800x172/filters:format(png)/u.realgeeks.media/realestatejw/93139b3a9991-65abe2f9_17d1_45d9_a576_280ad7e857fa_2-removebg-preview_(1).png 2x" alt="Realestatejw.com" title="Realestatejw.com"> </a> </div> <!-- Navbar Links --> <div id="nav-links" class="hidden md:block w-full ml-6 h-full"> <div class="flex-wrap flex h-full justify-center space-x-4 uppercase text-palette-navigationLink-color whitespace-no-wrap overflow-hidden"> <a href="/" class="js-nav-link relative flex hover:text-palette-brand-color items-center h-full px-3 pt-2 text-sm font-light whitespace-nowrap border-b-8 focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color border-transparent">Home</a> <a href="/search/results/9/" class="js-nav-link relative flex hover:text-palette-brand-color items-center h-full px-3 pt-2 text-sm font-light whitespace-nowrap border-b-8 focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color border-transparent">Commercial Search</a> <a href="/search/market_report_search/" class="js-nav-link relative flex hover:text-palette-brand-color items-center h-full px-3 pt-2 text-sm font-light whitespace-nowrap border-b-8 focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color border-transparent">Market Reports</a> <a href="/michelle-morrissette/" class="js-nav-link relative flex hover:text-palette-brand-color items-center h-full px-3 pt-2 text-sm font-light whitespace-nowrap border-b-8 focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color border-transparent">About</a> <a href="/Hang-Your-License-Here/" class="js-nav-link relative flex hover:text-palette-brand-color items-center h-full px-3 pt-2 text-sm font-light whitespace-nowrap border-b-8 focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color border-transparent">Hang Your License Here</a> </div> </div> </div> <div id="nav-icons" class="inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0"> <!-- Navbar Icons --> <div class="ml-3 relative"> <div class="flex justify-end"> <!-- Mobile menu button--> <button id="nav-menu-button" aria-label="open mobile navigation" class="js-menu-toggle flex text-sm text-palette-navigationLink-color rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:text-palette-brand-color hover:text-palette-brand-color " aria-expanded="false"> <span class="sr-only">Open main menu</span> <!-- Icon when menu is closed. --> <!-- Heroicon name: menu Menu open: "hidden", Menu closed: "block" --> <svg class="block h-5 w-5 mx-3 rounded-none" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg> <!-- Icon when menu is open. --> <!-- Heroicon name: x Menu open: "block", Menu closed: "hidden" --> <svg class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> <div class="hidden sm:flex"> <button id="nav-contact-button" class=" flex text-sm text-palette-navigationLink-color rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray focus:text-palette-brand-color hover:text-palette-brand-color" aria-haspopup="true" aria-label="Contact us"> <!-- this span adds additional text. It doesn't function as an aria-label; sr-only should be used for explanatory paragraphs that are only useful to screenreader users, NOT as a replacement for aria-label I am leaving the span in the code on the off chance users got used to it. --> <span class="sr-only">Contact us</span> <svg class="fill-current w-5 h-5 mx-3" xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <path d="M26.5 14h-13c-.828 0-1.5.672-1.5 1.5v9c0 .828.672 1.5 1.5 1.5h13c.828 0 1.5-.672 1.5-1.5v-9c0-.828-.672-1.5-1.5-1.5zm0 1.5v1.275c-.7.57-1.818 1.458-4.206 3.328-.526.414-1.569 1.408-2.294 1.397-.725.012-1.768-.983-2.294-1.397-2.388-1.87-3.505-2.757-4.206-3.328V15.5h13zm-13 9v-5.8c.716.57 1.732 1.37 3.28 2.583.682.537 1.878 1.724 3.22 1.717 1.335.007 2.516-1.163 3.22-1.717 1.548-1.212 2.564-2.013 3.28-2.583v5.8h-13z" transform="translate(-12 -14)"/> </g> </g> </svg> </button> <button id="nav-phone-button" class=" flex text-sm text-palette-navigationLink-color rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray focus:text-palette-brand-color hover:text-palette-brand-color" aria-haspopup="true" aria-label="Phone number"> <!-- this span adds additional text. It doesn't function as an aria-label; sr-only should be used for explanatory paragraphs that are only useful to screenreader users, NOT as a replacement for aria-label I am leaving the span in the code on the off chance users got used to it. --> <span class="sr-only">Phone number</span> <svg class="fill-current w-5 h-5 mx-3" xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <g> <path d="M422.303 36.667l-3.025-1.276c-.558-.233-1.206-.077-1.59.384l-.974 1.172c-1.562-.838-2.846-2.1-3.698-3.636l1.191-.958c.468-.38.627-1.016.39-1.565l-1.295-2.975c-.258-.597-.914-.926-1.557-.78l-2.805.637c-.62.138-1.06.681-1.057 1.307 0 7.214 5.946 13.025 13.238 13.022.635.002 1.187-.43 1.327-1.04l.647-2.76c.147-.632-.187-1.277-.792-1.532zm-1.239 3.928c-6.479-.029-11.722-5.188-11.752-11.566l2.7-.612 1.254 2.878-2.027 1.632c1.38 2.9 2.923 4.413 5.866 5.771l1.658-1.995 2.924 1.233-.623 2.66z" transform="translate(-407 -27)"/> </g> </g> </g> </svg> </button> <button id="nav-user-button" class="js-toggle-user-popup flex text-sm text-palette-navigationLink-color rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray focus:text-palette-brand-color hover:text-palette-brand-color" aria-haspopup="true" aria-label="Sign up or Sign in"> <!-- this span adds additional text. It doesn't function as an aria-label; sr-only should be used for explanatory paragraphs that are only useful to screenreader users, NOT as a replacement for aria-label I am leaving the span in the code on the off chance users got used to it. --> <span class="sr-only">Sign up or Sign in</span> <svg class="fill-current w-5 h-5 mx-3" xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <g> <path d="M459.951 35.907c-.85 0-1.258.469-2.652.469-1.394 0-1.8-.469-2.652-.469-2.196 0-3.978 1.764-3.978 3.938v.75c0 .776.636 1.406 1.42 1.406h10.42c.784 0 1.42-.63 1.42-1.406v-.75c0-2.174-1.781-3.938-3.978-3.938zm2.558 4.688h-10.42v-.75c0-1.395 1.15-2.531 2.558-2.531.432 0 1.134.468 2.652.468 1.53 0 2.217-.468 2.652-.468 1.41 0 2.558 1.136 2.558 2.53v.75zm-5.21-5.156c2.353 0 4.263-1.89 4.263-4.22 0-2.328-1.91-4.218-4.263-4.218-2.353 0-4.262 1.89-4.262 4.219 0 2.329 1.91 4.219 4.262 4.219zm0-7.032c1.566 0 2.842 1.263 2.842 2.813 0 1.55-1.276 2.812-2.842 2.812s-2.841-1.262-2.841-2.812c0-1.55 1.275-2.813 2.841-2.813z" transform="translate(-450 -27)"/> </g> </g> </g> </svg> </button> <button id="nav-share-button" class=" flex text-sm text-palette-navigationLink-color rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray focus:text-palette-brand-color hover:text-palette-brand-color" aria-haspopup="true" aria-label="Share"> <!-- this span adds additional text. It doesn't function as an aria-label; sr-only should be used for explanatory paragraphs that are only useful to screenreader users, NOT as a replacement for aria-label I am leaving the span in the code on the off chance users got used to it. --> <span class="sr-only">Share</span> <svg class="fill-current w-5 h-5 mx-3" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <g> <path d="M501.538 35.98c-.75 0-1.432.293-1.936.773l-2.88-1.801c.173-.551.173-1.146 0-1.694l2.88-1.801c.504.48 1.187.773 1.937.773 1.552 0 2.812-1.26 2.812-2.812 0-1.553-1.26-2.813-2.813-2.813-1.552 0-2.812 1.26-2.812 2.813 0 .287.044.574.129.846l-2.88 1.802c-.504-.48-1.187-.773-1.937-.773-1.552 0-2.812 1.26-2.812 2.812 0 1.553 1.26 2.813 2.813 2.813.75 0 1.432-.293 1.936-.774l2.88 1.802c-.085.275-.129.56-.129.846 0 1.553 1.26 2.813 2.813 2.813 1.552 0 2.812-1.26 2.812-2.813 0-1.552-1.26-2.812-2.812-2.812zm0-7.969c.777 0 1.407.63 1.407 1.407 0 .776-.63 1.406-1.406 1.406-.777 0-1.407-.63-1.407-1.407 0-.776.63-1.406 1.406-1.406zm-7.5 7.5c-.776 0-1.406-.63-1.406-1.406 0-.776.63-1.406 1.406-1.406.777 0 1.407.63 1.407 1.406 0 .776-.63 1.406-1.406 1.406zm7.5 4.688c-.776 0-1.406-.63-1.406-1.407 0-.776.63-1.406 1.406-1.406.777 0 1.407.63 1.407 1.406 0 .777-.63 1.407-1.406 1.407z" transform="translate(-491 -26)"/> </g> </g> </g> </svg> </button> </div> </div> </div> </div> </div> </div> <div id="user-popup" class="transform translate-x-full transition-transform shadow-user-popup min-w-mobile-nav absolute z-10 right-0 flex hidden flex-col items-start p-8 bg-white" > <span class="js-name text-black text-xl font-bold"></span> <span class="js-email mb-4 text-sm"></span> <a class="text-palette-brand-color mb-9" href="/member/edit/">Edit Profile</a> <a class="flex items-baseline justify-between mb-4 w-full" href="/member/saved_searches/" > <div class="flex items-baseline text-sm"> <img src="/static/designs/img/anna/icons/search.svg" class="h-3.5 w-3.5 mr-2" height="56" width="56" aria-hidden="true" /> Saved Searches </div> <span class="js-saved-search border-medium-gray bg-off-white min-w-min px-2 py-0 w-8 text-center border rounded-full" >0</span > </a> <a class="mb-14 flex items-baseline justify-between w-full" href="/member/favorite_properties/" > <div class="flex items-baseline text-sm"> <img src="/static/designs/img/anna/icons/heart.svg" class="h-3.5 w-3.5 mr-2" height="56" width="56" aria-hidden="true" /> Favorite Properties </div> <span class="js-favorite-properties border-medium-gray bg-off-white min-w-min px-2 py-0 w-8 text-center border rounded-full" >0</span > </a> <a class="py-2.5 bg-medium-gray w-full text-center text-sm" href="/member/logout/">Sign Out</a> </div> </nav> <!-- Mobile menu, toggle classes based on menu state. Menu open: "fixed", Menu closed: "hidden" --> <nav aria-label="Mobile menu" id="mobile-menu" class="z-10 hidden transition-transform ease-in duration-300 transform translate-x-full top-0 right-0 min-w-mobile-nav w-full sm:w-auto"> <div class="relative bg-palette-navigationBackground-color shadow-lg min-h-screen ml-10"> <button class="js-menu-toggle icon-x w-10 h-10 cursor-pointer bg-dark-gray absolute -left-10 shadow" aria-label="close"></button> <div id="user-popup-mobile" class="hidden transition-transform transform translate-x-full absolute inset-0 p-8 flex flex-col bg-white items-start" > <button type="button" name="button" class="js-toggle-user-popup-mobile flex items-baseline text-sm mb-6"><img src="/static/designs/img/anna/icons/chevron-left.svg" class="mr-2.5" height="14" width="8" alt="chevron left">Previous</button> <span class="js-name text-xl text-black font-bold" ></span> <span class="js-email text-sm mb-4"></span> <a class="text-palette-brand-color mb-9" href="/member/edit/">Edit Profile</a> <a class="flex w-full justify-between items-baseline mb-4" href="/member/saved_searches/"> <div class="flex items-baseline text-sm"> <img src="/static/designs/img/anna/icons/search.svg" class="h-3.5 w-3.5 mr-2" height="56" width="56"> Saved Searches </div> <span class="js-saved-search rounded-full text-center border border-medium-gray bg-off-white py-0 px-2 w-8 min-w-min" >10</span > </a> <a class="flex w-full justify-between items-baseline mb-14" href="/member/favorite_properties/"> <div class="flex items-baseline text-sm"> <img src="/static/designs/img/anna/icons/heart.svg" class="h-3.5 w-3.5 mr-2" height="56" width="56"> Favorite Properties </div> <span class="js-favorite-properties rounded-full text-center border border-medium-gray bg-off-white py-0 px-2 w-8 min-w-min" >10</span > </a> <a class=" py-2.5 text-center text-sm bg-medium-gray w-full" href="/member/logout/">Sign Out</a> </div> <div class="pl-12 pr-32 pt-16 pb-8 flex flex-col h-mobile-nav-inner sm:h-screen overflow-y-auto"> <div class="pb-2"> <div> <a href="/" class="font-light border-b-8 border-transparent inline-block mb-6 rounded-none focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color hover:text-palette-brand-color text-palette-navigationLink-color uppercase" >Home</a> </div> <div> <a href="/search/results/9/" class="font-light border-b-8 border-transparent inline-block mb-6 rounded-none focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color hover:text-palette-brand-color text-palette-navigationLink-color uppercase" >Commercial Search</a> </div> <div> <a href="/search/market_report_search/" class="font-light border-b-8 border-transparent inline-block mb-6 rounded-none focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color hover:text-palette-brand-color text-palette-navigationLink-color uppercase" >Market Reports</a> </div> <div> <a href="/michelle-morrissette/" class="font-light border-b-8 border-transparent inline-block mb-6 rounded-none focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color hover:text-palette-brand-color text-palette-navigationLink-color uppercase" >About</a> </div> <div> <a href="/Hang-Your-License-Here/" class="font-light border-b-8 border-transparent inline-block mb-6 rounded-none focus:text-palette-brand-color focus:border-palette-brand-color hover:border-palette-brand-color hover:text-palette-brand-color text-palette-navigationLink-color uppercase" >Hang Your License Here</a> </div> </div> <div class="sm:hidden pt-9 border-t border-medium-gray"> <button id="nav-contact-button-mobile" class="whitespace-nowrap focus:text-palette-brand-color hover:text-palette-brand-color flex mb-8 items-center font-light uppercase rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray text-palette-navigationLink-color" aria-haspopup="true"> <svg class="fill-current h-5 w-5 mr-5 rounded-none" xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <path d="M26.5 14h-13c-.828 0-1.5.672-1.5 1.5v9c0 .828.672 1.5 1.5 1.5h13c.828 0 1.5-.672 1.5-1.5v-9c0-.828-.672-1.5-1.5-1.5zm0 1.5v1.275c-.7.57-1.818 1.458-4.206 3.328-.526.414-1.569 1.408-2.294 1.397-.725.012-1.768-.983-2.294-1.397-2.388-1.87-3.505-2.757-4.206-3.328V15.5h13zm-13 9v-5.8c.716.57 1.732 1.37 3.28 2.583.682.537 1.878 1.724 3.22 1.717 1.335.007 2.516-1.163 3.22-1.717 1.548-1.212 2.564-2.013 3.28-2.583v5.8h-13z" transform="translate(-12 -14)"/> </g> </g> </svg> <span class="js-button-text">Contact Us</span> </button> <button id="nav-user-button-mobile" class="js-toggle-user-popup-mobile whitespace-nowrap focus:text-palette-brand-color hover:text-palette-brand-color flex mb-8 items-center font-light uppercase rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray text-palette-navigationLink-color" aria-haspopup="true"> <svg class="fill-current h-5 w-5 mr-5 rounded-none" xmlns="http://www.w3.org/2000/svg" width="14" height="15" viewBox="0 0 14 15" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <g> <path d="M459.951 35.907c-.85 0-1.258.469-2.652.469-1.394 0-1.8-.469-2.652-.469-2.196 0-3.978 1.764-3.978 3.938v.75c0 .776.636 1.406 1.42 1.406h10.42c.784 0 1.42-.63 1.42-1.406v-.75c0-2.174-1.781-3.938-3.978-3.938zm2.558 4.688h-10.42v-.75c0-1.395 1.15-2.531 2.558-2.531.432 0 1.134.468 2.652.468 1.53 0 2.217-.468 2.652-.468 1.41 0 2.558 1.136 2.558 2.53v.75zm-5.21-5.156c2.353 0 4.263-1.89 4.263-4.22 0-2.328-1.91-4.218-4.263-4.218-2.353 0-4.262 1.89-4.262 4.219 0 2.329 1.91 4.219 4.262 4.219zm0-7.032c1.566 0 2.842 1.263 2.842 2.813 0 1.55-1.276 2.812-2.842 2.812s-2.841-1.262-2.841-2.812c0-1.55 1.275-2.813 2.841-2.813z" transform="translate(-450 -27)"/> </g> </g> </g> </svg> <span class="js-button-text">Sign up / Sign in</span> </button> <button id="nav-share-button-mobile" class="whitespace-nowrap focus:text-palette-brand-color hover:text-palette-brand-color flex mb-8 items-center font-light uppercase rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray text-palette-navigationLink-color" aria-haspopup="true"> <svg class="fill-current h-5 w-5 mr-5 rounded-none" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16" aria-hidden="true"> <g fill-rule="evenodd"> <g fill-rule="nonzero"> <g> <path d="M501.538 35.98c-.75 0-1.432.293-1.936.773l-2.88-1.801c.173-.551.173-1.146 0-1.694l2.88-1.801c.504.48 1.187.773 1.937.773 1.552 0 2.812-1.26 2.812-2.812 0-1.553-1.26-2.813-2.813-2.813-1.552 0-2.812 1.26-2.812 2.813 0 .287.044.574.129.846l-2.88 1.802c-.504-.48-1.187-.773-1.937-.773-1.552 0-2.812 1.26-2.812 2.812 0 1.553 1.26 2.813 2.813 2.813.75 0 1.432-.293 1.936-.774l2.88 1.802c-.085.275-.129.56-.129.846 0 1.553 1.26 2.813 2.813 2.813 1.552 0 2.812-1.26 2.812-2.813 0-1.552-1.26-2.812-2.812-2.812zm0-7.969c.777 0 1.407.63 1.407 1.407 0 .776-.63 1.406-1.406 1.406-.777 0-1.407-.63-1.407-1.407 0-.776.63-1.406 1.406-1.406zm-7.5 7.5c-.776 0-1.406-.63-1.406-1.406 0-.776.63-1.406 1.406-1.406.777 0 1.407.63 1.407 1.406 0 .776-.63 1.406-1.406 1.406zm7.5 4.688c-.776 0-1.406-.63-1.406-1.407 0-.776.63-1.406 1.406-1.406.777 0 1.407.63 1.407 1.406 0 .777-.63 1.407-1.406 1.407z" transform="translate(-491 -26)"/> </g> </g> </g> </svg> <span class="js-button-text">Share</span> </button> </div> </div> <div class="sm:hidden p-4 absolute bottom-0 p-11 text-white bg-dark-gray w-full"> <a href="tel:+12397708786" class="flex"> <img class="mr-2" src="https://cdn.realgeeks.com/static/designs/img/anna/icons/phone-alt-regular-white.svg" height="24" width="17"> +12397708786 </a> </div> </div> </nav> <!-- modal --> <div role="dialog" id="share-modal" class="hidden fixed inset-0 z-50 overflow-y-auto"> <div class="min-h-screen pt-20 px-0 sm:px-4 pb-20 text-center"> <!-- Background overlay, show/hide based on modal state. Entering: "ease-out duration-300" From: "opacity-0" To: "opacity-100" Leaving: "ease-in duration-200" From: "opacity-100" To: "opacity-0" --> <div class="js-modal-backdrop fixed ease-out bg-blur opacity-0 duration-300 inset-0 transition-opacity" aria-hidden="true"> <div class="absolute inset-0 bg-black opacity-25 js-close"></div> </div> <!-- Modal panel, show/hide based on modal state. Entering: "ease-out duration-300" From: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" To: "opacity-100 translate-y-0 sm:scale-100" Leaving: "ease-in duration-200" From: "opacity-100 translate-y-0 sm:scale-100" To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" --> <div class="js-modal-panel opacity-0 translate-y-4 scale-95 inline-block bg-transparent text-left shadow-xl transform transition-all sm:my-8 sm:align-middle max-w-lg w-full" role="dialog" aria-modal="true" aria-labelledby="modal-headline"> <div class="flex flex-col-reverse"> <div class="bg-white px-4 pt-5 pb-4 sm:py-12 sm:px-12"> <div class="sm:flex sm:items-center justify-center mb-16"> <div class="mt-3 sm:mt-0"> <h3 class="text-center text-2xl font-bold text-black" id="modal-headline"> Share this with your friends </h3> </div> </div> <div class="flex justify-around mb-16 mx-8"> <a href="https://twitter.com/intent/tweet?url=https%3A//www.realestatejw.com/listings/development/Jamaica-Towers/" class="rounded-full bg-twitter-blue text-white h-10 w-10 flex justify-center items-center hover:opacity-80" rel="noreferrer" target="_blank"><img src="https://cdn.realgeeks.com/static/designs/img/anna/icons/twitter.svg?v2" height="14" width="16" alt="x twitter"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//www.realestatejw.com/listings/development/Jamaica-Towers/" class="rounded-full bg-facebook-blue text-white h-10 w-10 flex justify-center items-center hover:opacity-80" rel="noreferrer" target="_blank"><img src="https://cdn.realgeeks.com/static/designs/img/anna/icons/facebook-f.svg" height="16" width="9" alt="facebook"></a> <a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A//www.realestatejw.com/listings/development/Jamaica-Towers/" class="rounded-full bg-linkedin-blue text-white h-10 w-10 flex justify-center items-center hover:opacity-80" rel="noreferrer" target="_blank"><img src="https://cdn.realgeeks.com/static/designs/img/anna/icons/linkedin-in.svg" height="16" width="16" alt="linkedin"></a> <a href="https://pinterest.com/pin/create/button/?url=https%3A//www.realestatejw.com/listings/development/Jamaica-Towers/" class="rounded-full bg-pinterest-red text-white h-10 w-10 flex justify-center items-center hover:opacity-80" rel="noreferrer" target="_blank"><img src="https://cdn.realgeeks.com/static/designs/img/anna/icons/pinterest-p.svg" height="16" width="13" alt="pinterest"></a> </div> <div class="js-copy-clipboard flex flex-row-reverse items-center"> <button class="flex items-center text-blue font-bold bg-off-white border border-lite-gray border-l-0 box-border h-10 p-4 cursor-pointer"><span class="transition-all transform">Copy</span></button> <input class="js-copy-input w-11/12 rounded-none appearance-none bg-off-white border border-lite-gray py-2 text-sm border-r-0 px-6 box-border h-10" value="https://www.realestatejw.com/listings/development/Jamaica-Towers/" readonly></input> </div> </div> <div class="flex justify-end"> <button class="js-close flex justify-center items-center w-10 h-10 text-transparent bg-dark-gray cursor-pointer icon-x"> Close </button> </div> </div> </div> </div> </div> <!-- modal --> <div role="dialog" id="phone-modal" class="hidden fixed inset-0 z-50 overflow-y-auto"> <div class="min-h-screen pt-20 px-0 sm:px-4 pb-20 text-center"> <!-- Background overlay, show/hide based on modal state. Entering: "ease-out duration-300" From: "opacity-0" To: "opacity-100" Leaving: "ease-in duration-200" From: "opacity-100" To: "opacity-0" --> <div class="js-modal-backdrop fixed ease-out bg-blur opacity-0 duration-300 inset-0 transition-opacity" aria-hidden="true"> <div class="absolute inset-0 bg-black opacity-25 js-close"></div> </div> <!-- Modal panel, show/hide based on modal state. Entering: "ease-out duration-300" From: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" To: "opacity-100 translate-y-0 sm:scale-100" Leaving: "ease-in duration-200" From: "opacity-100 translate-y-0 sm:scale-100" To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" --> <div class="js-modal-panel opacity-0 translate-y-4 scale-95 inline-block bg-transparent text-left shadow-xl transform transition-all sm:my-8 sm:align-middle max-w-lg w-full" role="dialog" aria-modal="true" aria-labelledby="modal-headline"> <div class="flex flex-col-reverse"> <div class="bg-white px-4 pt-5 pb-4 sm:py-12 sm:px-12"> <div class="flex flex-col items-center justify-center"> <div class="flex flex-col text-center mb-8"> <p class="font-bold text-2xl">+12397708786</p> <p class="mt-3.5 text-sm">JW Real Estate</p> </div> <a href="tel:+12397708786" class="bg-palette-brand-color rounded-none text-white px-14 py-2 font-bold link-phone flex items-center">Call</a> </div> </div> <div class="flex justify-end"> <button class="js-close flex justify-center items-center w-10 h-10 text-transparent bg-dark-gray cursor-pointer icon-x"> Close </button> </div> </div> </div> </div> </div> </header> <section aria-label="property search hero" class="mb-16 "> <div class="relative h-hero-image w-full "> <div style="background-image: url('https://u.realgeeks.media/realestatejw/FTM_Pic_Website.jpg')" class="absolute inset-0 bg-cover bg-no-repeat bg-center"></div> <div class="relative h-full flex flex-col justify-center items-center"> <div class="mx-1 text-center text-hero text-white font-bold text-shadow mb-8">Jamaica Towers Real Estate</div> </div> </div> </section> <div class="flex flex-col xl:flex-row px-4 sm:px-12 lg:px-40"> <main id="content" class="flex flex-col xl:w-8/12 xl:pr-14"> <section class="mce-content mb-14"> <style> .directory-index { display: grid; grid-template-columns: repeat(auto-fill,minmax(320px, 1fr)); margin-left: 30px; column-gap: 15px; } .directory-index > div { text-overflow: ellipsis; white-space:nowrap; overflow: hidden; } section { margin-bottom: 10px; } </style> <section class="mce-content mb-14"> <h1 title="Jamaica Towers Real Estate">Jamaica Towers Real Estate</h1> <p>Welcome to Jamaica Towers, a stunning new development nestled in the heart of Naples, Florida, within beautiful Collier County. This exquisite property combines luxury living with the serene beauty of the Sunshine State, offering residents an unparalleled lifestyle in one of the most sought-after locations in Southwest Florida.</p> <p>Jamaica Towers features a collection of elegantly designed residences, each thoughtfully crafted to maximize comfort and style. With spacious floor plans, high-end finishes, and breathtaking views, these homes provide the perfect sanctuary for those looking to indulge in the Naples lifestyle. Imagine waking up to the gentle sound of waves and enjoying your morning coffee on a private balcony overlooking lush landscapes and sparkling waters.</p> <p>Located just minutes from the pristine beaches of the Gulf of Mexico, Jamaica Towers is perfectly situated for those who appreciate outdoor activities and coastal living. Residents can take advantage of nearby world-class golf courses, upscale shopping at the renowned Waterside Shops, and a vibrant dining scene that caters to every palate. The area is also rich in cultural experiences, with art galleries, theaters, and community events that celebrate the diverse spirit of Naples.</p> <p>At Jamaica Towers, you’re not just investing in a home; you’re embracing a lifestyle filled with sun, sand, and sophistication. Whether you’re looking for a year-round residence or a seasonal retreat, this development promises to be a haven of relaxation and enjoyment. Join us at Jamaica Towers and discover your dream home in the enchanting city of Naples, where every day feels like a vacation.</p> </section> </section> <section id="listings" class="mb-14 -mx-4 sm:-mx-12 md:mx-0"> <h2 class="text-2xl font-bold text-black border-b border-medium-gray mx-4 sm:mx-12 md:mx-0 pb-3 mb-6">Newest Listings in Jamaica Towers</h2> <div class="mb-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-x-4"> <div class="mb-8"> <a href="/property/225077388/"> <article class="w-full flex flex-col text-medium-dark-gray sm:pb-8"> <div class="w-auto relative overflow-y-hidden border background-medium-gray border-medium-gray pt-listing-image-container hidden md:block"> <noscript class="loading-lazy"> <img class="mt-listing-image w-full object-center object-contain" src="https://property-images.realgeeks.com/flftmyer/6dd47a4e4b567d6bca1631cdb89e3968.jpg?width=422&height=336&aspect_ratio=422:336" alt="2885 Gulf Shore Boulevard N Unit 304, Naples" height="336" width="422" /> </noscript> </div> <div class="w-auto relative overflow-y-hidden border background-medium-gray border-medium-gray pt-listing-image-container-small md:hidden"> <noscript class="loading-lazy"> <img class="mt-listing-image-small md:mt-0 md:h-52 w-full object-center object-cover" src="https://property-images.realgeeks.com/flftmyer/6dd47a4e4b567d6bca1631cdb89e3968.jpg?width=422&height=208&aspect_ratio=422:208" alt="2885 Gulf Shore Boulevard N Unit 304, Naples" height="208" width="422" /> </noscript> </div> <div class="flex flex-col w-full justify-between"> <section class="relative flex flex-col w-full px-4 pt-4"> <div class="flex flex-col mb-4"> <span class="text-black font-medium font-rubik text-xl flex items-center mb-1"> <span class="mr-2">$1,800,000</span> <svg class="inline" xmlns="http://www.w3.org/2000/svg" width="14.103" height="8" viewBox="0 0 14.103 8"> <path fill="#3cb46e" d="M12.244 192h12.205a.947.947 0 0 1 .669 1.618l-6.1 6.1a.95.95 0 0 1-1.342 0l-6.1-6.1a.947.947 0 0 1 .668-1.618z" transform="translate(-11.295 -192)"/> </svg> </span> <div class="w-full text-sm "> <div class="mb-1 truncate"> <span class="font-bold text-black">3</span> Beds <span class="text-lg mx-1.5 leading-none">⋅</span> <span class="font-bold text-black">2</span> Baths <span class="text-lg mx-1.5 leading-none">⋅</span> <span class="font-bold text-black">225077388</span> MLS </div> </div> <span class="truncate text-xs xl:text-sm py-2">An exceptional opportunity along the Moorings beachfront, this rarely available three-bedroom corner residence at Jamaica Towers showcases breathtaking, unobstructed Gulf views and brilliant southern light from its corner setting. Presenting the ideal canvas for crafting a refined coastal haven designed to your vision, it offers generous open living spaces and an inviting layout ready to be reimagined with today’s finishes. Residents of Jamaica Towers enjoy direct beach access, a beachfront pool and grilling area, on-site manager, bike storage and covered parking, all just moments from the shops, dining and marina at Venetian Village and minutes from the vibrant lifestyle of downtown Fifth Avenue South. A remarkable setting of sun, sand and endless Gulf sunsets awaits.</span> <div class="flex w-full justify-between items-center"> <div class="text-xs w-40 h-full"> <p>2885 Gulf Shore Boulevard N Unit 304, Naples</p> </div> <div class="-mr-2"> <button class="js-favorite-button text-palette-brand-color p-2" data-is-favorite="False" data-property-id="6904c28ad4747876ced854de" aria-label="Add favorite"> <svg class="icon-heart-active fill-current hidden w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="27.429" height="24" viewBox="0 0 27.429 24" aria-hidden="true"> <path d="M24.754 33.608a7.326 7.326 0 0 0-10 .729L13.7 35.424l-1.055-1.087a7.325 7.325 0 0 0-10-.729 7.692 7.692 0 0 0-.53 11.137l10.366 10.7a1.679 1.679 0 0 0 2.427 0l10.366-10.7a7.687 7.687 0 0 0-.525-11.137z" transform="translate(.012 -31.967)"/> </svg> <svg class="icon-heart-inactive fill-current w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="27.429" height="24" viewBox="0 0 27.429 24" aria-hidden="true"> <path d="M24.755 33.647a7.327 7.327 0 0 0-10 .723L13.7 35.463l-1.055-1.088c-2.186-2.261-6.595-3.621-10-.729a7.686 7.686 0 0 0-.53 11.132l10.366 10.7A1.686 1.686 0 0 0 13.7 56a1.665 1.665 0 0 0 1.211-.52l10.366-10.7a7.677 7.677 0 0 0-.522-11.133zm-.7 9.943l-10.329 10.7-10.373-10.7a5.967 5.967 0 0 1 .413-8.636c2.936-2.507 6.386-.691 7.65.616l2.284 2.362 2.29-2.362c1.243-1.286 4.725-3.107 7.65-.616a5.971 5.971 0 0 1 .413 8.636z" transform="translate(.013 -32.002)"/> </svg> </button> </div> </div> </div> </section> <div class="w-full flex justify-between border-t border-medium-gray pt-2.5 px-4"> </div> </div> </article> </a> </div> </div> <a href="/search/results/5b3/" class="primary-cta small" alt="go to search results page">Start Your Search</a> <section id="board-disclaimer" class="py-8 text-sm"> </section> </section> </main> <aside id="sidebar" class="xl:w-4/12 xl:pl-14 mb-16"> <section id="featured-agent-group"> </section> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">View Jamaica Towers Home Values</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/home-values/"> Jamaica Towers Home Values </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Jamaica Towers Homes by Property Type</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/condos-for-sale/"> Condos for Sale </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Jamaica Towers Homes by Rear exposure</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-w-rear-exposure/"> W </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Jamaica Towers Homes by Interior</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-cable-tv-interior/"> Cable TV </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-dual-sinks-interior/"> Dual Sinks </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-entrance-foyer-interior/"> Entrance Foyer </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-livingdining-room-interior/"> Living/Dining Room </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-separate-shower-interior/"> Separate Shower </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-shower-only-interior/"> Shower Only </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-walk-in-closets-interior/"> Walk-In Closet(s) </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Jamaica Towers Homes by Exterior</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-securityhigh-impact-doors-exterior/"> Security/High Impact Doors </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-storage-exterior/"> Storage </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Jamaica Towers Homes by Community Type</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-elevator-community-type/"> Elevator </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-non-gated-community-type/"> Non-Gated </a> </li> </ul> </div> <div class="sidebar-links-container"> <h2 class="font-bold text-black text-xl pb-3 mb-3 border-b border-medium-gray">Browse Jamaica Towers Homes by Waterfront</h2> <ul class="sidebar-link-grid sidebar-links"> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-beach-front-waterfront/"> Beach Front </a> </li> <li class="sidebar-link"> <a class="text-palette-brand-color" href="/listings/development/Jamaica-Towers/homes-with-gulf-waterfront/"> Gulf </a> </li> </ul> </div> </aside> </div> <section data-cy="footer-valuation" class="js-rg-anna-valuation-root" data-domain="www.realestatejw.com"></section> <footer class="flex flex-col items-center"> <div id="footer-links-wrapper" class="relative overflow-y-hidden transition-all duration-300 ease-out max-h-14 w-full flex mb-6 justify-center lg:items-center py-7 uppercase font-light text-sm text-black bg-off-white"> <button aria-label="open mobile footer navigation" class="js-footer-menu-toggle absolute right-6 top-4 lg:hidden flex text-sm rounded-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-navigation-nav focus:ring-lite-gray" aria-expanded="false"> <span class="sr-only">Open footer navigation menu</span> <!-- Icon when menu is closed. --> <!-- Heroicon name: menu Menu open: "hidden", Menu closed: "block" --> <svg class="js-footer-icons block h-6 w-6 rounded-none" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> </svg> <!-- Icon when menu is open. --> <!-- Heroicon name: x Menu open: "block", Menu closed: "hidden" --> <svg class="js-footer-icons hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> <ul class="js-footer-menu hidden -my-7 lg:flex flex-col px-5 lg:flex-row w-full lg:px-0 opacity-0 lg:opacity-100 transition-opacity"> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/" >Home</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/search/advanced_search/" >Advanced Search</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/selling/" >Selling</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/buying/" >Buying</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/about/" >About Us</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/blog/" >Blog</a></li> <li class="mx-auto py-4 w-full lg:w-auto text-center border-b last:border-0 lg:border-none border-medium-gray"><a href="/featured/" >Featured Properties</a></li> </ul> </div> <div class="flex flex-col sm:flex-row w-full px-4 sm:px-9 xl:px-40"> <div class="flex flex-col w-full sm:w-6/12 lg:w-3/12"> <div class="text-sm text-left mb-6"><p> <img src="https://u.realgeeks.media/realestatejw/e522044f3716-65abe2f9_17d1_45d9_a576_280ad7e857fa_2.png"></img> JW Real Estate<br> 28 NE 19th Ct. Cape Coral FL, 33909<br> +12397708786<br> DRE#: BK3419858<br> </p> <p style="margin-bottom:0;margin-top:10px;"> </p> <p> © All Rights Reserved </p> </div> </div> <ul class="w-full sm:w-6/12 lg:w-9/12 grid auto-rows-min grid-cols-2 lg:grid-cols-4 gap-y-2 lg:gap-x-6 w-full lg:px-20 mb-7 text-sm text-dark-gray"> <li><a href="/listings/city/Cape-Coral/" >Cape Coral</a></li> <li><a href="/listings/development/Cape-Harbour/" >Cape Harbour</a></li> <li><a href="/listings/city/Lehigh-Acres/" >Lehigh Acres</a></li> <li><a href="/listings/city/Estero/" >Estero</a></li> <li><a href="/listings/development/Gateway/" >Gateway</a></li> <li><a href="/listings/city/Matlacha/" >Matlacha</a></li> <li><a href="/listings/city/Babcock-Ranch/" >Babcock Ranch</a></li> <li><a href="/listings/city/Fort-Myers/" >Fort Myers</a></li> <li><a href="/listings/city/Naples/" >Naples</a></li> <li><a href="/listings/city/Bonita-Springs/" >Bonita Springs</a></li> <li><a href="/listings/city/Sanibel/" >Sanibel</a></li> <li><a href="/listings/city/Captiva/" >Captiva</a></li> <li><a href="/listings/development/Pine-Island/" >Pine Island</a></li> </ul> </div> <div class="text-sm py-4 px-4 sm:px-9 xl:px-40 space-x-2 bg-rg-footer w-full flex justify-between md:justify-start items-center"> <div class="flex flex-col sm:flex-row items-center"> <a class="text-black mr-2" href="https://www.realgeeks.com/?utm_campaign=client%20site%20ref&utm_source=client%20site%20referral&utm_content=www.realestatejw.com&utm_medium=referral"> <span>IDX Site Powered by</span> </a> <a href="https://www.realgeeks.com/?utm_campaign=client%20site%20ref&utm_source=client%20site%20referral&utm_content=www.realestatejw.com&utm_medium=referral"> <noscript class="loading-lazy"> <img class="h-7" src="https://cdn.realgeeks.com/static/designs/img/real-geeks-logo.svg" alt="Real Geeks" loading="lazy" height="28" width="128" /> </noscript> </a> <span class="ml-0 whitespace-nowrap">, an <a href="/technologies/">FNF RE Tech Company</a></span> </div> <a class="text-black" href="/rg-accessibility">Accessibility</a> <a class="text-black" href="/rg-terms">Terms</a> <a class="text-black" href="/rg-privacy">Privacy</a> </div> </footer> <script type="text/javascript" src="https://cdn.realgeeks.com/static/CACHE/js/a44d0a664058.js" defer></script> <div id="gobbla" class="fixed bottom-0 right-0 z-10"></div> <div id="modal-container"></div> </body> </html>