Biens Exclusifs | MOYA PRESTIGE IMMO<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Montserrat', 'sans-serif'],\n },\n colors: {\n brand: {\n red: '#DA3B31',\n dark: '#221F20',\n light: '#FFFFFF'\n }\n },\n backgroundImage: {\n 'glass-gradient': 'linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.01) 100%)',\n }\n }\n }\n }\n <\/script>\n <style>\n body {\n background-color: #121011 !important; \/* Fond tr\u00e8s sombre pour contraster l'effet glace *\/\n color: #FFFFFF;\n overflow-x: hidden;\n }\n\n \/* Effet Glassmorphism Premium *\/\n .glass-panel {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);\n }\n\n \/* Animation de balayage lumineux pour les boutons (Shine Effect) *\/\n .btn-shine {\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n .btn-shine::after {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 50%;\n height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-20deg);\n animation: shine 4s infinite;\n }\n @keyframes shine {\n 0% { left: -100%; }\n 20% { left: 200%; }\n 100% { left: 200%; }\n }\n\n \/* Animation de bordure pour mettre en valeur les biens *\/\n .animated-border-card {\n position: relative;\n border-radius: 1rem;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n }\n .animated-border-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 40px rgba(218, 59, 49, 0.2);\n }\n .animated-border-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 1rem;\n padding: 2px;\n background: linear-gradient(45deg, transparent 40%, #DA3B31, transparent 60%);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n background-size: 200% 200%;\n animation: borderGlow 3s linear infinite;\n opacity: 0.5;\n transition: opacity 0.3s ease;\n }\n .animated-border-card:hover::before {\n opacity: 1;\n }\n @keyframes borderGlow {\n 0% { background-position: 0% 0%; }\n 100% { background-position: 200% 200%; }\n }\n\n \/* Taches de lumi\u00e8re en arri\u00e8re-plan *\/\n .bg-glow {\n position: absolute;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(218,59,49,0.15) 0%, rgba(0,0,0,0) 70%);\n border-radius: 50%;\n z-index: -1;\n pointer-events: none;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased relative min-h-screen\">\n\n \n <div class=\"bg-glow top-0 left-[-200px]\"><\/div>\n <div class=\"bg-glow bottom-[20%] right-[-200px]\"><\/div>\n\n \n <header class=\"fixed w-full top-0 z-50 glass-panel border-b-0 border-white\/5 transition-all duration-300\" id=\"header\">\n <div class=\"max-w-7xl mx-auto px-6 py-4 flex justify-between items-center\">\n \n <div class=\"flex items-center gap-4\">\n <div class=\"relative w-12 h-12 bg-brand-red flex items-center justify-center transform rotate-45 shadow-lg\">\n <span class=\"text-white font-bold text-2xl transform -rotate-45 block mt-1\">M<\/span>\n <\/div>\n <div class=\"flex flex-col\">\n <span class=\"text-3xl font-bold tracking-widest text-white leading-none\">MOYA<\/span>\n <span class=\"text-xs tracking-[0.25em] text-gray-400 mt-1 uppercase font-light\">Prestige Immo<\/span>\n <\/div>\n <\/div>\n \n <a href=\"#contact\" class=\"hidden md:inline-flex items-center justify-center px-6 py-3 bg-brand-red text-white font-semibold rounded hover:bg-red-700 transition-colors btn-shine text-sm uppercase tracking-wider\">\n Demander une visite\n <\/a>\n <\/div>\n <\/header>\n\n \n <section class=\"relative pt-40 pb-20 lg:pt-48 lg:pb-32 px-6 flex items-center min-h-[85vh]\">\n <div class=\"max-w-7xl mx-auto w-full grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div class=\"z-10\">\n <div class=\"inline-block px-4 py-1.5 rounded-full border border-brand-red\/50 bg-brand-red\/10 text-brand-red text-sm font-semibold tracking-wide uppercase mb-6 backdrop-blur-sm\">\n Ventes Exclusives\n <\/div>\n <h1 class=\"text-5xl lg:text-7xl font-bold text-white leading-tight mb-6\">\n L’Excellence <br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-red to-red-400\">Immobili\u00e8re<\/span>\n <\/h1>\n <p class=\"text-lg text-gray-300 mb-10 max-w-lg leading-relaxed font-light\">\n D\u00e9couvrez deux propri\u00e9t\u00e9s d’exception nich\u00e9es dans les quartiers les plus pris\u00e9s d’Abidjan. Le summum du raffinement vous attend.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#biens\" class=\"inline-flex items-center justify-center px-8 py-4 bg-brand-red text-white font-semibold rounded hover:bg-red-700 transition-all btn-shine\">\n D\u00e9couvrir les biens\n <i class=\"ph ph-arrow-right ml-2 text-xl\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"relative z-10 w-full h-[400px] lg:h-[500px] glass-panel rounded-2xl flex items-center justify-center group overflow-hidden border-brand-red\/20 border\">\n <div class=\"absolute inset-0 bg-[url('https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80')] bg-cover bg-center opacity-40 group-hover:scale-105 transition-transform duration-700\"><\/div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#121011] to-transparent\"><\/div>\n \n \n <div class=\"relative w-24 h-24 rounded-full border-2 border-white\/50 flex items-center justify-center backdrop-blur-md cursor-pointer hover:border-brand-red transition-colors group-hover:shadow-[0_0_30px_rgba(218,59,49,0.5)]\">\n <div class=\"w-16 h-16 bg-white\/20 rounded-full flex items-center justify-center pl-2\">\n <i class=\"ph-fill ph-play text-white text-3xl\"><\/i>\n <\/div>\n <\/div>\n <p class=\"absolute bottom-6 left-6 text-white text-sm font-medium tracking-widest uppercase\">Vid\u00e9o de pr\u00e9sentation \u00e0 venir<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"biens\" class=\"py-24 relative\">\n <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-5xl font-bold mb-4\">Nos Biens <span class=\"text-brand-red\">Exclusifs<\/span><\/h2>\n <div class=\"w-24 h-1 bg-brand-red mx-auto rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\n \n \n <div class=\"glass-panel animated-border-card rounded-2xl flex flex-col h-full overflow-hidden\">\n \n <div class=\"relative w-full aspect-video bg-gray-900 border-b border-white\/10 group cursor-pointer overflow-hidden\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1613490908653-b67362c3e176?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Villa Angr\u00e9\" class=\"w-full h-full object-cover opacity-60 group-hover:opacity-80 group-hover:scale-105 transition-all duration-700\">\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <span class=\"px-6 py-3 bg-black\/50 backdrop-blur-md rounded border border-white\/20 text-sm font-semibold tracking-widest uppercase flex items-center gap-2 group-hover:bg-brand-red\/80 transition-colors\">\n <i class=\"ph ph-camera text-xl\"><\/i> Voir les images\n <\/span>\n <\/div>\n <div class=\"absolute top-4 right-4 bg-brand-red text-white text-xs font-bold px-3 py-1 rounded shadow-lg uppercase tracking-wider\">Exclusivit\u00e9<\/div>\n <\/div>\n \n <div class=\"p-8 flex flex-col flex-grow\">\n <div class=\"flex justify-between items-start mb-4\">\n <div>\n <h3 class=\"text-2xl font-bold mb-1\">Domaine d’Exception<\/h3>\n <p class=\"text-gray-400 flex items-center gap-2\">\n <i class=\"ph-fill ph-map-pin text-brand-red\"><\/i> Angr\u00e9 7e Tranche, Abidjan\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"grid grid-cols-2 gap-4 my-6\">\n <div class=\"bg-white\/5 rounded-lg p-4 border border-white\/5\">\n <i class=\"ph-fill ph-house-line text-2xl text-brand-red mb-2\"><\/i>\n <div class=\"text-2xl font-bold\">24<\/div>\n <div class=\"text-xs text-gray-400 uppercase tracking-widest\">Pi\u00e8ces<\/div>\n <\/div>\n <div class=\"bg-white\/5 rounded-lg p-4 border border-white\/5\">\n <i class=\"ph-fill ph-arrows-out-line text-2xl text-brand-red mb-2\"><\/i>\n <div class=\"text-2xl font-bold\">1320<\/div>\n <div class=\"text-xs text-gray-400 uppercase tracking-widest\">M\u00e8tres Carr\u00e9s (m\u00b2)<\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-auto pt-6 border-t border-white\/10 flex justify-between items-center\">\n <div>\n <p class=\"text-xs text-gray-400 uppercase tracking-wider mb-1\">Prix de vente<\/p>\n <p class=\"text-3xl font-bold text-white\">859 000 000 <span class=\"text-lg text-brand-red\">FCFA<\/span><\/p>\n <\/div>\n <a href=\"#contact\" onclick=\"setSubject('Villa Angr\u00e9 7e Tranche (859M)')\" class=\"w-12 h-12 rounded-full bg-white\/10 hover:bg-brand-red flex items-center justify-center transition-colors border border-white\/20 group\">\n <i class=\"ph ph-arrow-up-right text-xl group-hover:text-white\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel animated-border-card rounded-2xl flex flex-col h-full overflow-hidden\">\n \n <div class=\"relative w-full aspect-video bg-gray-900 border-b border-white\/10 group cursor-pointer overflow-hidden\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Villa Vallon\" class=\"w-full h-full object-cover opacity-60 group-hover:opacity-80 group-hover:scale-105 transition-all duration-700\">\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <span class=\"px-6 py-3 bg-black\/50 backdrop-blur-md rounded border border-white\/20 text-sm font-semibold tracking-widest uppercase flex items-center gap-2 group-hover:bg-brand-red\/80 transition-colors\">\n <i class=\"ph ph-video-camera text-xl\"><\/i> Voir la vid\u00e9o\n <\/span>\n <\/div>\n <div class=\"absolute top-4 right-4 bg-brand-red text-white text-xs font-bold px-3 py-1 rounded shadow-lg uppercase tracking-wider\">Prestige<\/div>\n <\/div>\n \n <div class=\"p-8 flex flex-col flex-grow\">\n <div class=\"flex justify-between items-start mb-4\">\n <div>\n <h3 class=\"text-2xl font-bold mb-1\">R\u00e9sidence Magistrale<\/h3>\n <p class=\"text-gray-400 flex items-center gap-2\">\n <i class=\"ph-fill ph-map-pin text-brand-red\"><\/i> 2 Plateaux Vallon, Abidjan\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"grid grid-cols-2 gap-4 my-6\">\n <div class=\"bg-white\/5 rounded-lg p-4 border border-white\/5\">\n <i class=\"ph-fill ph-house-line text-2xl text-brand-red mb-2\"><\/i>\n <div class=\"text-2xl font-bold\">17<\/div>\n <div class=\"text-xs text-gray-400 uppercase tracking-widest\">Pi\u00e8ces<\/div>\n <\/div>\n <div class=\"bg-white\/5 rounded-lg p-4 border border-white\/5 flex flex-col justify-center\">\n <i class=\"ph-fill ph-star text-2xl text-brand-red mb-2\"><\/i>\n <div class=\"text-sm font-bold\">Emplacement Premium<\/div>\n <div class=\"text-[0.65rem] text-gray-400 uppercase tracking-widest mt-1\">Haut Standing<\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-auto pt-6 border-t border-white\/10 flex justify-between items-center\">\n <div>\n <p class=\"text-xs text-gray-400 uppercase tracking-wider mb-1\">Prix de vente<\/p>\n <p class=\"text-3xl font-bold text-white\">1 500 000 000 <span class=\"text-lg text-brand-red\">FCFA<\/span><\/p>\n <\/div>\n <a href=\"#contact\" onclick=\"setSubject('R\u00e9sidence 2 Plateaux Vallon (1.5 Milliards)')\" class=\"w-12 h-12 rounded-full bg-white\/10 hover:bg-brand-red flex items-center justify-center transition-colors border border-white\/20 group\">\n <i class=\"ph ph-arrow-up-right text-xl group-hover:text-white\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 relative border-y border-white\/5 bg-white\/5\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold mb-4\">Pourquoi nous faire <span class=\"text-brand-red\">confiance ?<\/span><\/h2>\n <p class=\"text-gray-400 max-w-2xl mx-auto font-light\">L’exigence et le professionnalisme au c\u0153ur de chaque transaction. Moya Prestige Immo s’engage \u00e0 vous offrir une exp\u00e9rience immobili\u00e8re in\u00e9gal\u00e9e.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"glass-panel p-8 rounded-xl text-center hover:bg-white\/10 transition-colors border-t-2 border-t-transparent hover:border-t-brand-red\">\n <div class=\"w-16 h-16 mx-auto bg-brand-red\/10 rounded-full flex items-center justify-center mb-6 border border-brand-red\/30\">\n <i class=\"ph ph-shield-check text-3xl text-brand-red\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">Discr\u00e9tion Absolue<\/h3>\n <p class=\"text-gray-400 text-sm leading-relaxed\">Nous traitons vos transactions avec la plus grande confidentialit\u00e9. Votre vie priv\u00e9e est notre priorit\u00e9 absolue.<\/p>\n <\/div>\n \n \n <div class=\"glass-panel p-8 rounded-xl text-center hover:bg-white\/10 transition-colors border-t-2 border-t-transparent hover:border-t-brand-red\">\n <div class=\"w-16 h-16 mx-auto bg-brand-red\/10 rounded-full flex items-center justify-center mb-6 border border-brand-red\/30\">\n <i class=\"ph ph-handshake text-3xl text-brand-red\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">Accompagnement Premium<\/h3>\n <p class=\"text-gray-400 text-sm leading-relaxed\">De la visite \u00e0 la signature finale, notre \u00e9quipe d’experts est d\u00e9di\u00e9e \u00e0 la r\u00e9ussite de votre projet.<\/p>\n <\/div>\n\n \n <div class=\"glass-panel p-8 rounded-xl text-center hover:bg-white\/10 transition-colors border-t-2 border-t-transparent hover:border-t-brand-red\">\n <div class=\"w-16 h-16 mx-auto bg-brand-red\/10 rounded-full flex items-center justify-center mb-6 border border-brand-red\/30\">\n <i class=\"ph ph-medal text-3xl text-brand-red\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">S\u00e9lection Rigoureuse<\/h3>\n <p class=\"text-gray-400 text-sm leading-relaxed\">Seuls les biens r\u00e9pondant \u00e0 nos crit\u00e8res stricts de prestige et de qualit\u00e9 vous sont propos\u00e9s en exclusivit\u00e9.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-16 text-center\">\n <div class=\"inline-block px-8 py-4 glass-panel rounded-lg w-full max-w-4xl border border-dashed border-white\/20\">\n <p class=\"text-gray-500 italic text-sm\"><i class=\"ph ph-quotes text-brand-red mr-2\"><\/i> \u00ab\u00a0Espace r\u00e9serv\u00e9 pour int\u00e9grer les t\u00e9moignages clients ou les logos de partenaires.\u00a0\u00bb<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-24 relative overflow-hidden\">\n <div class=\"bg-glow top-[10%] right-[10%] opacity-50\"><\/div>\n <div class=\"max-w-4xl mx-auto px-6 relative z-10\">\n <div class=\"glass-panel rounded-2xl p-8 md:p-12 border border-brand-red\/20 relative\">\n \n <div class=\"absolute -top-4 -right-4 w-24 h-24 bg-brand-red rounded-full blur-3xl opacity-40\"><\/div>\n \n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">Organiser une <span class=\"text-brand-red\">Visite Priv\u00e9e<\/span><\/h2>\n <p class=\"text-gray-300\">Remplissez ce formulaire pour \u00eatre recontact\u00e9 par l’un de nos conseillers sp\u00e9cialis\u00e9s.<\/p>\n <\/div>\n\n <form class=\"space-y-6\" onsubmit=\"event.preventDefault(); showSuccessMessage();\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"space-y-2\">\n <label class=\"text-xs font-semibold text-gray-400 uppercase tracking-widest\">Nom complet<\/label>\n <input type=\"text\" required class=\"w-full bg-white\/5 border border-white\/10 rounded px-4 py-3 text-white focus:outline-none focus:border-brand-red focus:ring-1 focus:ring-brand-red transition-colors\" placeholder=\"Votre nom\">\n <\/div>\n <div class=\"space-y-2\">\n <label class=\"text-xs font-semibold text-gray-400 uppercase tracking-widest\">T\u00e9l\u00e9phone<\/label>\n <input type=\"tel\" required class=\"w-full bg-white\/5 border border-white\/10 rounded px-4 py-3 text-white focus:outline-none focus:border-brand-red focus:ring-1 focus:ring-brand-red transition-colors\" placeholder=\"+225 00 00 00 00\">\n <\/div>\n <\/div>\n \n <div class=\"space-y-2\">\n <label class=\"text-xs font-semibold text-gray-400 uppercase tracking-widest\">Email<\/label>\n <input type=\"email\" required class=\"w-full bg-white\/5 border border-white\/10 rounded px-4 py-3 text-white focus:outline-none focus:border-brand-red focus:ring-1 focus:ring-brand-red transition-colors\" placeholder=\"votre@email.com\">\n <\/div>\n\n <div class=\"space-y-2\">\n <label class=\"text-xs font-semibold text-gray-400 uppercase tracking-widest\">Bien cibl\u00e9<\/label>\n <select id=\"property-select\" class=\"w-full bg-[#1e1b1c] border border-white\/10 rounded px-4 py-3 text-white focus:outline-none focus:border-brand-red focus:ring-1 focus:ring-brand-red transition-colors appearance-none\">\n <option value=\"\">S\u00e9lectionnez un bien (Optionnel)<\/option>\n <option value=\"Angr\u00e9\">Domaine – Angr\u00e9 7e Tranche (859 Millions FCFA)<\/option>\n <option value=\"Vallon\">R\u00e9sidence – 2 Plateaux Vallon (1.5 Milliards FCFA)<\/option>\n <option value=\"Les Deux\">Je suis int\u00e9ress\u00e9(e) par les deux biens<\/option>\n <\/select>\n <\/div>\n\n <div class=\"space-y-2\">\n <label class=\"text-xs font-semibold text-gray-400 uppercase tracking-widest\">Message (Optionnel)<\/label>\n <textarea rows=\"4\" class=\"w-full bg-white\/5 border border-white\/10 rounded px-4 py-3 text-white focus:outline-none focus:border-brand-red focus:ring-1 focus:ring-brand-red transition-colors resize-none\" placeholder=\"Pr\u00e9cisez vos disponibilit\u00e9s...\"><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"w-full py-4 bg-brand-red text-white font-bold rounded hover:bg-red-700 transition-colors btn-shine text-lg tracking-wide uppercase mt-4\">\n Envoyer ma demande\n <\/button>\n \n \n <div id=\"success-msg\" class=\"hidden mt-4 p-4 bg-green-500\/20 border border-green-500\/50 rounded text-green-400 text-center text-sm\">\n Votre demande a bien \u00e9t\u00e9 envoy\u00e9e. Un conseiller Moya Prestige Immo vous contactera tr\u00e8s prochainement.\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-black py-12 border-t border-white\/10\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 items-start\">\n \n \n <div>\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-8 h-8 bg-brand-red flex items-center justify-center transform rotate-45\">\n <span class=\"text-white font-bold text-sm transform -rotate-45 block mt-0.5\">M<\/span>\n <\/div>\n <div class=\"flex flex-col\">\n <span class=\"text-xl font-bold tracking-widest text-white leading-none\">MOYA<\/span>\n <span class=\"text-[0.5rem] tracking-[0.25em] text-gray-400 mt-1 uppercase font-light\">Prestige Immo<\/span>\n <\/div>\n <\/div>\n <p class=\"text-sm text-gray-500 leading-relaxed font-light mb-4\">\n Transaction, gestion, location, home staging et conseil en investissement immobilier de prestige.\n <\/p>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold mb-6 tracking-widest uppercase text-sm\">Nous contacter<\/h4>\n <ul class=\"space-y-4 text-sm text-gray-400\">\n <li class=\"flex items-start gap-3\">\n <i class=\"ph ph-map-pin text-brand-red text-lg mt-0.5\"><\/i>\n <span>25 BP 1080 Abidjan 25<br>Cocody II plateaux 7e tranche<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <i class=\"ph ph-phone text-brand-red text-lg\"><\/i>\n <div class=\"flex flex-col\">\n <span>+225 22 50 82 60<\/span>\n <span>+225 07 77 97 97<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <i class=\"ph ph-envelope text-brand-red text-lg\"><\/i>\n <span>contact@moyaimmobilier.com<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold mb-6 tracking-widest uppercase text-sm\">Informations L\u00e9gales<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed font-light mb-4\">\n <strong>RCCM :<\/strong> CI-ABJ-2019-02255\n <\/p>\n <div class=\"flex gap-4 mt-6\">\n <a href=\"#\" class=\"w-10 h-10 rounded bg-white\/5 flex items-center justify-center text-gray-400 hover:bg-brand-red hover:text-white transition-colors\">\n <i class=\"ph-fill ph-facebook-logo text-xl\"><\/i>\n <\/a>\n <a href=\"#\" class=\"w-10 h-10 rounded bg-white\/5 flex items-center justify-center text-gray-400 hover:bg-brand-red hover:text-white transition-colors\">\n <i class=\"ph-fill ph-youtube-logo text-xl\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"border-t border-white\/10 mt-12 pt-8 text-center text-xs text-gray-600 font-light\">\n © 2026 Moya Prestige Immo. Tous droits r\u00e9serv\u00e9s.\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ Effet de scroll sur le header\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('bg-[#121011]\/90', 'shadow-xl');\n header.classList.remove('border-b-0');\n } else {\n header.classList.remove('bg-[#121011]\/90', 'shadow-xl');\n header.classList.add('border-b-0');\n }\n });\n\n \/\/ Fonction pour pr\u00e9-s\u00e9lectionner le bien dans le formulaire depuis les cartes\n function setSubject(subjectText) {\n const select = document.getElementById('property-select');\n for(let i = 0; i < select.options.length; i++) {\n if(select.options[i].text.includes(subjectText) || select.options[i].text.includes(subjectText.substring(0, 10))) {\n select.selectedIndex = i;\n break;\n }\n }\n }\n\n \/\/ Fonction simul\u00e9e pour le message de succ\u00e8s (\u00e0 relier au syst\u00e8me systeme.io via action d'URL)\n function showSuccessMessage() {\n const msgBox = document.getElementById('success-msg');\n msgBox.classList.remove('hidden');\n setTimeout(() => {\n msgBox.classList.add('hidden');\n }, 5000);\n \n \/\/ Note pour Systeme.io : Dans l'\u00e9diteur Systeme.io, \n \/\/ vous remplacerez ce formulaire HTML par l'\u00e9l\u00e9ment \"Formulaire\" de Systeme.io \n \/\/ tout en gardant les classes Tailwind pour le design si possible,\n \/\/ ou en g\u00e9n\u00e9rant l'action d'enregistrement du contact.\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Biens Exclusifs | MOYA PRESTIGE IMMO M MOYA Prestige Immo Demander une visite Ventes Exclusives L’Excellence Immobili\u00e8re D\u00e9couvrez deux propri\u00e9t\u00e9s […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":7,"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":18,"date":"2026-07-30T16:03:57","date_gmt":"2026-07-30T16:03:57","guid":{"rendered":"https:\/\/m.moyaimmobilier.com\/?page_id=18"},"modified":"2026-07-30T18:17:31","modified_gmt":"2026-07-30T18:17:31","slug":"moya-prestige-immo","status":"publish","type":"page","link":"https:\/\/m.moyaimmobilier.com\/","title":{"rendered":"MOYA Prestige Immo"},"content":{"rendered":"\n\n\n\n \n \n Biens Exclusifs | MOYA PRESTIGE IMMO<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Montserrat', 'sans-serif'],\n },\n colors: {\n brand: {\n red: '#DA3B31',\n dark: '#221F20',\n light: '#FFFFFF'\n }\n },\n backgroundImage: {\n 'glass-gradient': 'linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.01) 100%)',\n }\n }\n }\n }\n <\/script>\n <style>\n body {\n background-color: #121011 !important; \/* Fond tr\u00e8s sombre pour contraster l'effet glace *\/\n color: #FFFFFF;\n overflow-x: hidden;\n }\n\n \/* Effet Glassmorphism Premium *\/\n .glass-panel {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);\n }\n\n \/* Animation de balayage lumineux pour les boutons (Shine Effect) *\/\n .btn-shine {\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n .btn-shine::after {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 50%;\n height: 100%;\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);\n transform: skewX(-20deg);\n animation: shine 4s infinite;\n }\n @keyframes shine {\n 0% { left: -100%; }\n 20% { left: 200%; }\n 100% { left: 200%; }\n }\n\n \/* Animation de bordure pour mettre en valeur les biens *\/\n .animated-border-card {\n position: relative;\n border-radius: 1rem;\n transition: transform 0.4s ease, box-shadow 0.4s ease;\n }\n .animated-border-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 40px rgba(218, 59, 49, 0.2);\n }\n .animated-border-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: 1rem;\n padding: 2px;\n background: linear-gradient(45deg, transparent 40%, #DA3B31, transparent 60%);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n background-size: 200% 200%;\n animation: borderGlow 3s linear infinite;\n opacity: 0.5;\n transition: opacity 0.3s ease;\n }\n .animated-border-card:hover::before {\n opacity: 1;\n }\n @keyframes borderGlow {\n 0% { background-position: 0% 0%; }\n 100% { background-position: 200% 200%; }\n }\n\n \/* Taches de lumi\u00e8re en arri\u00e8re-plan *\/\n .bg-glow {\n position: absolute;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(218,59,49,0.15) 0%, rgba(0,0,0,0) 70%);\n border-radius: 50%;\n z-index: -1;\n pointer-events: none;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased relative min-h-screen\">\n\n \n <div class=\"bg-glow top-0 left-[-200px]\"><\/div>\n <div class=\"bg-glow bottom-[20%] right-[-200px]\"><\/div>\n\n \n <header class=\"fixed w-full top-0 z-50 glass-panel border-b-0 border-white\/5 transition-all duration-300\" id=\"header\">\n <div class=\"max-w-7xl mx-auto px-6 py-4 flex justify-between items-center\">\n \n <div class=\"flex items-center gap-4\">\n <div class=\"relative w-12 h-12 bg-brand-red flex items-center justify-center transform rotate-45 shadow-lg\">\n <span class=\"text-white font-bold text-2xl transform -rotate-45 block mt-1\">M<\/span>\n <\/div>\n <div class=\"flex flex-col\">\n <span class=\"text-3xl font-bold tracking-widest text-white leading-none\">MOYA<\/span>\n <span class=\"text-xs tracking-[0.25em] text-gray-400 mt-1 uppercase font-light\">Prestige Immo<\/span>\n <\/div>\n <\/div>\n \n <a href=\"#contact\" class=\"hidden md:inline-flex items-center justify-center px-6 py-3 bg-brand-red text-white font-semibold rounded hover:bg-red-700 transition-colors btn-shine text-sm uppercase tracking-wider\">\n Demander une visite\n <\/a>\n <\/div>\n <\/header>\n\n \n <section class=\"relative pt-40 pb-20 lg:pt-48 lg:pb-32 px-6 flex items-center min-h-[85vh]\">\n <div class=\"max-w-7xl mx-auto w-full grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div class=\"z-10\">\n <div class=\"inline-block px-4 py-1.5 rounded-full border border-brand-red\/50 bg-brand-red\/10 text-brand-red text-sm font-semibold tracking-wide uppercase mb-6 backdrop-blur-sm\">\n Ventes Exclusives\n <\/div>\n <h1 class=\"text-5xl lg:text-7xl font-bold text-white leading-tight mb-6\">\n L’Excellence <br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-brand-red to-red-400\">Immobili\u00e8re<\/span>\n <\/h1>\n <p class=\"text-lg text-gray-300 mb-10 max-w-lg leading-relaxed font-light\">\n D\u00e9couvrez deux propri\u00e9t\u00e9s d’exception nich\u00e9es dans les quartiers les plus pris\u00e9s d’Abidjan. Le summum du raffinement vous attend.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#biens\" class=\"inline-flex items-center justify-center px-8 py-4 bg-brand-red text-white font-semibold rounded hover:bg-red-700 transition-all btn-shine\">\n D\u00e9couvrir les biens\n <i class=\"ph ph-arrow-right ml-2 text-xl\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"relative z-10 w-full h-[400px] lg:h-[500px] glass-panel rounded-2xl flex items-center justify-center group overflow-hidden border-brand-red\/20 border\">\n <div class=\"absolute inset-0 bg-[url('https:\/\/images.unsplash.com\/photo-1600596542815-ffad4c1539a9?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80')] bg-cover bg-center opacity-40 group-hover:scale-105 transition-transform duration-700\"><\/div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#121011] to-transparent\"><\/div>\n \n \n <div class=\"relative w-24 h-24 rounded-full border-2 border-white\/50 flex items-center justify-center backdrop-blur-md cursor-pointer hover:border-brand-red transition-colors group-hover:shadow-[0_0_30px_rgba(218,59,49,0.5)]\">\n <div class=\"w-16 h-16 bg-white\/20 rounded-full flex items-center justify-center pl-2\">\n <i class=\"ph-fill ph-play text-white text-3xl\"><\/i>\n <\/div>\n <\/div>\n <p class=\"absolute bottom-6 left-6 text-white text-sm font-medium tracking-widest uppercase\">Vid\u00e9o de pr\u00e9sentation \u00e0 venir<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"biens\" class=\"py-24 relative\">\n <div class=\"max-w-7xl mx-auto px-6 relative z-10\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-5xl font-bold mb-4\">Nos Biens <span class=\"text-brand-red\">Exclusifs<\/span><\/h2>\n <div class=\"w-24 h-1 bg-brand-red mx-auto rounded-full\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\n \n \n <div class=\"glass-panel animated-border-card rounded-2xl flex flex-col h-full overflow-hidden\">\n \n <div class=\"relative w-full aspect-video bg-gray-900 border-b border-white\/10 group cursor-pointer overflow-hidden\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1613490908653-b67362c3e176?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Villa Angr\u00e9\" class=\"w-full h-full object-cover opacity-60 group-hover:opacity-80 group-hover:scale-105 transition-all duration-700\">\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <span class=\"px-6 py-3 bg-black\/50 backdrop-blur-md rounded border border-white\/20 text-sm font-semibold tracking-widest uppercase flex items-center gap-2 group-hover:bg-brand-red\/80 transition-colors\">\n <i class=\"ph ph-camera text-xl\"><\/i> Voir les images\n <\/span>\n <\/div>\n <div class=\"absolute top-4 right-4 bg-brand-red text-white text-xs font-bold px-3 py-1 rounded shadow-lg uppercase tracking-wider\">Exclusivit\u00e9<\/div>\n <\/div>\n \n <div class=\"p-8 flex flex-col flex-grow\">\n <div class=\"flex justify-between items-start mb-4\">\n <div>\n <h3 class=\"text-2xl font-bold mb-1\">Domaine d’Exception<\/h3>\n <p class=\"text-gray-400 flex items-center gap-2\">\n <i class=\"ph-fill ph-map-pin text-brand-red\"><\/i> Angr\u00e9 7e Tranche, Abidjan\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"grid grid-cols-2 gap-4 my-6\">\n <div class=\"bg-white\/5 rounded-lg p-4 border border-white\/5\">\n <i class=\"ph-fill ph-house-line text-2xl text-brand-red mb-2\"><\/i>\n <div class=\"text-2xl font-bold\">24<\/div>\n <div class=\"text-xs text-gray-400 uppercase tracking-widest\">Pi\u00e8ces<\/div>\n <\/div>\n <div class=\"bg-white\/5 rounded-lg p-4 border border-white\/5\">\n <i class=\"ph-fill ph-arrows-out-line text-2xl text-brand-red mb-2\"><\/i>\n <div class=\"text-2xl font-bold\">1320<\/div>\n <div class=\"text-xs text-gray-400 uppercase tracking-widest\">M\u00e8tres Carr\u00e9s (m\u00b2)<\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-auto pt-6 border-t border-white\/10 flex justify-between items-center\">\n <div>\n <p class=\"text-xs text-gray-400 uppercase tracking-wider mb-1\">Prix de vente<\/p>\n <p class=\"text-3xl font-bold text-white\">859 000 000 <span class=\"text-lg text-brand-red\">FCFA<\/span><\/p>\n <\/div>\n <a href=\"#contact\" onclick=\"setSubject('Villa Angr\u00e9 7e Tranche (859M)')\" class=\"w-12 h-12 rounded-full bg-white\/10 hover:bg-brand-red flex items-center justify-center transition-colors border border-white\/20 group\">\n <i class=\"ph ph-arrow-up-right text-xl group-hover:text-white\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"glass-panel animated-border-card rounded-2xl flex flex-col h-full overflow-hidden\">\n \n <div class=\"relative w-full aspect-video bg-gray-900 border-b border-white\/10 group cursor-pointer overflow-hidden\">\n \n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Villa Vallon\" class=\"w-full h-full object-cover opacity-60 group-hover:opacity-80 group-hover:scale-105 transition-all duration-700\">\n <div class=\"absolute inset-0 flex items-center justify-center\">\n <span class=\"px-6 py-3 bg-black\/50 backdrop-blur-md rounded border border-white\/20 text-sm font-semibold tracking-widest uppercase flex items-center gap-2 group-hover:bg-brand-red\/80 transition-colors\">\n <i class=\"ph ph-video-camera text-xl\"><\/i> Voir la vid\u00e9o\n <\/span>\n <\/div>\n <div class=\"absolute top-4 right-4 bg-brand-red text-white text-xs font-bold px-3 py-1 rounded shadow-lg uppercase tracking-wider\">Prestige<\/div>\n <\/div>\n \n <div class=\"p-8 flex flex-col flex-grow\">\n <div class=\"flex justify-between items-start mb-4\">\n <div>\n <h3 class=\"text-2xl font-bold mb-1\">R\u00e9sidence Magistrale<\/h3>\n <p class=\"text-gray-400 flex items-center gap-2\">\n <i class=\"ph-fill ph-map-pin text-brand-red\"><\/i> 2 Plateaux Vallon, Abidjan\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"grid grid-cols-2 gap-4 my-6\">\n <div class=\"bg-white\/5 rounded-lg p-4 border border-white\/5\">\n <i class=\"ph-fill ph-house-line text-2xl text-brand-red mb-2\"><\/i>\n <div class=\"text-2xl font-bold\">17<\/div>\n <div class=\"text-xs text-gray-400 uppercase tracking-widest\">Pi\u00e8ces<\/div>\n <\/div>\n <div class=\"bg-white\/5 rounded-lg p-4 border border-white\/5 flex flex-col justify-center\">\n <i class=\"ph-fill ph-star text-2xl text-brand-red mb-2\"><\/i>\n <div class=\"text-sm font-bold\">Emplacement Premium<\/div>\n <div class=\"text-[0.65rem] text-gray-400 uppercase tracking-widest mt-1\">Haut Standing<\/div>\n <\/div>\n <\/div>\n \n <div class=\"mt-auto pt-6 border-t border-white\/10 flex justify-between items-center\">\n <div>\n <p class=\"text-xs text-gray-400 uppercase tracking-wider mb-1\">Prix de vente<\/p>\n <p class=\"text-3xl font-bold text-white\">1 500 000 000 <span class=\"text-lg text-brand-red\">FCFA<\/span><\/p>\n <\/div>\n <a href=\"#contact\" onclick=\"setSubject('R\u00e9sidence 2 Plateaux Vallon (1.5 Milliards)')\" class=\"w-12 h-12 rounded-full bg-white\/10 hover:bg-brand-red flex items-center justify-center transition-colors border border-white\/20 group\">\n <i class=\"ph ph-arrow-up-right text-xl group-hover:text-white\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 relative border-y border-white\/5 bg-white\/5\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold mb-4\">Pourquoi nous faire <span class=\"text-brand-red\">confiance ?<\/span><\/h2>\n <p class=\"text-gray-400 max-w-2xl mx-auto font-light\">L’exigence et le professionnalisme au c\u0153ur de chaque transaction. Moya Prestige Immo s’engage \u00e0 vous offrir une exp\u00e9rience immobili\u00e8re in\u00e9gal\u00e9e.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"glass-panel p-8 rounded-xl text-center hover:bg-white\/10 transition-colors border-t-2 border-t-transparent hover:border-t-brand-red\">\n <div class=\"w-16 h-16 mx-auto bg-brand-red\/10 rounded-full flex items-center justify-center mb-6 border border-brand-red\/30\">\n <i class=\"ph ph-shield-check text-3xl text-brand-red\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">Discr\u00e9tion Absolue<\/h3>\n <p class=\"text-gray-400 text-sm leading-relaxed\">Nous traitons vos transactions avec la plus grande confidentialit\u00e9. Votre vie priv\u00e9e est notre priorit\u00e9 absolue.<\/p>\n <\/div>\n \n \n <div class=\"glass-panel p-8 rounded-xl text-center hover:bg-white\/10 transition-colors border-t-2 border-t-transparent hover:border-t-brand-red\">\n <div class=\"w-16 h-16 mx-auto bg-brand-red\/10 rounded-full flex items-center justify-center mb-6 border border-brand-red\/30\">\n <i class=\"ph ph-handshake text-3xl text-brand-red\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">Accompagnement Premium<\/h3>\n <p class=\"text-gray-400 text-sm leading-relaxed\">De la visite \u00e0 la signature finale, notre \u00e9quipe d’experts est d\u00e9di\u00e9e \u00e0 la r\u00e9ussite de votre projet.<\/p>\n <\/div>\n\n \n <div class=\"glass-panel p-8 rounded-xl text-center hover:bg-white\/10 transition-colors border-t-2 border-t-transparent hover:border-t-brand-red\">\n <div class=\"w-16 h-16 mx-auto bg-brand-red\/10 rounded-full flex items-center justify-center mb-6 border border-brand-red\/30\">\n <i class=\"ph ph-medal text-3xl text-brand-red\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">S\u00e9lection Rigoureuse<\/h3>\n <p class=\"text-gray-400 text-sm leading-relaxed\">Seuls les biens r\u00e9pondant \u00e0 nos crit\u00e8res stricts de prestige et de qualit\u00e9 vous sont propos\u00e9s en exclusivit\u00e9.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-16 text-center\">\n <div class=\"inline-block px-8 py-4 glass-panel rounded-lg w-full max-w-4xl border border-dashed border-white\/20\">\n <p class=\"text-gray-500 italic text-sm\"><i class=\"ph ph-quotes text-brand-red mr-2\"><\/i> \u00ab\u00a0Espace r\u00e9serv\u00e9 pour int\u00e9grer les t\u00e9moignages clients ou les logos de partenaires.\u00a0\u00bb<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-24 relative overflow-hidden\">\n <div class=\"bg-glow top-[10%] right-[10%] opacity-50\"><\/div>\n <div class=\"max-w-4xl mx-auto px-6 relative z-10\">\n <div class=\"glass-panel rounded-2xl p-8 md:p-12 border border-brand-red\/20 relative\">\n \n <div class=\"absolute -top-4 -right-4 w-24 h-24 bg-brand-red rounded-full blur-3xl opacity-40\"><\/div>\n \n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">Organiser une <span class=\"text-brand-red\">Visite Priv\u00e9e<\/span><\/h2>\n <p class=\"text-gray-300\">Remplissez ce formulaire pour \u00eatre recontact\u00e9 par l’un de nos conseillers sp\u00e9cialis\u00e9s.<\/p>\n <\/div>\n\n <form class=\"space-y-6\" onsubmit=\"event.preventDefault(); showSuccessMessage();\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"space-y-2\">\n <label class=\"text-xs font-semibold text-gray-400 uppercase tracking-widest\">Nom complet<\/label>\n <input type=\"text\" required class=\"w-full bg-white\/5 border border-white\/10 rounded px-4 py-3 text-white focus:outline-none focus:border-brand-red focus:ring-1 focus:ring-brand-red transition-colors\" placeholder=\"Votre nom\">\n <\/div>\n <div class=\"space-y-2\">\n <label class=\"text-xs font-semibold text-gray-400 uppercase tracking-widest\">T\u00e9l\u00e9phone<\/label>\n <input type=\"tel\" required class=\"w-full bg-white\/5 border border-white\/10 rounded px-4 py-3 text-white focus:outline-none focus:border-brand-red focus:ring-1 focus:ring-brand-red transition-colors\" placeholder=\"+225 00 00 00 00\">\n <\/div>\n <\/div>\n \n <div class=\"space-y-2\">\n <label class=\"text-xs font-semibold text-gray-400 uppercase tracking-widest\">Email<\/label>\n <input type=\"email\" required class=\"w-full bg-white\/5 border border-white\/10 rounded px-4 py-3 text-white focus:outline-none focus:border-brand-red focus:ring-1 focus:ring-brand-red transition-colors\" placeholder=\"votre@email.com\">\n <\/div>\n\n <div class=\"space-y-2\">\n <label class=\"text-xs font-semibold text-gray-400 uppercase tracking-widest\">Bien cibl\u00e9<\/label>\n <select id=\"property-select\" class=\"w-full bg-[#1e1b1c] border border-white\/10 rounded px-4 py-3 text-white focus:outline-none focus:border-brand-red focus:ring-1 focus:ring-brand-red transition-colors appearance-none\">\n <option value=\"\">S\u00e9lectionnez un bien (Optionnel)<\/option>\n <option value=\"Angr\u00e9\">Domaine – Angr\u00e9 7e Tranche (859 Millions FCFA)<\/option>\n <option value=\"Vallon\">R\u00e9sidence – 2 Plateaux Vallon (1.5 Milliards FCFA)<\/option>\n <option value=\"Les Deux\">Je suis int\u00e9ress\u00e9(e) par les deux biens<\/option>\n <\/select>\n <\/div>\n\n <div class=\"space-y-2\">\n <label class=\"text-xs font-semibold text-gray-400 uppercase tracking-widest\">Message (Optionnel)<\/label>\n <textarea rows=\"4\" class=\"w-full bg-white\/5 border border-white\/10 rounded px-4 py-3 text-white focus:outline-none focus:border-brand-red focus:ring-1 focus:ring-brand-red transition-colors resize-none\" placeholder=\"Pr\u00e9cisez vos disponibilit\u00e9s...\"><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"w-full py-4 bg-brand-red text-white font-bold rounded hover:bg-red-700 transition-colors btn-shine text-lg tracking-wide uppercase mt-4\">\n Envoyer ma demande\n <\/button>\n \n \n <div id=\"success-msg\" class=\"hidden mt-4 p-4 bg-green-500\/20 border border-green-500\/50 rounded text-green-400 text-center text-sm\">\n Votre demande a bien \u00e9t\u00e9 envoy\u00e9e. Un conseiller Moya Prestige Immo vous contactera tr\u00e8s prochainement.\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-black py-12 border-t border-white\/10\">\n <div class=\"max-w-7xl mx-auto px-6\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 items-start\">\n \n \n <div>\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-8 h-8 bg-brand-red flex items-center justify-center transform rotate-45\">\n <span class=\"text-white font-bold text-sm transform -rotate-45 block mt-0.5\">M<\/span>\n <\/div>\n <div class=\"flex flex-col\">\n <span class=\"text-xl font-bold tracking-widest text-white leading-none\">MOYA<\/span>\n <span class=\"text-[0.5rem] tracking-[0.25em] text-gray-400 mt-1 uppercase font-light\">Prestige Immo<\/span>\n <\/div>\n <\/div>\n <p class=\"text-sm text-gray-500 leading-relaxed font-light mb-4\">\n Transaction, gestion, location, home staging et conseil en investissement immobilier de prestige.\n <\/p>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold mb-6 tracking-widest uppercase text-sm\">Nous contacter<\/h4>\n <ul class=\"space-y-4 text-sm text-gray-400\">\n <li class=\"flex items-start gap-3\">\n <i class=\"ph ph-map-pin text-brand-red text-lg mt-0.5\"><\/i>\n <span>25 BP 1080 Abidjan 25<br>Cocody II plateaux 7e tranche<\/span>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <i class=\"ph ph-phone text-brand-red text-lg\"><\/i>\n <div class=\"flex flex-col\">\n <span>+225 22 50 82 60<\/span>\n <span>+225 07 77 97 97<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-center gap-3\">\n <i class=\"ph ph-envelope text-brand-red text-lg\"><\/i>\n <span>contact@moyaimmobilier.com<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div>\n <h4 class=\"text-white font-bold mb-6 tracking-widest uppercase text-sm\">Informations L\u00e9gales<\/h4>\n <p class=\"text-sm text-gray-500 leading-relaxed font-light mb-4\">\n <strong>RCCM :<\/strong> CI-ABJ-2019-02255\n <\/p>\n <div class=\"flex gap-4 mt-6\">\n <a href=\"#\" class=\"w-10 h-10 rounded bg-white\/5 flex items-center justify-center text-gray-400 hover:bg-brand-red hover:text-white transition-colors\">\n <i class=\"ph-fill ph-facebook-logo text-xl\"><\/i>\n <\/a>\n <a href=\"#\" class=\"w-10 h-10 rounded bg-white\/5 flex items-center justify-center text-gray-400 hover:bg-brand-red hover:text-white transition-colors\">\n <i class=\"ph-fill ph-youtube-logo text-xl\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"border-t border-white\/10 mt-12 pt-8 text-center text-xs text-gray-600 font-light\">\n © 2026 Moya Prestige Immo. Tous droits r\u00e9serv\u00e9s.\n <\/div>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ Effet de scroll sur le header\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 50) {\n header.classList.add('bg-[#121011]\/90', 'shadow-xl');\n header.classList.remove('border-b-0');\n } else {\n header.classList.remove('bg-[#121011]\/90', 'shadow-xl');\n header.classList.add('border-b-0');\n }\n });\n\n \/\/ Fonction pour pr\u00e9-s\u00e9lectionner le bien dans le formulaire depuis les cartes\n function setSubject(subjectText) {\n const select = document.getElementById('property-select');\n for(let i = 0; i < select.options.length; i++) {\n if(select.options[i].text.includes(subjectText) || select.options[i].text.includes(subjectText.substring(0, 10))) {\n select.selectedIndex = i;\n break;\n }\n }\n }\n\n \/\/ Fonction simul\u00e9e pour le message de succ\u00e8s (\u00e0 relier au syst\u00e8me systeme.io via action d'URL)\n function showSuccessMessage() {\n const msgBox = document.getElementById('success-msg');\n msgBox.classList.remove('hidden');\n setTimeout(() => {\n msgBox.classList.add('hidden');\n }, 5000);\n \n \/\/ Note pour Systeme.io : Dans l'\u00e9diteur Systeme.io, \n \/\/ vous remplacerez ce formulaire HTML par l'\u00e9l\u00e9ment \"Formulaire\" de Systeme.io \n \/\/ tout en gardant les classes Tailwind pour le design si possible,\n \/\/ ou en g\u00e9n\u00e9rant l'action d'enregistrement du contact.\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Biens Exclusifs | MOYA PRESTIGE IMMO M MOYA Prestige Immo Demander une visite Ventes Exclusives L’Excellence Immobili\u00e8re D\u00e9couvrez deux propri\u00e9t\u00e9s […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":7,"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/m.moyaimmobilier.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}