[[$pageTop]]

[[Voyager?
	&propertyResource=`[[*voyager-propertyResource]]`
	&maps=`7,8,6,2,4,9,10`
    &service=`mapLanding`
]]

<section class="pageWrapper">
	<div class="pageContent voyager residences">
        <figure class="heroImage">
            <div id="map_canvas" class="mapsContainer">
                [[+voyager.mapsContainer]]

            </div>

        </figure>

	</div>

    <div class="residenceListsWrapper">
        <div class="btn-group btn-group-justified residenceListFilters" data-toggle="buttons">
            <label class="btn btn-default">
                <input type="radio" name="residence_fund" value="eef1">
                Equity Estates Portfolio
            </label>

            <label class="btn btn-default">
                <input type="radio" name="residence_fund" value="thc">
                Reciprocity Residences
            </label>
            
        </div>

        <div class="residenceLists">
            <div class="residenceListColumn">
                <div class="residenceListWrapper" id="beach_list">
                    <header class="residenceListHeader">
                        <h4 class="residenceListTitle">Beach Residences</h4>
                    </header>

                    <ul class="residenceList twoColumns">
                        [[+voyager.megaMenuList_beach]]
                    </ul>
                    
                </div>

            </div>

            <div class="residenceListColumn">
                <div class="residenceListWrapper" id="city_list">
                    <header class="residenceListHeader">
                        <h4 class="residenceListTitle">City Residences</h4>
                    </header>

                    <ul class="residenceList twoColumns">
                        [[+voyager.megaMenuList_city]]
                    </ul>
                    
                </div>

            </div>

            <div class="residenceListColumn">
                <div class="residenceListWrapper" id="leisure_list">
                    <header class="residenceListHeader">
                        <h4 class="residenceListTitle">Leisure Residences</h4>
                    </header>

                    <ul class="residenceList twoColumns">
                        [[+voyager.megaMenuList_leisure]]
                    </ul>
                    
                </div>
                
                <div class="residenceListWrapper" id="mtn_list">
                    <header class="residenceListHeader">
                        <h4 class="residenceListTitle">Mountain Residences</h4>
                    </header>

                    <ul class="residenceList twoColumns">
                        [[+voyager.megaMenuList_mtn]]
                    </ul>
                    
                </div>

            </div>

        </div>

    </div>

    [[$pageFooter]]

</section>

[[$pageBottom]]