{"id":2,"date":"2026-02-05T07:32:24","date_gmt":"2026-02-05T07:32:24","guid":{"rendered":"https:\/\/r5.cdpl.top\/?page_id=2"},"modified":"2026-02-18T20:38:16","modified_gmt":"2026-02-18T20:38:16","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/r5.cdpl.top\/index.php\/sample-page\/","title":{"rendered":"Sample Page"},"content":{"rendered":"        <div class=\"gtt-plugin-container\">\n            <section class=\"py-16 bg-background\">\n                <div class=\"container\">\n                    <h1 class=\"text-4xl font-bold text-foreground mb-8\">Transactions immobili\u00e8res r\u00e9centes<\/h1>\n                    <p class=\"text-lg text-muted-foreground mb-6\">Chaque vendredi, la <a href=\"https:\/\/fao.ge.ch\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"underline text-foreground hover:text-primary transition-colors\">Feuille d'Avis Officielle (FAO)<\/a> publie la liste des nouvelles transactions immobili\u00e8res enregistr\u00e9es dans le canton de Gen\u00e8ve. Cette page affiche les transactions de la derni\u00e8re semaine publi\u00e9e (bas\u00e9e sur les donn\u00e9es les plus r\u00e9centes disponibles), enrichies et filtrables.<\/p>\n                <\/div>\n            <\/section>\n\n            <section class=\"py-8 bg-muted\/30\">\n                <div class=\"container\">\n                    <div class=\"mt-6\">\n                        <div class=\"mb-4\">\n                            <h3 class=\"text-lg font-semibold mb-1 text-left\">Derni\u00e8res transactions<\/h3>\n                        <\/div>\n                        <section id=\"tx-map-card\" class=\"rounded-2xl border border-border bg-background shadow-sm relative\">\n                            <div id=\"tx-map\" class=\"h-[420px] sm:h-[460px] lg:h-[520px] rounded-2xl overflow-hidden mapboxgl-map\" aria-label=\"Carte des transactions FAO \u00e0 Gen\u00e8ve\"><\/div>\n                            <!-- Map Controls and Legend will be handled by JS\/Mapbox or kept static here if needed.\n                                 The HTML provided had static legend. I'll include it here. -->\n                            <div class=\"absolute bottom-3 left-3 bg-background\/95 backdrop-blur-sm rounded-md border border-border\/60 p-2 shadow-lg z-10\">\n                                <h4 class=\"text-[10px] font-semibold mb-1.5 text-foreground\">Type de transaction<\/h4>\n                                <div class=\"space-y-1\">\n                                    <div class=\"flex items-center gap-1.5\"><div class=\"w-3 h-3 rounded\" style=\"background-color: rgb(59, 130, 246); opacity: 0.7;\"><\/div><span class=\"text-[10px] text-foreground\">Achat<\/span><\/div>\n                                    <div class=\"flex items-center gap-1.5\"><div class=\"w-3 h-3 rounded\" style=\"background-color: rgb(239, 68, 68); opacity: 0.7;\"><\/div><span class=\"text-[10px] text-foreground\">Vente LDTR<\/span><\/div>\n                                    <div class=\"flex items-center gap-1.5\"><div class=\"w-3 h-3 rounded\" style=\"background-color: rgb(34, 197, 94); opacity: 0.7;\"><\/div><span class=\"text-[10px] text-foreground\">Donation<\/span><\/div>\n                                    <div class=\"flex items-center gap-1.5\"><div class=\"w-3 h-3 rounded\" style=\"background-color: rgb(168, 85, 247); opacity: 0.7;\"><\/div><span class=\"text-[10px] text-foreground\">H\u00e9ritage<\/span><\/div>\n                                    <div class=\"flex items-center gap-1.5\"><div class=\"w-3 h-3 rounded\" style=\"background-color: rgb(245, 158, 11); opacity: 0.7;\"><\/div><span class=\"text-[10px] text-foreground\">\u00c9change<\/span><\/div>\n                                    <div class=\"flex items-center gap-1.5\"><div class=\"w-3 h-3 rounded\" style=\"background-color: rgb(99, 102, 241); opacity: 0.7;\"><\/div><span class=\"text-[10px] text-foreground\">Jugement<\/span><\/div>\n                                    <div class=\"flex items-center gap-1.5\"><div class=\"w-3 h-3 rounded\" style=\"background-color: rgb(100, 116, 139); opacity: 0.7;\"><\/div><span class=\"text-[10px] text-foreground\">Rectification<\/span><\/div>\n                                    <div class=\"flex items-center gap-1.5\"><div class=\"w-3 h-3 rounded\" style=\"background-color: rgb(156, 163, 175); opacity: 0.7;\"><\/div><span class=\"text-[10px] text-foreground\">Autre<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                            <button id=\"map-satellite-toggle\" class=\"absolute top-3 right-3 bg-background\/95 backdrop-blur-sm rounded-md border border-border\/60 px-2 py-1.5 shadow-lg z-10 text-[10px] font-medium text-foreground hover:bg-muted transition-colors\">\ud83d\udef0\ufe0f Satellite<\/button>\n                        <\/section>\n                        <p id=\"map-info-text\" class=\"mt-2 text-center text-xs text-muted-foreground\">Chargement...<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section class=\"py-8 bg-muted\/30\">\n                <div class=\"container\">\n                    <div class=\"space-y-6\">\n                        <div class=\"bg-background\/95 backdrop-blur p-4 border border-border rounded-lg shadow-sm\">\n                            <div class=\"flex flex-wrap gap-4 items-center\">\n                                <div class=\"relative flex-1 min-w-64\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search absolute left-3 top-1\/2 transform -translate-y-1\/2 text-muted-foreground h-4 w-4\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><path d=\"m21 21-4.3-4.3\"><\/path><\/svg>\n                                    <input id=\"search-input\" class=\"flex h-11 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 pl-10\" placeholder=\"Rechercher par adresse, commune, vendeur...\" value=\"\">\n                                <\/div>\n                                <div id=\"price-filters\" class=\"flex gap-2\">\n                                    <div class=\"price-filter-btn inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary text-secondary-foreground cursor-pointer hover:bg-primary hover:text-primary-foreground\" data-min=\"0\" data-max=\"1000000\">&lt; CHF 1M<\/div>\n                                    <div class=\"price-filter-btn inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary text-secondary-foreground cursor-pointer hover:bg-primary hover:text-primary-foreground\" data-min=\"1000000\" data-max=\"10000000\">CHF 1\u201310M<\/div>\n                                    <div class=\"price-filter-btn inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary text-secondary-foreground cursor-pointer hover:bg-primary hover:text-primary-foreground\" data-min=\"10000000\" data-max=\"999999999999\">&gt; CHF 10M<\/div>\n                                <\/div>\n                                <div class=\"relative\">\n                                     <select id=\"appartenance-filter\" class=\"flex h-11 items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 w-48\">\n                                        <option value=\"\">Appartenance (Tout)<\/option>\n                                        <option value=\"Rive Gauche\">Rive Gauche<\/option>\n                                        <option value=\"Rive Droite\">Rive Droite<\/option>\n                                        <option value=\"Commune Periurbaine\">Commune Periurbaine<\/option>\n                                        <!-- Add more dynamically if needed -->\n                                     <\/select>\n                                <\/div>\n                                <button id=\"reset-filters\" class=\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-8 rounded-md px-3\">Effacer filtres<\/button>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"mt-3 flex items-center justify-between text-sm text-gray-600\">\n                            <div id=\"results-count\">Chargement...<\/div>\n                            <div id=\"results-period\"><\/div>\n                        <\/div>\n\n                        <div class=\"mt-4 max-h-[70vh] overflow-y-auto overflow-x-auto\">\n                            <table class=\"w-full table-auto\" id=\"transactions-table\">\n                                <colgroup>\n                                    <col class=\"w-[8.5rem]\">\n                                    <col class=\"w-[11rem]\">\n                                    <col class=\"w-[10rem]\">\n                                    <col class=\"w-[12rem]\">\n                                    <col class=\"w-[12rem]\">\n                                    <col class=\"w-[12rem]\">\n                                    <col class=\"w-[22rem]\">\n                                    <col class=\"w-[13.5rem]\">\n                                    <col class=\"w-[13rem]\">\n                                    <col class=\"w-[13rem]\">\n                                    <col class=\"w-[24rem]\">\n                                <\/colgroup>\n                                <thead class=\"z-20\">\n                                    <tr>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 w-8 py-1.5 px-1\"><\/th>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 text-left align-top text-[10px] sm:text-[11px] font-semibold uppercase tracking-normal leading-tight py-1.5 px-2 cursor-pointer hover:bg-muted\/50\">Date<\/th>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 text-left align-top text-[10px] sm:text-[11px] font-semibold uppercase tracking-normal leading-tight py-1.5 px-2 cursor-pointer hover:bg-muted\/50\">Type<\/th>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 text-left align-top text-[10px] sm:text-[11px] font-semibold uppercase tracking-normal leading-tight py-1.5 px-2 cursor-pointer hover:bg-muted\/50\">Prix<\/th>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 text-left align-top text-[10px] sm:text-[11px] font-semibold uppercase tracking-normal leading-tight py-1.5 px-2 cursor-pointer hover:bg-muted\/50\">Prix Pr\u00e9c.<\/th>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 text-left align-top text-[10px] sm:text-[11px] font-semibold uppercase tracking-normal leading-tight py-1.5 px-2 cursor-pointer hover:bg-muted\/50\">Appartenance<\/th>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 text-left align-top text-[10px] sm:text-[11px] font-semibold uppercase tracking-normal leading-tight py-1.5 px-2 cursor-pointer hover:bg-muted\/50\">Commune<\/th>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 text-left align-top text-[10px] sm:text-[11px] font-semibold uppercase tracking-normal leading-tight py-1.5 px-2 cursor-pointer hover:bg-muted\/50\">Adresses<\/th>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 text-left align-top text-[10px] sm:text-[11px] font-semibold uppercase tracking-normal leading-tight py-1.5 px-2 cursor-pointer hover:bg-muted\/50\">Type Imm.<\/th>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 text-left align-top text-[10px] sm:text-[11px] font-semibold uppercase tracking-normal leading-tight py-1.5 px-2 cursor-pointer hover:bg-muted\/50\">Vendeur(s)<\/th>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 text-left align-top text-[10px] sm:text-[11px] font-semibold uppercase tracking-normal leading-tight py-1.5 px-2 cursor-pointer hover:bg-muted\/50\">Acheteur(s)<\/th>\n                                        <th class=\"sticky top-0 z-20 bg-white border-b border-gray-200 text-left align-top text-[10px] sm:text-[11px] font-semibold uppercase tracking-normal leading-tight py-1.5 px-2 cursor-pointer hover:bg-muted\/50\">FAO<\/th>\n                                    <\/tr>\n                                <\/thead>\n                                <tbody class=\"divide-y divide-gray-200\" id=\"transactions-table-body\">\n                                    <!-- Rows will be populated by JS -->\n                                <\/tbody>\n                            <\/table>\n                        <\/div>\n\n                        <div class=\"flex items-center justify-between\">\n                            <div class=\"text-sm text-muted-foreground\" id=\"pagination-info\">Page 1<\/div>\n                            <div class=\"flex gap-2\">\n                                <button id=\"pagination-prev\" class=\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border-2 border-secondary bg-transparent text-secondary hover:bg-secondary hover:text-secondary-foreground h-8 rounded-md px-3\" disabled>Pr\u00e9c\u00e9dent<\/button>\n                                <button id=\"pagination-next\" class=\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border-2 border-secondary bg-transparent text-secondary hover:bg-secondary hover:text-secondary-foreground h-8 rounded-md px-3\">Suivant<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"mt-4 text-sm text-muted-foreground\">Source: FAO. Lamap republie et enrichit les donn\u00e9es pour faciliter la consultation.<\/div>\n                <\/div>\n            <\/section>\n        <\/div>\n        \n\n\n\t<div id=\"rousseau-chat-wrapper\" class=\"rousseau-chat-initial\">\n\t\t<div class=\"rousseau-chat-container\">\n\t\t\t<div class=\"rousseau-chat-messages\" id=\"rousseau-chat-messages\">\n\t\t\t\t<!-- Messages will appear here -->\n\t\t\t<\/div>\n\n\t\t\t<div class=\"rousseau-chat-input-area\">\n\t\t\t\t<form id=\"rousseau-chat-form\">\n\t\t\t\t\t<textarea id=\"rousseau-chat-input\" placeholder=\"Posez votre question...\" required rows=\"1\"><\/textarea>\n\t\t\t\t\t<button type=\"submit\" id=\"rousseau-chat-submit\">\n\t\t\t\t\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t\t<path d=\"M22 2L11 13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n\t\t\t\t\t\t\t<path d=\"M22 2L15 22L11 13L2 9L22 2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/form>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div id=\"rousseau-chat-results\" class=\"rousseau-chat-results\">\n\t\t\t<!-- Real estate cards will appear here -->\n\t\t<\/div>\n\t<\/div>\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/r5.cdpl.top\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/r5.cdpl.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/r5.cdpl.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/r5.cdpl.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/r5.cdpl.top\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":5,"href":"https:\/\/r5.cdpl.top\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/r5.cdpl.top\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/r5.cdpl.top\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}